- 博客(69)
- 收藏
- 关注
RSS订阅原创 react生命周期
一、initaialization setup props and state 二、Mounting componentWillMount--------render--------componentDidMount三、Updation a.props componentWillReceiveProps--->shouldComponentUpdate-----true--->component...
2020-12-15 19:44:18
164
原创 mongo常用指令
show dbs 显示所有库use admin 切换库表示进入到了某个数据库show collections 显示所有集合创建集合 db.createCollectiondb.createUser({user:"lzy",pwd:"lzy",roles:[{role:"dbOwner","db":"web"}] })db.auth() 登录用户db.student.insert() 插入数据db.student update() 修改数据db.student fin...
2020-11-20 10:12:04
205
原创 前端一些常见的概念理解
1.vue的双向绑定的原理是什么？ vue.js是采用数据劫持结合发布-订阅模式的方式，通过ES5提供Object.defineProperty方法来劫持（监视）各个属性的setter、getter，在数据变动时发布消息给订阅者，触发相应的监听回调。并且，由于是在不同的数据上触发同步，可以精确的将变更发送给绑定的视图，而不是对所有的数据执行一次检测。 具体的步骤： 1.需要observer的数据对象进行递归遍历，包括子属性对象的属性，都加上getter和setter这样的话...
2020-10-10 10:47:33
208
原创 exports 、module.exports 和 export 、 export default的差异
1.export和export default 都可以导出 常量、函数、模块、文件。2.export default在一个模块中只能有一个，export可以有多个3.export 导出的内容需要包再｛｝中接收，export default则不需要4.模块中通过export 导出的（属性或者方法）可以修改，但是通过export default导出的不可以修改。 //model.js let e1='export 1'; let e2='export 2'; ex
2020-10-08 11:26:08
184
原创 typescript 从入门到精通 （一）---基础类型
1.生成tsconfig.json文件tsc --init // 生成tsconfig文件2. js模块 AMD CMD require.js sea.js node commonjs commonjs2 es6 module umd 兼容以上3种3.如果代码里有export import之类的代码，那么这个文件变成了一个模块4.never：类型表示的是那些永不存在的值的类型。objec...
2020-09-03 20:24:05
198
转载 安装Docker
这里只关注 centOS系列安装Docker首先要查看一下自己的系统是centOS6 还是centOS7。在跟目录下输入cat /etc/redhat-release，即可显示系统版本。CentOS6可以使用EPEL库安装Docker，命令如下$ sudo yum install http://mirrors.yun-idc.com/epel/6/i386/epel-release-6-8.noarch.rpm$ sudo yum install docker-io...
2020-07-29 17:17:32
73
转载 Docker从入门到实践：Docker基本概念
Docker 包括三个基本概念 镜像（Image） 容器（Container） 仓库（Repository） 理解了这三个概念，就理解了 Docker 的整个生命周期。Docker 镜像Docker 镜像就是一个只读的模板。例如：一个镜像可以包含一个完整的 ubuntu 操作系统环境，里面仅安装了 Apache 或用户需要的其它应用程序。镜像可以用来创建 Docker 容器。Docker 提供了一个很简单的机制来创建镜像或者更新现有的镜像，用户甚至可以直接从
2020-07-28 19:41:03
118
转载 Docker 入门到实践：Docker简介
本章将带领你进入 Docker 的世界。什么是 Docker？用它会带来什么样的好处？好吧，让我们带着问题开始这神奇之旅。什么是 DockerDocker 是一个开源项目，诞生于 2013 年初，最初是 dotCloud 公司内部的一个业余项目。它基于 Google 公司推出的 Go 语言实现。项目后来加入了 Linux 基金会，遵从了 Apache 2.0 协议，项目代码在 GitHub 上进行维护。Docker 自开源后受到广泛的关注和讨论，以至于 dotCloud 公司后来
2020-07-28 19:20:01
96
原创 vue组件和react组件有什么区别
1.vue组件更新，一个值更新了，会引起它相关联的组件更新，其他组件不受影响，代价是需求监听watcher.优势：速度更快。2.react是全量比较，从根节点开始全量比较，该更新的更新，不该更新的不更新，所有组件都会涉及到，但不需要watcher。 如果页面的组件太多了，一气呵成显得不合时宜，需要引入fiber把较大的任务拆分成多个小任务，可能暂停恢复执行。...
2020-07-27 00:15:06
429
原创 react中，函数式组件和类组件的优缺点。
1.类组件的性能消耗比较大，因为类组件需要创建类组件的实例，而且不能销毁。2.函数式组件性能消耗小，因为函数式组件不需要创建实例，渲染的时候就执行一下，得到返回的react元素后就直接把中间量全部都销毁。函数式组件是不能有状态的，但是现在有了react hooks，也可能有状态了。...
2020-07-27 00:08:42
6906
1
原创 vscode 提升工作效率 必装的几个插件
1.Bracket Pair Colorizer 代码括号对彩色化，可以通过代码的片段的头尾相同的颜色去判断属于哪个完整的代码段。2.prettier 代码格式化校验，可以使你的代码由混乱变为整齐的代码格式，强力推荐哦。3.Material Icon Theme 让你的代码界面看上去更有趣。4.Simple React Snippets 写react的时候输入缩写 快速生成react模板。5.emmet 从sublime转过来的小伙伴必装插件之一。...
2020-07-26 23:52:19
142
原创 V8中的垃圾回收机制
1.JavaScript中的垃圾收集 1.程序的运行需要内存，只要程序需要，操作系统就必须提供内存。 2.JavaScript使用自动内存管理，这被称为”垃圾回收机制”（garbage collector） 3. 优点：简化开发，节省代码 4.缺点：无法完整的掌握内存的分配与回收的具体过程1.1.NodeJS中的内存管理 如果不再用到的内存没有及时释放，就叫做内存泄漏 1.2V8内存管理 1.2.1 V8内存限制...
2020-07-19 00:41:52
700
原创 HTTP核心概念
一、什么是HTTP?应用层通常的网络是在TCP/IP协议族的基础上来运作的，HTTP是一个子集。二、TCP/IP协议族（HTTP应用层协议 在传输层的基础上增加了一些自己的内容）协议简单来说就是通信的规则，例如：通信时谁先发起请求，怎样结束，如何进行通信。把互联网相关的协议统称起来称为TCP/IP三、协议分层（OSI协议分层）(物，数)，网，传，(会，表，应) 应用层 HTTP,FTP,DNS (与其他计算机进行通讯的一个应用服务，向用户提供应用服务时的通信活动) 传..
2020-06-16 21:19:20
292
原创 异步并发
const fs = require('fs')let out = after(2,()=>{ console.log(renderObj)})const after = (times,fn)=>()=>--times == 0 && fn()let renderObj = {}fs.readFile('./name.txt','utf-8',function(err,data){ renderObj.name = data; out.
2020-06-12 10:36:00
158
原创 Vue动画使用心得
不bb直接上代码：<transition name="aa"> <span>我是文本内容</span></transition><style> .aa-enter-active { animation: run 0.5s; } .aa-leave-actvie { ...
2020-04-27 22:11:17
164
原创 react-hook总结
useState useEffect useContext usereducer useMemo 解决react hook的性能问题 缓存状态useRefuseCallBack 缓存方法1。react hooks 就是用 函数的形式 替代原来 继承类 的形式。使用预函数的形式管理state。2。const [count,setCount] = useSta...
2020-03-27 11:06:55
301
原创 常用工具技能整理
1.分析某网站的使用的技术： wappalyzer2. 在浏览器consle中 ctrl+shift+p 输入 capture full size screenshot点击 可以实现该网站图片资源的批量下载
2020-03-27 11:00:37
194
原创 关于浏览器中出现2次请求的问题
前后端分离后，前端打开控制台一看，怎么有时请求一个后端接口发了两次请求？那个options是啥？很有可能是因为你发送的是CORS请求，且是非简单请求。浏览器将CORS请求分成两类：简单请求（simple request）和非简单请求（not-so-simple request）。只要同时满足以下两大条件，就属于简单请求。1 请求方法是以下三种方法之一： HEAD GET POS...
2019-12-27 15:08:37
2860
原创 typescript 基本配置环境下载地址
如果想要搭建一个typescript工程环境 如何直接一项一项配置的话，时间成本和学习成本太高了，不如先试着下载我推荐的以下环境来进行开发，同时帮助理解：https://github.com/alexjoverm/typescript-library-starter.git...
2019-12-18 17:16:41
240
原创 web前端安全
1.跨站脚本攻击xss2.跨站请求伪造攻击CSRF3.前端cookies安全性4.点击劫持5.传输过程安全问题6.用户密码泄露7.sql注入攻击8.信息泄露喝社会工程学...
2019-12-18 17:13:34
184
转载 net start mysql 发生系统错误2 系统找不到指定的文件
以管理员身份运行，在命令行输入cd+mySQL的bin目录的安装路径C:\Windows\system32>cd C:\Program Files\MySQL\MySQL Server5.6\binC:\Program Files\MySQL\MySQL Server5.6\bin>mysqld --removeService successfully removed....
2019-09-29 13:55:13
295
转载 Proxy相比于defineProperty的优势
vue3.0 -- 摒弃Object.defineProperty，基于 Proxy 的观察者机制探索写在前面：11月16日早上，Vue.js的作者尤大大在 Vue Toronto 的主题演讲中预演了Vue.js 3.0的一些新特性，其中一个很重要的改变就是Vue3 将使用 ES6的Proxy 作为其观察者机制，取代之前使用的Object.defineProperty。我相信许多同学深有体...
2019-08-20 16:08:46
2114
原创 object.defineproperty方法的理解
1概念：object.defineProperty(obj,prop,descriptor)方法会直接在一个对象上定义一个新的属性，或者修改一个对象的现有属性，并返回这个属性。2.语法参数 Object.defineProperty(obj,prop,descriptor) 参数 obj 要在其上定义属性的对象 prop...
2019-07-18 16:06:35
176
原创 关键词new的理解
function fn(){ console.log(this) //Window 严格模式下指向undefied 非严格模式下指向Window}fun()function fn(){ console.log(this) // fn{} }new fn() 1.通过使用new关键词 函数的内部生成一个全新的对象 函数的this指向这个对...
2019-05-30 13:27:33
170
原创 js给伪元素添加点击事件的2种方式
在html元素种 我们有可能遇到这样的需求 ：如何给伪元素添加点击事件？ 经过思考及查找相应的资料后，整理初2种方式，记录一下：一、给元素设置pointer-events:none.然后给伪元素的pointer-events：auto；此时我们把点击元素的事件就取消了 点击伪元素的时候，就可以绑定相应的事件了二、第二种是：通过子元素的事件冒泡原理，在子元素事件处理结束后retur...
2019-05-24 15:37:02
9390
原创 sass小结
1.属性可以嵌套 例 p { border: { color: red; } } 注意：border后面一定要加上：2.继承 .class1 { border:1px solid #ddd; } .class2 { @extend .class1 font-size:1...
2019-04-29 13:45:28
155
原创 css 水平居中整理
1.利用table属性 父元素设为display：table；子元素设为display：table-cell;vertical-align:middle;text-align:center;具体代码为.parent { width:300px; height:300px; background:#000; display:table;}.child ...
2019-04-02 00:18:01
101
原创 css position 属性详解
position属性有 sticky，relative，absulute、fixed四种。1.position：static是否脱离文档流：否 特征：top bottom left right z-index会无效2.position:relative 是否脱离文档流：否 特征：相对于原来的位置定位，其他的元素位置不会受到影响3.position:abso...
2019-03-30 11:19:20
378
转载 运行nuxt-koa项目报错问题的解决方法 Error: Cannot find module 'C:\Users\qkdl\Desktop\my\nuxt-test\nuxt-learn\build
再装了nuxt和koa项目启动时候出现以下错误：解决方法：backpack-core 升级到最新版本( 0.8.3)eslint(3.19.0) 和 eslint-loader (2.1.1)也需要升级. 不然编译同样会报错...
2019-03-05 17:50:34
8383
5
原创 js空数组类型比较
1.js空数组是true还是false？ var arr = new Array();当一个数组初始化后，即使arr数组中没有元素，也是一个object。typeof arr; //object既然是object 判断时就会被转化为trueBoolean(arr) //true但是如果将arr与布尔值比较：arr == false; //truearr == tru...
2019-01-28 11:27:42
964
原创 react环境搭建
假设你的npm已经安装无误，现在需要打架一个react运行的环境。以下为安装react运行环境的步骤。npm install -g create-react-app //下载react框架以及一些依赖create-react-app hello-wolrd //初始化一个react项目，项目名称为hello-worldcd hello-world //打开hello-world项目...
2019-01-10 15:41:40
117
原创 有史以来最全的this指南
作为一个front-end engineer，我们时不时的会遭遇this的伏击，今天就让我们掀开this的神秘面纱吧一、全局执行console.log(this) // Window可以看到，全局作用域中的this指向的是当前全局对象Window。二、函数中执行1.非严格模式下：function func(){ console.log(this) // Wind...
2019-01-09 10:38:18
206
原创 原生ajax 查缺补漏
// 创建ajax对象const ajax = new XMLHttpRequest();// 监听状态发生变化/**0~4** 0 初始化状态 ajax对象已经被创建* 1 open方法已经被调用* 2 send的方法已经被调用 * 3 所有的响应 已经收到* 4 http 响应已经完全接收***/ajax.onreadystatechange...
2018-12-24 23:25:06
87
转载 html中各种单位的详解
1.em在做手机端的时候经常会用到的做字体的尺寸单位说白了 em就相当于“倍”，比如设置当前的div的字体大小为1.5em，则当前的div的字体大小为：当前div继承的字体大小*1.5但是当div进行嵌套的时候，em始终是按照当前div继承的字体大小来缩放，参照后面的例子。2.rem这里的r就是root的意思，意思是相对于根节点来进行缩放，当有嵌套关系的时候，嵌套关系的元素的字...
2018-12-22 18:07:20
1379
转载 javascript浮点计算精度问题
问题描述在 JavaScript 中整数和浮点数都属于 Number 数据类型，所有数字都是以 64 位浮点数形式储存，即便整数也是如此。 所以我们在打印 1.00 这样的浮点数的结果是 1 而非 1.00 。在一些特殊的数值表示中，例如金额，这样看上去有点变扭，但是至少值是正确了。然而要命的是，当浮点数做数学运算的时候，你经常会发现一些问题，举几个例子： JavaScript 代...
2018-12-22 08:59:47
254
转载 浏览器的工作原理
一、主要功能： 1.浏览器的主要功能是将用户选择的web资源呈现出来，它需要从服务器请求资源，并将其展示在浏览器窗口中，资源格式通常是HTML,也包括PDF\IMAGES等二、主要构成（high level Structure）： 一、用户界面 - 包括地址栏、前进、后退按钮、书签目录等，也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分。 ...
2018-12-21 16:44:48
189
原创 理解Javascript中的纯函数
最近接到一个电话面试，他在里面问到一个问题，在js中什么是纯函数，我一听懵了，之前没听说过纯函数这个概念，之前赶紧查缺补漏了一下，吸收消化后，理出的一点点见解，记于此处。纯函数1.什么是纯函数？ 纯函数是指一个函数的结果依赖他所传入的参数，如果参数不变，返回的结果也就不变，并且这个函数在执行过程中不会产生副作用，那么这个函数就是纯函数。2.要点： a.函数...
2018-12-17 23:25:13
311
原创 transition和animation整理
1.transion: 只对块级元素生效 2.transition:transition-property, transition-duration, transition-timing-function, 和transition-delay 3.在transition属性中，各个值的书写顺序是很重要的：第一个可以解析为时间的值会被赋值给transition-duration，第二...
2018-11-20 10:04:15
225
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人