保持数据流的单向性

2021-03-04
阅读 1 分钟
937
小组件:只做数据的渲染和用户的交互,不直接调用服务。渲染所需的数据来源于父容器,更新数据则通知父容器,由父容器调用服务后重新修改数据源传递给组件,组件重新

JavaScript中的纯函数

2021-02-19
阅读 1 分钟
1k
这两个函数的主要区别在于sum2依赖了一个外部变量num,当这个外部变量发生变化之后,sum2函数参数不变时,返回结果也会发生变化,那么sum2函数存在不确定性。

缓存

2020-08-20
阅读 1 分钟
1k
在任何一个语言中,如果要一段程序计算量比较大、执行时间比较长,我们可以将计算结果保存下来,待一下次执行相同的程序时,可以去保存的结果中直接获取,而无需再次计算,这种方式就叫做缓存。

for in 和 hasOwnProperty()的区别

2020-08-03
阅读 1 分钟
2.3k
for in可以遍历所有可枚举属性以及原型上的属性 {代码...} 输出结果 {代码...} hasOwnProperty()不会从原型上寻找属性 {代码...} 输出结果 {代码...}

JavaScript执行机制

2020-07-31
阅读 2 分钟
1.7k
hello大家好,本次分享一下关于JavaScript执行机制的知识点。那么废话不多说,直接上结论,首先我们知道JavaScript是一门单线程语言,决定JavaScript执行顺序的并不是代码顺序,而是event loop顺序。

hash路由原理

2020-07-31
阅读 2 分钟
3.4k
hello大家好,今天我们来分享一下hash路由的原理。我们不管什么vue还是react的框架,不要太在意框架,直接来看hash路由是怎么实现的。

03-使用loader加载image

2020-03-13
阅读 2 分钟
1.2k
hello大家好,本节课要讲解的内容是如何使用webpack加载css。上节课已经讲解了loader的概念和基本用户,今天我们来用loader处理图片。

02-初识loader,使用loader加载css

2020-03-13
阅读 2 分钟
1.2k
webpack 只能理解 JavaScript 和 JSON 文件。如果要使用webpack处理其他文件,应该怎么办呢?这个时候我们就需要使用loader将其他文件处理成webpack可以理解的文件,我打个比方,loader就像一个翻译官一样,将其他语言像是英语法语西班牙语俄罗斯语等等翻译成我们能听懂的汉语普通话。

01-webpack的安装与初步使用

2020-03-13
阅读 3 分钟
978
在文件夹内运行npm init -y来初始化文件内容,运行npm install webpack webpack-cli -D来局部安装webpack和webpack-cli,不建议全局安装webpack,因为容易造成冲突。

JavaScript两个不同类型之间是如何使用==进行比较的?

2020-03-13
阅读 1 分钟
1.1k
如果一个是数字,一个是字符串,则先将字符串转为数字再进行比较 {代码...} 实际上是分为两个步骤 {代码...} 如果字符串不能转换为正确的数字,则会返回NaN,NaN和数字进行比较,将会按照第5个规则进行比较

【闲聊】2020年学习前端之前要准备什么?

2020-03-11
阅读 1 分钟
1.4k
俗话说工欲善其事必先利其器,所以第一个要准备当然是电脑了,有人的就要问了,电脑谁不知道要配啊?!但是你知道哪些电脑能让你更舒服的学习和开发吗?根据我祖传的三百年的编码经验,我强烈推荐你使用mac,也就是苹果,预算紧张的话也可以黑苹果。相对于windows系统来说,mac os最大的优点就是不折腾,你无需花费时间...

javascript函数缓存

2019-11-29
阅读 1 分钟
1.3k
函数缓存的本质就是在本函数上挂一个数组或对象,将key-value键值对保存起来供下次使用。这个key值可以自己通过一些规则定义,以保证唯一性,例如加上前缀。函数缓存特别适用于参数有可能出现相同值、耗时长的场景,例如递归对大量随机数进行统一转换

javascript细节之arguments

2019-11-27
阅读 1 分钟
1.1k
在非严格模式下,arguments有一个特殊特性 {代码...} 结果很奇怪,第一次输出x,第二次输出y。也就是说,修改arguments时,实参的值也会被改变 在严格模式下这个特性被删除 {代码...} 输出值如下 {代码...} 可见arguments虽然被改变,但是实参并没有发生变化。

JavaScript两个不同类型之间是如何使用==进行比较的?

2019-11-21
阅读 1 分钟
1.2k
如果一个是数字,一个是字符串,则先将字符串转为数字再进行比较 {代码...} 实际上是分为两个步骤 {代码...} 如果字符串不能转换为正确的数字,则会返回NaN,NaN和数字进行比较,将会按照第5个规则进行比较

CSS选择器那点事

2019-10-29
阅读 8 分钟
2k
MDN参考链接 CSS 选择器规定了 CSS 规则会应用到哪些元素上。 CSS选择器分为以下四大类: - 基本选择器 - 组合选择器 - 伪类 - 伪元素 基本选择器 Type(类型)选择器 也可以称之为元素选择器,这种基本选择器会选择所有匹配给定元素名的元素。 语法:elename(元素名称) 例子:span 将会选择所有的 <span> 元素...

css居中那点事

2019-10-18
阅读 2 分钟
1.4k
使用css居中有很多种方式,在这里写几个最佳实践。代码简单粗暴,适用性强,让你不必这点小事烦恼,提升你的工作效率,早几分钟下班回家LOL岂不是美滋滋不多说废话,直接上代码

复制粘贴向,小程序日历

