- 博客(18)
- 收藏
- 关注
RSS订阅原创 webpack
webpack是什么？我们从官网上可以知道：本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。简单的来说，WebPack可以看做是模块打包机：它做...
2020-03-25 22:13:24
118
原创 性能优化
图片优化图片加载优化1.不用图片。很多时候会使用到很多修饰类图片，其实这类修饰图片完全可以用 CSS 去代替。2.对于移动端来说，屏幕宽度就那么点，完全没有必要去加载原图浪费带宽。一般图片都用 CDN 加载，可以计算出适配屏幕的宽度，然后去请求相应裁剪好的图片。3.小图使用 base64 格式4.将多个图标文件整合到一张图片中（精灵图）5.选择正确的图片格式：(1)对于能够显示 We...
2020-03-24 22:55:05
193
原创 react有关的题目
react的特点不包括什么？声明式设计、高效、灵活、（双向数据流）动画可以使用哪个第三方插件实现：(ReactTransitionGroup)/animate.css/transitionTranslate/redux-thunkReactRouter中，路由的onLeave应该写在哪里:路由对应的组件中、父组件中、(路由组件中)、最外层大组件中react-redux中...
2020-03-24 00:16:23
250
原创 history与hash的区别
hash模式：在浏览器中符号“#”，#以及#后面的字符称之为hash，用window.location.hash读取；特点：hash虽然在URL中，但不被包括在HTTP请求中；用来指导浏览器动作，对服务端安全无用，hash不会重加载页面。hash 模式下，仅 hash 符号之前的内容会被包含在请求中，如 http://www.xxx.com，因此对于后端来说，即使没有做到对路由的全覆盖，也不会...
2020-03-20 22:54:06
345
原创 浅谈react
react 是什么React 是一个为数据提供渲染为 HTML 视图的开源 JavaScript 库。React 为程序员提供了一种子组件不能直接影响外层组件的模型，数据改变时对 HTML 文档的有效更新，和现代单页应用中组件之间干净的分离。jsx 语法糖 javascript xhtml用jsx 来描述组件的虚拟domclass 也是语法糖<div id='test' cla...
2020-03-19 20:27:48
143
原创 Git
Git 是一个开源的分布式版本控制系统，用于敏捷高效的处理任何项目的版本问题。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。Git 与常用的版本控制工具 CVS,SVN 等不同，它采用了分布式版本库的方式，不必服务器端软件支持。1. 本地操作 新建项目 taobao cd taobao git init #初始化 gi...
2020-03-18 21:54:22
99
原创 Vue生命周期钩子函数
1.什么是vue生命周期？Vue 实例从创建到销毁的过程，就是生命周期。从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程，称之为 Vue 的生命周期。2.vue生命周期的作用是什么？它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。3.vue生命周期总共有几个阶段？它可以总共分为8个阶段：创建前/后, 载入前/后,更新前/...
2020-03-17 22:01:08
324
原创 node.js
fsnpm init # 初始化一个node项目node xxx # 运行指定的node文件复制代码package.json 中的 scripts 节点， 可以配置我们可以在项目中运行的命令package.json 配置了我们当前项目的信息和项目所依赖的第三方插件// node js 中的模块查找 首先会查找系统模块// 然后会查找当前 node_ modules目录中安装好的第三方...
2020-03-16 23:06:45
103
原创 JS中字符串常用的方法
charAt() ： 返回指定位置的字符；concat() ：将两个或多个字符的文本组合起来，返回一个新的字符串；indexOf() ：返回字符串中一个子串第一处出现的索引。如果没有匹配项，返回 -1 ；match() ： 检查一个字符串是否匹配一个正则表达式；substring() ： 返回字符串的一个子串。传入参数是起始位置和结束位置；replace() ：用来查找匹配一个正则表达式...
2020-03-16 22:55:22
116
原创 什么是RESTful API
REST：即Representational State Transfer的缩写。直接翻译的意思是“表现层状态转化”。它的是一种互联网应用程序的API设计理念；URL定位资源，用HTTP动词（get、post、DETC、DELETE）描述操作。URL：即统一资源标识符，服务器上每一种资源，比如文档、图像、视频片段等程序都是由一个通用资源标识符（Uniform Resource Location）...
2020-03-13 22:37:40
99
原创 垃圾回收机制
概述为了以防内存泄漏，内存泄漏的含义：当已经不需要某块内存时这块内存还存在着，垃圾回收机制就是间歇的不定期的寻找到不再使用的变量并释放掉他们所指向的内存。变量生命周期当一个变量的生命周期结束后，它所指向的内存就应该被释放，Js中有两种变量，全局变量和在函数中产生的局部变量，局部变量的生命周期在函数执行过后就结束了，此时变可将它引用的内存释放（即垃圾回收），全局变量hi持续要浏览器关闭。Js...
2020-03-13 00:01:59
92
原创 逻辑分支结构
标题逻辑分支结构，选择结构也叫条件语句；一 ：if 结构（单分支）if结构先判断一个表达式的布尔值，然后根据布尔值的真伪，执行不同的语句。所谓布尔值，指的是 JavaScript 的两个特殊值，true表示真，false表示伪。if (布尔值) 语句;// 或者if (布尔值) 语句;上面是if结构的基本形式。需要注意的是，“布尔值”往往由一个条 件表达式产生的，必须放在...
2020-03-11 23:45:44
220
原创 vue中computed和watch的区别？
computed：用于处理复杂的逻辑运算，主要和methods储存方法来进行区分；methods储存方法，，computed储存需要处理的数据值；methods每次都会调用，computed有缓存机制，只有改变时才执行，性能更佳；watch：用于监听数据变化，其中可以监听的数据来源有三部分：props、data、computed内的数据；watch提供两个参数（newValue，oldValue...
2020-03-10 21:56:33
119
原创 Vue中v-if和v-show的区别和使用
区别v-if:条件渲染，当隐藏结构时，该结构会直接从整个dom树中移除；v-show:只是简单的CSS属性切换，当隐藏结构时，是在该结构的 style属性上加display：none，无论条件是否为真这个dom元素都会被编译，其结构依然保留。使用场景当组件中某块内容只会显示或隐藏不会被再次改变显示状态，此时用v-if更加合适，例如请求后台接口通过后台数据控制某块内容是否显示或隐藏，且这个数...
2020-03-09 23:38:31
177
原创 vue-router
vue-router实现原理单一页面程序，只有一个娃和智能的页面，在加载的时候，不会加载整个页面，只是更新指定的容器中的内容。单页面应用的核心之一是：更新视图而不重新请求页面；vue-rouer在实现单页面前端路由时，提供了两种方式：Hash模式和History模式。Hash模式： 即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。比如这个 URL：http://ww...
2020-03-08 00:03:24
81
原创 link和@import的区别
link和@import导入外部样式的区别：1:老祖宗的差别： link属于HTML标签；@import完全是css提供的一种方式；2：加载顺序的差别： link引用的css会同时被加载；而@import引用的css要等到页面完全下载完后再被加载。3：兼容性的差别： @import是css2.1提出的，所以老的浏览器不支持，@import只在IE5以上的才能识别，而link标签没有...
2020-03-07 00:57:02
85
原创 vue的生命周期
什么是vue的生命周期？vue实例从创建到销毁的过程，就是vue的生命周期。vue生命周期总共有几个阶段？vue生命周期一共分8分阶段：创造前、创造后，载入前、载入后，更新前、更新后，销毁前、销毁后。beforeCreate（创建前） 在数据观测和初始化事件还未开始created（创建后） 完成数据观测，属性和方法的运算，初始化事件，el属性还没有显示出来beforeMount（载入前）...
2020-03-05 22:45:00
85
原创 vue学习小结
1、el：div id或class2、data：定义数据 是一个对象3、methods：定义方法4、v-model： 双向绑定实际上就是通过子组件中的方法派发 input 事件，子组件中绑定 input 的value 属性5、v-on:click：绑定点击事件，也可以用@click，写在methods里面。6、v-for：（a，b）in list ：key=“b”a为循环的每一个对...
2020-03-04 22:40:10
99
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人