http状态码竟然可以这样记;2019 面试准备 – JS 原型与原型链;web前端性能优化总结;用VueJS写一个Chrome浏览器插件;我是如何自学前端的,应该如何入门;如何利用 GitHub Pages 和 Hugo 轻松搭建个人博客?;JS面试题之比较两个对象是否相等?;初识 html-webpack-plugin
-
http状态码竟然可以这样记标题皮了一下,但是内容应该算是比较用心的,不是直接抄了一下官方文档和一堆抽象的术语,尽量配合实例解释的通俗一些。
-
web前端性能优化总结概括 涉及到的分类 网络层面 构建层面 浏览器渲染层面 服务端层面 涉及到的功能点 资源的合并与压缩 图片编解码原理和类型选择 浏览器渲染机制 懒加载预加载 浏览器存储 缓存机制 PWA Vue-SSR 资源合并与压缩 htt…
-
用VueJS写一个Chrome浏览器插件浏览器基本已经天下大统了,放眼望去都是Chromium的天下。那么,能写一个浏览器插件也算是一种回报率不错的技能。
-
我是如何自学前端的,应该如何入门 关注我的都喜欢上了我 自从更新了《我的Web 前端自学之路》之后,收到了很多读者的认可,也碰到了很多像我一样从零开始自学的朋友,并加微信进行了一些交流,很多读者都询问我,该如何自学,有什么好的建议。也有些人说感觉很枯燥,看书看到怀疑人生,该怎么做。 首先我也是个学习者,并不是什么技术大…
-
如何利用 GitHub Pages 和 Hugo 轻松搭建个人博客? Foreword 很多热爱写作的小伙伴或许都曾想过,要是能拥有一个自己专属的博客就好了。这里呢,就跟大家详细地分享一种自己动手搭建博客的简单方案:GitHub Pages + Hugo。 如果你感觉有点儿陌生,没关系。虽说是自己动手搭建,但并不要求你有多少技术基础,熟悉一下就好了。 我在之前的分享中…
-
JS面试题之比较两个对象是否相等?这是我在一次面试中,被面试官所提问的一道题 在这次面试题中 相等:指的是对象的属性个数值相等 有这样两个obj {代码…} 我能想到的一种方案 {代码…} 解答过程的思考 由于obj没有length,我只能通过Object.ke…
-
初识 html-webpack-plugin 新建一个文件夹 yarn init 初始化一下 yarn add webpack 使用 编写 webpack.config.js 文件 const path = require(‘path’) const HtmlWebpackPlugin = require(‘html-webpack-plugin’) module.exports = { entry: path.resolve(__dirname, ‘index.js’), output: { …
-
「前端面试题系列7」Javascript 中的事件机制(从原生到框架)前言 这是前端面试题系列的第 7 篇,你可能错过了前面的篇章,可以在这里找到: 理解函数的柯里化 ES6 中箭头函数的用法 this 的原理以及用法 伪类与伪元素的区别及实战 如何实现一个圣杯布局? 今日头条 面试题…
-
图解git原理与日常实用指南读了“扔物线”老师的小册《Git 原理详解及实用指南》感觉收获良多,于是想写点东西做一个总结,即加深自己的印象也希望能给社区小伙伴一点帮助,写的不对的地方还请多多指导。身为一个初入前端半年的菜鸟,由伊始…
-
JS异步编程之Promise 前言 《JS异步编程之 callback》一文我们了解了“JS 是基于单线程事件循环”的概念构建的,回调函数不会立即执行,由事件轮询去检测事件是否执行完毕,当执行完有结果后,将结果放入回调函数的参数中,然后将回调函数添加到事件队列中等待被执行。 同时也讲了回调函数的问题: 一是“回调地狱”,因为异步回调函数的特…
-
【Git】工作中99%能用到的git命令分支操作 git branch 创建分支 git branch -b 创建并切换到新建的分支上 git checkout 切换分支 git branch 查看分支列表 git branch -v 查看所有分支的最后一次操作 git branch -vv 查看当前分支 git brabch -b …
-
JS module的导出和导入最近看了些Vue框架写的程序,发现自己的前端知识还停留在几年以前,发现现在Javascript程序里有各种各样的对module的导入和到处,导入乍一看跟python的语法挺像的无非就是把from和import这两个关键词的使用颠倒了…
-
前端资源加载重试对于TO C的应用,用户网络千差万别,总有各种网络问题导致资源加载失败,使得访问时出现白屏,样式错乱等。资源加载重试,则是提高用户体验中重要的一环。
-
如何使用 JavaScript 解析 URL如果你想尝试本文中的任何内容,可以将其放在 <script> 标记中,保存,重新加载页面,看看会发生什么! 在本教程中,将使用 console.log 来打印所需要的内容,你可以打开开发都工具,来查看内容。
-
学习 PixiJS — 碰撞检测Pixi 没有内置的碰撞检测系统, 所以这里我们使用一个名为 Bump 的库,Bump 是一个易于使用的2D碰撞方法的轻量级库,可与 Pixi 渲染引擎一起使用。它提供了制作大多数2D动作游戏所需的所有碰撞工具。
-
JavaScript:函数防抖与函数节流使用场景:以百度输入框例,比如你要查询XXx,想实现输完了XXx之后,再进行搜索请求,这样可以有效减少请求次数,节约请求资源。
前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多