2019-09-25
阅读 7 分钟
1.1k
拿走复制完事。有对应的事件和选中效果。最近比较颓废懒得写了 {代码...} {代码...} {代码...}

css按钮交互效果

2019-08-16
阅读 1 分钟
3.8k
最近在网上闲逛时,发现了[链接] 这个毒鸡汤,内容有趣,按钮交互做的也很棒,简约而不简单。于是就把按钮交互的效果拿来学习一下。总体上来说,是利用了:active和box-shadow两个特性来实现的。希望通过这个简单效果,能让更多的朋友喜欢上css.首先来说一下:active,就是当用户按住一个a标签的时候的意思,鼠标点击下去...

css实现二级菜单

2019-07-13
阅读 4 分钟
5.6k
不多废话,先上预览[链接]这一次还是使用<input type="checkbox">的选中与否来实现展开、收起二级菜单的。 第一步:初始化 默认二级菜单的li高度为0 选择一级菜单时,将二级菜单高度设置为20px 这样设置是为了方便我们以后添加动画效果 html {代码...} css {代码...} 效果图 第二步:选中checkbox时展开二级菜单,...

纯css实现开关效果

2019-07-11
阅读 3 分钟
5.3k
我们使用<input type="checkbox">标签来实现这个效果。checkbox的选中、未选中的特性,刚好对应开关的打开、关闭on:打开 off:关闭

纯css实现选中切换效果

2019-07-08
阅读 2 分钟
4.6k
最近不太忙,多写几篇文章。很多时候我们用js来实现视觉效果,其实不用那么麻烦,掌握一些常用的css知识能让你事半功倍,这篇文章讲的是使用纯css来实现一个列表项的选中效果,希望对你有所帮助

使用sharedWorker在web页面之间通信

2019-07-08
阅读 2 分钟
4.4k
参考 [链接] 目标 在不使用webSocket和轮询的情况下,实现页面之间的实时通信 SharedWorked如何使用 使用SharedWorked可以创建一个多页面共享的进程,通过这种方式来实现多页面之间的消息互通 先创建'worker.js'文件,写入代码 {代码...} 这个文件在页面中会被引用,用来创建一个共享进程对象。代码中维护了一个连接对象...

javascript由“5” >= "10"返回true引起的思考

2019-07-07
阅读 1 分钟
2.9k
众所周知,js是弱类型的语言。因此在一些不注意的地方容易犯错误。在此记录一下前几天写代码的时候,判断两个值相比较的结果来进行下一步的操作。通过ajax得到这两个值,是字符串类型的数字,很显然返回之前已经toString()了。当时做比较的时候我也没有多想,我以为这两个值会自动转换成number类型来比较,结果就悲剧了...

前端技术要点

2019-03-25
阅读 5 分钟
2.3k
js 闭包要理解闭包,首先要知道javascript的作用域。通常javascript作用域分为全局作用域和函数内作用域,通常来说一个函数执行开始到结束也意味着一个作用域的创建到销毁,如果函数A内变量被引用,则A会在内存中驻留一段时间直至A内变量都被释放,我们就可以将这个函数作用域称之为闭包。也可以这么说,闭包是函数作用...

定位问题的几种方法

2018-12-24
阅读 1 分钟
3.2k
遇到bug不要慌张,淡定! 总结记录一下定位问题的几种方法 1、回溯法 通常程序都是 1-2-3-4-5这样按顺序执行的,根据错误提示反向查找,直至找到问题的根源,是最简单的方法 2、二分法 有时候遇到不知所以然的问题,可以使用二分法,例如将程序分为A、B两部分,只执行其中一部分,看程序是否可以 正常不正常 执行, 然后...

React+TypeScript入门-----BrowserRouter

2018-12-17
阅读 3 分钟
5.4k
相关文章TypeScript+React入门TypeScript+React入门-----引入cssReact+TypeScript入门-----BrowserRouter准备工作:安装react-router-dom {代码...} 配置webpack,划重点,如果直接在浏览器地址里输入路径,这个是必须要配置的 {代码...} 先写两个组件备用,非常简单的两个组件 {代码...} 引入BrowserRouter和Route,这...

TypeScript+React入门-----引入css

2018-12-17
阅读 1 分钟
8.6k
TypeScript+React入门TypeScript+React入门-----引入cssReact+TypeScript入门-----BrowserRouter在这个项目里引入css文件是非常简单的,只需要一行代码就可以实现了。首先创建相关文件夹,在src下创建了两个文件夹,components文件夹用来存放各个组件,css文件夹用来存放css文件。

React+TypeScript入门

2018-12-10
阅读 3 分钟
18.3k
本文面向读者:具有一定的javascript基础的开发人员 参考资料如下: 1.关于初始化环境配置请参见这位大佬的文章 2.React中文文档 相关文章React+TypeScript入门TypeScript+React入门-----引入cssReact+TypeScript入门-----BrowserRouterQ:什么是TypeScript?A:TypeScript是JavaScript的超集,它可以编译成纯JavaScript...

js数学小知识之巧妙取反

2017-09-29
阅读 1 分钟
7.5k
说起取反操作,一般情况是针对boolean类型的操作,而在javaScript中处理逻辑true或false时,很多情况都会默认转换为boolean值,例如'a'、1、{}等都会当做true,而''、0、NaN等会当做false来处理。一般取反的时候,是使用!运算符来操作,例如

nodejs实现restful API

2017-07-31
阅读 5 分钟
4k
node4.x对ES6的支持并不完善,建议使用更高版本的node在实际开发中请在文件头部添加'use strict'来声明使用严格模式为了有助于更好的理解后期的代码,我们首先来学习一下ES6的类与继承