- 博客(33)
- 收藏
- 关注
RSS订阅原创 git命令 、 React生命周期钩子、弹性盒flex的属性
git命令你知道哪些？git add .git commit -mgit mergegit checkout 分支名称git branch 分支名称git pushgit pull 更新git 冲突：（主线）手动合并之后，在上传（分支）git pull 先更新 ， 在上传“MVVM”:双向数据绑定，View的变动，映射在 ViewModel，反之一样混合开发 - 小程序是...
2019-08-07 21:19:53
208
原创 深拷贝与浅拷贝
深拷贝： 值拷贝浅拷贝： 地址的拷贝， 只拷贝一层实现：深拷贝： 递归function deepClone (sourceObj, targetObj) { let cloneObj = targetObj || {} if(!sourceObj || typeof sourceObj !== "object" || sourceObj.length ===...
2019-08-05 21:10:47
137
原创 eact+redux仿微信聊天室和vue+web端聊天室
项目参考：https://cloud.tencent.com/developer/article/1449791eact+redux仿微信聊天室react-weChatRoom案例|仿微信界面|仿微信群聊基于react+react-dom+react-router-dom+redux+react-redux+ant等技术开发的手机端仿微信界面聊天，实现了聊天记录下拉刷新、发送消息、表情(动图)...
2019-08-01 09:17:34
359
原创 webSocket直播通信
项目参考：https://blog.csdn.net/oschina_41719058/article/details/79669690技术结构webpack本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需...
2019-08-01 08:50:31
756
1
原创 前端:公司常用技能
技能熟练掌握css3、html5、javascript、es6语法等前端技术，熟悉常用的Vue前端框架，能够己搭建前端架构并进行行持续优化；熟练跨浏览器、跨终端的开发，了解各主流浏览器的兼容性情况及兼容调试方法；熟悉前端自动化构建工具（gulp、webpack），并且对前端模块化，组件封装有一定经验精通各种Web前端技术和标准(Javascript/ES6、jquery、HTML/HTM...
2019-07-20 11:02:04
700
原创 异步：宏任务 与 微任务
宏任务一般是：包括整体代码script，setTimeout，setInterval。微任务：Promise，process.nextTick。a主线任务异步队列，先执行:b微任务，c最宏任务。27.前端跨域的方式 使用jsonp跨域，因为script标签引入的js是不受同源策略的限制，通过script标签引入一个js或者是一个其他后缀形式（如php,jsp等）的文件，此时...
2019-07-19 14:59:42
992
原创 节流和防抖
节流和防抖-防抖和节流都是用来防止高频率的js代码的执行-前端优化节流持续触发事件时，保证一定时间段内只调用一次事件处理函数应用场景click事件（不停快速点击按钮，减少触发频次）roll事件（返回顶部按钮出现\隐藏事件触发）keyup事件（输入框文字与显示栏内容复制同步）发送ajax请求，降低请求频率防抖当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才...
2019-07-18 20:14:58
139
原创 原理（ 王者 ）
数据驱动当数据发生改变时，视图也会进行更新，这叫做数据驱动，也就是数据驱动视图深入响应式原理数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新双向数据绑定原理当我们使用 v-model 指令绑定了表单元素时，那么我们可以在视图直接获得数据，当视图发生改变时，数据也会进行更新...
2019-07-18 20:09:39
315
转载 cookie,sessionStorage,localStorage分别是什么
三者之间的区别：cookie:1.每个域名的存储量有限（一般是4k） 2.所有域名的存储量有限3.会跟随请求被发送到服务器上4.有个数限制，不同浏览器下，一个域名下cookie的个数有限，并且限制数量可能不一样sessionStorage:1.当浏览器窗口关闭的时候， sessionStorage 就会被销毁2.存储容量大(一般比localStorage的存储容量大)lo...
2019-07-17 09:15:06
122
翻译 常见正则 和 正则实现String.trim（）
ES5里面的trim()方法是去掉字符串的前后空格，自己写个正则兼容一下不支持ES5的浏览器var str = / ^\s+ | \s$ /g;精确到2位小数 /^\[0-9]+(.[0-9]{2})?$/.test(1.221)密码强度正则必须是包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间。/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,...
2019-07-16 21:35:23
505
转载 vue双向数据绑定的原理
**vue实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。**Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。它接收三个参数，要操作的对象，要定义或修改的对象属性名，属性描述符。重点就是最后的属性...
2019-07-16 09:26:38
74
转载 深拷贝和浅拷贝的区别
深拷贝和浅拷贝的区别JavaScript中有两种类型的对象拷贝：浅拷贝(Shallow Copy)、深拷贝(Deep Copy)。最根本的区别在于是否是真正获取了一个对象的复制实体，而不是引用。浅拷贝 —-只是拷贝了基本类型的数据，而引用类型数据，复制后也是会发生引用，我们把这种拷贝叫做“（浅复制）浅拷贝”，换句话说，浅复制仅仅是指向被复制的内存地址，如果原地址中对象被改变了，那么浅复制出来...
2019-07-16 08:50:54
222
原创 http 与 https 的区别？https 是如何工作的？
http 与 https 的区别？https 是如何工作的？* http 是超文本传输协议， https 可以简单理解为安全的http协议。 https通过在http协议下添加了一层ssl协议对数据进行加密从而保证了安全。http与https的区别主要如下： https需要到CA申请证书，通过ssl加密，安全性高，需要一定的费用，https默认端口是443 http是明文传输，安全性...
2019-07-12 21:26:55
194
原创 什么是JS项目工程化
什么是JS项目工程化版本控制 git svn自动化持续继承、持续交付(CI/CD)代码质量控制(QA)工程化工具 grunt gulp webpack rollup parcel FIS模块化 ：AMD(require.js) CMD(sea.js) Common.js es6文档demo.什么是CMD 和AMD ？异步模块定义（AMD）...
2019-07-10 19:40:05
1770
转载 什么是node.js
什么是node.jsNode.js是一个Javascript运行环境(runtime)，通过JavaScript语言开发web服务端的东西。Node.js对一些特殊用例进行优化，提供替代的API，使得Chrome V8引擎在非浏览器环境下运行得更好。为什么我们要用node.js？node.js有非阻塞，事件驱动I/O等特性，从而让高并发（high concurrency）在的轮询（Poll...
2019-07-10 17:09:43
348
原创 Vue的学习重点
1. 原理性：vue数据驱动： 数据更新，视图更新深入响应式原理双向数据绑定原理Vue.set/ this.$set ----- vue中不响应情况 数组的下标 和 length2. 指令有哪些？v-on 简写：‘@ ’， 用法：绑定事件v-blind 简写：‘：’，动态地绑定一个或多个特性，或一个组件 prop 到表达式v-model...
2019-07-08 21:53:23
486
转载 什么是Webpack ？
一、市面上有哪些类似于Webpack的前端工程化工具gruntgulp ( 4.x )Browserify ( Webpack 前身 )Webpack 【 主流行 】rollup.js https://www.rollupjs.com/guide/zhparcelFIS https://fis.baidu.com/二、前端工程化工具的发展历程gruntgulp ( ...
2019-06-28 10:55:23
222
转载 swiper介绍，如何自定义Vue指令，什么是cli,如何安装cli
一、生命周期 （ 王者 ）什么是生命周期？vue中的生命周期指的是 组件 从创建到销毁一个过程，在这个过程中，我们在每一个特定的阶段会触发一些方法（ 这些方法具备一些功能），我们给这些方法起了个名字叫做（ 生命周期钩子函数/ 组件钩子 ）二、swiper作用： 用来实现移动端，pc端滑动操作swiper是一个第三方的库学习 swiper 官网文档 https://www...
2019-06-27 22:21:23
254
原创 用Vue的第三方库Swiper，实现 轮播图效果 及 动态数据请求
1.在HTML头部载入第三方数据<!--Swiper的 css数据 --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css"> <!-- Swiper的js数据 --> <script src...
2019-06-27 19:07:41
1805
原创 Vue组件的生命周期
1. 什么是Vue的生命周期？生命周期是组件从创建到销毁的一个过程。2.Vue生命周期的三个阶段？初始化运行中销毁3. Vue的8个钩子：什么是钩子函数？就是在特定时间或者满足某条件时，就会自动触发的函数方法。4.初始化的钩子函数：beforeCreste（） 组件创建前的准备工作created（） 组件创建已结束，有一次修改数据的机会，对数据进行调整before...
2019-06-27 17:25:24
155
原创 Vue组件（下） ：组件通信
1.什么是组件通信？为什么要组件通信？组件是具有独立功能的整体，要让它们之间连接起来一起使用，就需要建立通信。2.组件通信的方式有几种？父子组件通信 （ 用props来实现 ）子父组件通信 （ 自定义事件 ）非父子组件通信 （ ref链与bus事件总线 ）多组件状态共享 （多组件公用一个数据 Vuex）3.app实例手动挂载new Vue({}).$mount...
2019-06-26 20:23:46
129
原创 Vue组件（父组件嵌套子组件，子组件使用父组件数据）
子组件 如何使用 父组件 的数据？JavaScript：1.全局创建父级组件 'Father'：Vue.component('Father',{ //父组件名称 template:'#father', //组件配置的id data(){ return{ money:1000,n:100 }} //组件的数据 })2.全局创建子级组价：...
2019-06-26 17:58:30
1629
原创 Vue的组件（上）
Vue自定义事件：自定义事件的定义（ 发布 ）vm.$on(自定义事件的名称，自定义事件的事件处理程序)自定义事件的触发 （ 订阅 ）vm.$emit( 自定义事件的名称，自定义事件处理程序的参数1，参数2，参数3)vue的两大特点：指令-----用来操作dom组件-----组件是HTML， css ，js 的集合体为什么要使用组件？组件具有完整的功能，可以作为项目的一部分...
2019-06-25 22:58:45
58
原创 ## 虚拟dom && diff算法 （ 王者 ）
虚拟dom是什么？1) vdom可以看作是一个使用javascript模拟了DOM结构的树形结构，这个树结构包含整个DOM结构的信息２）为什么要使用虚拟DOM ,vdom的好处？之前使用原生js或者jquery写页面的时候会发现操作DOM是一件非常麻烦的一件事情，往往是DOM标签和js逻辑同时写在js文件里，数据交互时不时还要写很多的input隐藏域，如果没有好的代码规范的话会显得...
2019-06-24 22:33:24
128
原创 前端常见问题 及 axios请求数据
1.怎样 防止 XSS，CSRF ？（1）前端过滤（2）后台转义（<> < ; > ; ）（3）给cookie加上属性http2.vue怎样解绑事件？@click=“isActive && handleEvent（）”，默认isActive为true，解绑事件，改成false就行。3.事件处理器中，可以写成@click="han...
2019-06-21 21:00:41
722
原创 vue基础
1.模板语法（1） 插入数值文本 {{ }}纯html ( v-html，防止XSS，CSRF)表达式（2）指令是带有 v- 前缀的特殊属性v-bindv-showv-ifv-forv-on（3）缩写v-bind:src => :srcv-on:click => @click2. class 与 style(1)绑定HTML Class...
2019-06-21 20:17:06
74
转载 前端的开发规范
前端的开发规范本文主要从以下几个方面来概述前端的开发规范目录构建规范前端命名规范前端工作规范开发文档的书写规范1. 前端目录构建规范我们从命名原则、根目录、业务逻辑等方面进行目录构建1.1 命名原则：- 简洁明了（如下：） * src 源代码 * img 图片资源 image images * js JavaScript脚本 * dep 第...
2019-06-21 19:40:55
94
转载 节流和防抖
节流和防抖-防抖和节流都是用来防止高频率的js代码的执行-前端优化 节流持续触发事件时，保证一定时间段内只调用一次事件处理函数应用场景click事件（不停快速点击按钮，减少触发频次）scrioll事件（返回顶部按钮出现隐藏事件触发）keyup事件（输入框文字与显示栏内容复制同步）减少发送ajax请求，降低请求频率防抖当持续触发事件时，一定时间段内没有在触发事件，事件处...
2019-06-21 19:35:56
137
原创 前后端不分离项目
后端操作数据渲染网页express 是nodejs核心框架。express的功能介绍？。express_generator自动构建开发工具。express有一个本地端口localhost:3000静态网页。联合前端网页的源代码，通过ejs模块可以实现前后端联合项目。ejs可以识别HTML标签，还能解析js，运行在express上。express的主要功能？可以创建web服务器（l...
2019-06-14 23:23:30
13927
原创 异步流程工具？ (ES6 异步编程 )
1.异步流程工具？ (ES6 异步编程 )promisegeneratorasyncnextTick setlmmudiatepromise 的 三种状态： pending 进行中 fulfilled | resolve 执行成功 rejected 执行失败2.主线程> nextTick > ...
2019-06-14 22:40:39
113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人