博客园 - keepLearnLL
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=27561
2019-12-18T16:29:15Z
keepLearnLL
https://www.cnblogs.com/linziwei/
feed.cnblogs.com
https://www.cnblogs.com/linziwei/p/12009471.html
Javascript和Typescript语言类型 - keepLearnLL
静态语言(强类型语言) 静态语言是在编译时变量的数据类型即可确定的语言,多数静态类型语言要求在使用变量之前必须声明数据类型。 例如:C++、Java、Delphi、C#等。 动态语言(弱类型语言) 动态语言是在运行时确定数据类型的语言。变量使用之前不需要类型声明,通常变量的类型是被赋值的那个值的类型
2019-12-09T02:20:00Z
2019-12-09T02:20:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】静态语言(强类型语言) 静态语言是在编译时变量的数据类型即可确定的语言,多数静态类型语言要求在使用变量之前必须声明数据类型。 例如:C++、Java、Delphi、C#等。 动态语言(弱类型语言) 动态语言是在运行时确定数据类型的语言。变量使用之前不需要类型声明,通常变量的类型是被赋值的那个值的类型 <a href="https://www.cnblogs.com/linziwei/p/12009471.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/11364084.html
return true 和 return false 和 return - keepLearnLL
1.return false:相当于终止符,干了3件事,阻止默认行为,取消事件冒泡,以及停止回调执行立即返回; 2.return:停止回调执行立即返回; 3.return true:相当于执行符,继续执行下面语句。
2019-08-16T07:15:00Z
2019-08-16T07:15:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】1.return false:相当于终止符,干了3件事,阻止默认行为,取消事件冒泡,以及停止回调执行立即返回; 2.return:停止回调执行立即返回; 3.return true:相当于执行符,继续执行下面语句。 <a href="https://www.cnblogs.com/linziwei/p/11364084.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/10818101.html
Symbol类型的应用 - keepLearnLL
应用场景1:使用Symbol来作为对象属性名(key) 在这之前,我们通常定义或访问对象的属性时都是使用字符串,比如下面的代码: let obj = { abc: 123, "hello": "world" } obj["abc"] // 123 obj["hello"] // 'world' 而现
2019-05-06T02:20:00Z
2019-05-06T02:20:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】应用场景1:使用Symbol来作为对象属性名(key) 在这之前,我们通常定义或访问对象的属性时都是使用字符串,比如下面的代码: let obj = { abc: 123, "hello": "world" } obj["abc"] // 123 obj["hello"] // 'world' 而现 <a href="https://www.cnblogs.com/linziwei/p/10818101.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/10680328.html
双向绑定 - keepLearnLL
双向绑定无非就是在单向绑定的基础上给可输入元素(input、textarea、select等)添加change(input)事件,来动态修改model和view,达到数据变化 -> 视图更新、视图交互变化(input)-> 数据model变更的双向绑定效果。
2019-04-09T14:31:00Z
2019-04-09T14:31:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】双向绑定无非就是在单向绑定的基础上给可输入元素(input、textarea、select等)添加change(input)事件,来动态修改model和view,达到数据变化 -> 视图更新、视图交互变化(input)-> 数据model变更的双向绑定效果。 <a href="https://www.cnblogs.com/linziwei/p/10680328.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/10443637.html
js单线程 - keepLearnLL
相信大家经常会听到 JS 是单线程执行的,但是你是否疑惑过什么是线程? 讲到线程,那么肯定也得说一下进程。本质上来说,两个名词都是 CPU 工作时间片的一个描述。 进程描述了 CPU 在运行指令及加载和保存上下文所需的时间,放在应用上来说就代表了一个程序。线程是进程中的更小单位,描述了执行一段指令所
2019-02-27T06:47:00Z
2019-02-27T06:47:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】相信大家经常会听到 JS 是单线程执行的,但是你是否疑惑过什么是线程? 讲到线程,那么肯定也得说一下进程。本质上来说,两个名词都是 CPU 工作时间片的一个描述。 进程描述了 CPU 在运行指令及加载和保存上下文所需的时间,放在应用上来说就代表了一个程序。线程是进程中的更小单位,描述了执行一段指令所 <a href="https://www.cnblogs.com/linziwei/p/10443637.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/10402927.html
javascript循环 - keepLearnLL
for, forEach, map 都可以用来循环。 for, forEach, map 这三个方法本质上是不同的。 for 是循环的基础语法,可以有 for...in, foo...of,for(let i = 0; i < len; i++) 等。在for循环中可以使用 continue, br
2019-02-19T11:05:00Z
2019-02-19T11:05:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】for, forEach, map 都可以用来循环。 for, forEach, map 这三个方法本质上是不同的。 for 是循环的基础语法,可以有 for...in, foo...of,for(let i = 0; i < len; i++) 等。在for循环中可以使用 continue, br <a href="https://www.cnblogs.com/linziwei/p/10402927.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/10393778.html
setTimeout使用问题 - keepLearnLL
通常禁止使用setTimeout的情况: 1.不能用于模拟异步,有的人不熟悉异步流程,而使用setTimeout伪实现,比如设置一个 setTimeout 来等待函数执行完毕,正确做法是使用回调来处理异步。
2019-02-18T01:14:00Z
2019-02-18T01:14:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】通常禁止使用setTimeout的情况: 1.不能用于模拟异步,有的人不熟悉异步流程,而使用setTimeout伪实现,比如设置一个 setTimeout 来等待函数执行完毕,正确做法是使用回调来处理异步。 <a href="https://www.cnblogs.com/linziwei/p/10393778.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/10339207.html
常用样式-阴影变化 - keepLearnLL
.item { border: 1px solid #f3f3f3; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.10); transition: box-shadow 0.2s; &:hover
2019-01-30T09:53:00Z
2019-01-30T09:53:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】.item { border: 1px solid #f3f3f3; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.10); transition: box-shadow 0.2s; &:hover <a href="https://www.cnblogs.com/linziwei/p/10339207.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/10339181.html
回调函数与异步编程 - keepLearnLL
一、回调函数的使用场景: 二、异步编程的4种方法 回调函数(维基百科): 回调函数是一段可执行的代码段,它作为一个参数传递给其他的代码,其作用是在需要的时候方便调用这段(回调函数)代码。 在JavaScript中函数也是对象的一种,同样对象可以作为参数传递给函数,因此函数也可以作为参数传递给另外一个
2019-01-30T09:48:00Z
2019-01-30T09:48:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】一、回调函数的使用场景: 二、异步编程的4种方法 回调函数(维基百科): 回调函数是一段可执行的代码段,它作为一个参数传递给其他的代码,其作用是在需要的时候方便调用这段(回调函数)代码。 在JavaScript中函数也是对象的一种,同样对象可以作为参数传递给函数,因此函数也可以作为参数传递给另外一个 <a href="https://www.cnblogs.com/linziwei/p/10339181.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/10062237.html
文字超过一定长度显示缩略 - keepLearnLL
.overflow-font { display: -webkit-box; /*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ -webkit-line-clamp: 2; overflow:
2018-12-04T01:26:00Z
2018-12-04T01:26:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】.overflow-font { display: -webkit-box; /*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ -webkit-line-clamp: 2; overflow: <a href="https://www.cnblogs.com/linziwei/p/10062237.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/9101142.html
好好学习 - keepLearnLL
框架就像,武功秘籍,但是html+css+js才是内功,练好内功,那么其他那些秘籍,也就是招式而已。所以本质的东西要看得见。至于怎么学js,或者js的一系列生态,需要的就是,入门教学视频+看犀牛书+demo练习+看大神项目源码+实战项目+不断总结. 这或许是学任何语言的套路吧
2018-05-28T09:19:00Z
2018-05-28T09:19:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】框架就像,武功秘籍,但是html+css+js才是内功,练好内功,那么其他那些秘籍,也就是招式而已。所以本质的东西要看得见。至于怎么学js,或者js的一系列生态,需要的就是,入门教学视频+看犀牛书+demo练习+看大神项目源码+实战项目+不断总结. 这或许是学任何语言的套路吧 <a href="https://www.cnblogs.com/linziwei/p/9101142.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/8191744.html
three.js - keepLearnLL
threejs是webgl的一个库,通过它我们可以利用大量已有的api做出很好的3d图形. 第一部分:html页面框架 第二部分:Three.js中的坐标轴 我们要建立三位场景,那么一定是离不开坐标轴的。 创建一个场景非常的简单,就是var scene = new THREE.Scene(); 而创
2018-01-04T02:31:00Z
2018-01-04T02:31:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】threejs是webgl的一个库,通过它我们可以利用大量已有的api做出很好的3d图形. 第一部分:html页面框架 第二部分:Three.js中的坐标轴 我们要建立三位场景,那么一定是离不开坐标轴的。 创建一个场景非常的简单,就是var scene = new THREE.Scene(); 而创 <a href="https://www.cnblogs.com/linziwei/p/8191744.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/7881056.html
AMD、CMD、UMD 模块的写法 - keepLearnLL
最近几年,我们可以选择的Javascript组件的生态系统一直在稳步增长。虽然陡增的选择范围是极好的,但当组件混合匹配使用时就会出现很尴尬的局面。开发新手们会很快发现不是所有组件都能彼此“和平相处”。 为了解决这个问题,两种竞争关系的模块规范AMD和CommonJS问世了,它们允许开发者遵照一种约定
2017-11-22T12:14:00Z
2017-11-22T12:14:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】最近几年,我们可以选择的Javascript组件的生态系统一直在稳步增长。虽然陡增的选择范围是极好的,但当组件混合匹配使用时就会出现很尴尬的局面。开发新手们会很快发现不是所有组件都能彼此“和平相处”。 为了解决这个问题,两种竞争关系的模块规范AMD和CommonJS问世了,它们允许开发者遵照一种约定 <a href="https://www.cnblogs.com/linziwei/p/7881056.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/7868081.html
webpack查缺补漏 - keepLearnLL
webpack是模块化打包工具,通过webpack,可以使得我们更加方便地组织代码、压缩、转译等等。 但是学习webpack也需要一定的成本,这里记录使用webpack许久以来一些模糊的知识点,方便以后查阅。 https://webpack.js.org/configuration/ (该配置文件可
2017-11-20T12:20:00Z
2017-11-20T12:20:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】webpack是模块化打包工具,通过webpack,可以使得我们更加方便地组织代码、压缩、转译等等。 但是学习webpack也需要一定的成本,这里记录使用webpack许久以来一些模糊的知识点,方便以后查阅。 https://webpack.js.org/configuration/ (该配置文件可 <a href="https://www.cnblogs.com/linziwei/p/7868081.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/7862390.html
什么是 Web 服务器(server) - keepLearnLL
首先我们来了解什么是服务器(server) Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,可以向浏览器等Web客户端提供文档,[1]也可以放置网站文件,让全世界浏览;可以放置数据文件,让全世界下载。目前最主流的三个Web服务器是Apache Nginx IIS。 一般来说,s
2017-11-19T14:05:00Z
2017-11-19T14:05:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】首先我们来了解什么是服务器(server) Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,可以向浏览器等Web客户端提供文档,[1]也可以放置网站文件,让全世界浏览;可以放置数据文件,让全世界下载。目前最主流的三个Web服务器是Apache Nginx IIS。 一般来说,s <a href="https://www.cnblogs.com/linziwei/p/7862390.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/7853305.html
JS 中的require 和 import 区别 - keepLearnLL
在研究react和webpack的时候,经常看到在js文件中出现require,还有import,这两个都是为了JS模块化编程使用。CSS的是@import 1.ES6 模块的设计思想,是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量。 Require是CommonJS的语法,
2017-11-17T12:23:00Z
2017-11-17T12:23:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】在研究react和webpack的时候,经常看到在js文件中出现require,还有import,这两个都是为了JS模块化编程使用。CSS的是@import 1.ES6 模块的设计思想,是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量。 Require是CommonJS的语法, <a href="https://www.cnblogs.com/linziwei/p/7853305.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/7840635.html
application/x-www-form-urlencoded - keepLearnLL
application/x-www-form-urlencoded:是一种编码格式,窗体数据被编码为名称/值对,是标准的编码格式。当action为get时候,浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(name1=value1&name2=value2.
2017-11-15T11:47:00Z
2017-11-15T11:47:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】application/x-www-form-urlencoded:是一种编码格式,窗体数据被编码为名称/值对,是标准的编码格式。当action为get时候,浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(name1=value1&name2=value2. <a href="https://www.cnblogs.com/linziwei/p/7840635.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/7824909.html
publicPath路径问题 - keepLearnLL
如果没有指定pubicPath,则引入路径如下 如果有指定publicPath 则引入如下
2017-11-13T01:41:00Z
2017-11-13T01:41:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】如果没有指定pubicPath,则引入路径如下 如果有指定publicPath 则引入如下 <a href="https://www.cnblogs.com/linziwei/p/7824909.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/7818605.html
雪碧图制作、使用的几种方式! - keepLearnLL
对前端工程师来说,雪碧图的制作是必须掌握的一门技能,这里主要介绍雪碧图的制作和使用! 一、雪碧图制作 在线生成雪碧图网站 网站的内容如下: 通过点击左侧,我们可以选择一个文件夹,将我们希望合成雪碧图的文件夹选中,然后就自动生成了,比如,我们选择下面的文件夹: 然后就会生成雪碧图: 可以看到,在右侧已
2017-11-11T03:20:00Z
2017-11-11T03:20:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】对前端工程师来说,雪碧图的制作是必须掌握的一门技能,这里主要介绍雪碧图的制作和使用! 一、雪碧图制作 在线生成雪碧图网站 网站的内容如下: 通过点击左侧,我们可以选择一个文件夹,将我们希望合成雪碧图的文件夹选中,然后就自动生成了,比如,我们选择下面的文件夹: 然后就会生成雪碧图: 可以看到,在右侧已 <a href="https://www.cnblogs.com/linziwei/p/7818605.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/linziwei/p/7794623.html
为什么要用redux? - keepLearnLL
redux解决的是react组件之间通信以及项目的状态变量的保存问题。如果不使用redux,随着项目的越来越大,组件之间通信越来越复杂,组件的状态越来越多,项目将越来越难以维护。使用redux之后,项目的状态都保存到store之中,各个组件可以直接从store之中获取到自己需要的状态,如果需要改变s
2017-11-06T10:51:00Z
2017-11-06T10:51:00Z
keepLearnLL
https://www.cnblogs.com/linziwei/
【摘要】redux解决的是react组件之间通信以及项目的状态变量的保存问题。如果不使用redux,随着项目的越来越大,组件之间通信越来越复杂,组件的状态越来越多,项目将越来越难以维护。使用redux之后,项目的状态都保存到store之中,各个组件可以直接从store之中获取到自己需要的状态,如果需要改变s <a href="https://www.cnblogs.com/linziwei/p/7794623.html" target="_blank">阅读全文</a>