web前端
hello_world_csdn
这个作者很懒,什么都没留下…
展开
-
最实用的web前端开发知识框架图
把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是想要颠覆人们对于前端只有三大块(html、css、js)的认识——做web前端需要的比这三大块要多得多。1、分类所有知识框架,那肯定是一个结构型的展现,就是一棵树。web前端的知识点非常多,也非常散,需要好几层结构来组织这个体系,否则就会显得很乱。那么如何组织、把谁和谁放在一块儿?这是真正值得我们去思考的,...转载 2018-03-19 16:50:16 · 15386 阅读 · 1 评论 -
一张图看懂开源许可协议,开源许可证GPL、BSD、MIT、Mozilla、Apache和LGPL的区别
一张图看懂开源许可协议,开源许可证GPL、BSD、MIT、Mozilla、Apache和LGPL的区别开源许可证GPL、BSD、MIT、Mozilla、Apache和LGPL的区别首先借用有心人士的一张相当直观清晰的图来划分各种协议:开源许可证GPL、BSD、MIT、Mozilla、Apache和LGPL的区别以下是上述协议的简单介绍:BSD开源协议BSD开源协议是一个给于使用...转载 2019-04-09 14:17:11 · 290 阅读 · 0 评论 -
X-UA-Compatible HEADER 信息让IE8(-)浏览器使用chrome内核解析网站
X-UA-Compatible在html中的作用1、X-UA-Compatible 是ie8浏览器才能识别2、<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">是最佳的兼容模式3、<meta http-equiv="X-UA-Compatible" content="IE=edge">转载 2019-03-05 17:22:33 · 584 阅读 · 0 评论 -
浏览器默认样式有哪些,如何覆盖
1、user agent stylesheet是浏览器默认样式表,是浏览器默认样式。2、不同浏览器的默认样式不同个,甚至同种浏览器不同版本的默认样式也可能不同。其中google中对body的默认样式为margin:8px;3、前端开发者在开发网页的时候如果考虑适配不同浏览器的不同默认样式,一般是采用重置浏览器的默认样式例如:html{height:100%; width:100%;...原创 2019-03-01 14:29:48 · 952 阅读 · 0 评论 -
npm+webpack创建第一个项目
开始之前:1.安装node环境2.安装npm或者cnpm(我使用的是npm)3.编辑器使用VSCode4.浏览器使用Chrome*通过npm或者cnpm安装的依赖,请务必注意版本号!!!过高或者过低的版本都有可能导致运行不成功!1.新建zhihu-daily目录(以下简称根目录)并在VSCode中打开该目录,使用“ crtl+` ”打开终端。在终端内输入:npm in...转载 2019-02-21 16:11:18 · 4084 阅读 · 1 评论 -
React —(setState 方法)
1、setState 方法易犯错点。setState 不会立即改变 React 组件中的 state 的值。setState 通过引发一次组件的更新过程引发重新绘制。多次 setState 函数调用产生的效果会合并。2、setState 方法 在 React 中,一个组件要读取当前的状态只需要访问 this.state 属性,但是更新状态需要调用 this.setState() 方法。...转载 2018-12-05 19:39:55 · 172 阅读 · 0 评论 -
深度理解 Virtual DOM【转】
深度理解 Virtual DOM目录:1 前言2 技术发展史3 Virtual DOM 算法4 Virtual DOM 实现5 Virtual DOM 树的差异(Diff算法)6 结语7 参考链接 1 前言我会尽量把 Virtual DOM 应用场景、实现思路、算法讲述清楚,希望大家阅读后,能让你深入理解 Virtual DOM。 2 技...转载 2018-12-02 17:06:36 · 154 阅读 · 0 评论 -
[转]漂亮的支持添加日期事件的日历特效代码插件jQuery Calendar.js
效果预览地址:http://www.daimabiji.com/codedemo/2264插件下载地址:http://www.daimabiji.com/index.php?m=content&c=down&a_k=cc28h7SWB7_DQbm1OEB3BR2JbKd14yHpL8pKWUZq7Z9eDcEYtsm_8dztu37P3oOcgPEJ3Yk0jSd-DS...转载 2018-08-08 17:36:05 · 1653 阅读 · 0 评论 -
[js]解决window.requestAnimationFrame多浏览器兼容问题
兼容性支持为了避免老浏览器没有提供这个api,可以先检测,后处理,没有提供api时,写对应的函数挂在window下,以后的调用与正常情况一致。 网上大神的杰作(function() { var lastTime = 0; var vendors = ['webkit', 'moz']; for(var x = 0; x < vendors.length &&a...转载 2018-06-04 10:13:04 · 3221 阅读 · 1 评论 -
JavaScript中valueOf 、toString 、toLocalString的区别
Array、Boolean、Date、Number等对象都具有toString()、toLocaleString()、valueOf()三个方法,那这三个方法有什么区别??? var obj1=[1,2,3,4,5]; var obj2=[5,4,3,2,1]; var obj3=[obj1,obj2]; console.log(obj1); console.log(obj2)...转载 2018-03-21 16:59:54 · 488 阅读 · 0 评论 -
JS进阶篇--JS数组reduce()方法详解及高级技巧
reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值。reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce 的数组。语法:arr.reduce(callback,[initialValue])callb...转载 2018-03-21 16:00:53 · 195 阅读 · 0 评论 -
在不确定自身高度的情况下,用 CSS 实现元素垂直居中的3种方法
作者:Jaskey Lam链接:https://www.zhihu.com/question/20543196/answer/57757836来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。1.不知道自己高度和父容器高度的情况下, 利用绝对定位只需要以下三行:parentElement{ position:relative; } child...转载 2018-03-19 17:35:00 · 10269 阅读 · 0 评论 -
浏览器内核、渲染引擎、JS引擎简介
一、定义浏览器内核分成两部分:渲染引擎和JS引擎。 由于JS引擎越来越独立,浏览器内核 就倾向于 单指 渲染引擎。 渲染引擎是一种对HTML文档进行解析并将其显示在页面上的工具。(说白了,就是按照HTML代码在界面上绘制各种控件图形)二、常见引擎渲染引擎: firefox使用gecko引擎 IE使用Trident引擎 2015...转载 2019-08-16 19:30:44 · 355 阅读 · 0 评论