- 博客(88)
- 收藏
- 关注
RSS订阅原创 vue项目配置Sass
敲入下面的命令（ sass-loader依赖于node-sass ） npm install --save-dev sass-loader npm install --save-dev node-sass 2. 在build文件夹下的webpack.base.conf.js的rules里面添加配置{ test: /\.sass$/, loaders: ['styl...
2018-11-14 16:17:46
207
原创 sass学习
sass学习 中文文档 https://www.sass.hk/docs/sass特色功能完全兼容 css3 在css基础上增加变量、嵌套、混合等功能 通过函数进行颜色值与属性值的运算 提供控制指令等高级功能 自定义输出格式 2. 嵌套规则#main p { color: #ddd; width: 30%; .redbox { ...
2018-11-12 14:48:33
159
原创 Less学习
Less的使用（中文文档https://less.bootcss.com/）学习怎么使用之前必然要了解一下在什么环境中使用node环境npm install -g lesslessc styles.less styles.css 浏览器环境<link rel="stylesheet/less" type="text/css" href="styles.less" /&...
2018-11-12 14:19:34
153
原创 ES6学习——被增强的数组功能
ES6第十章 增强的数组功能使用Array.of()方法创建数组let items = Array.of(1, 2)console.log(items[0]) //1console.log(items[1]) //2 2. 使用Array.from()方法将不是数组的对象转为数组//example1 1，2，3，4转换为数组[1, 2, 3, 4]func...
2018-11-09 14:52:17
201
原创 ES6学习——用模块封装代码
ES6第十三章 用模块封装代码 引言 这里封装的代码就是一个js文件，比如我有一些方法需要很多页面都需要用，只想定义一次，那我就把这些方法集中在一个页面里面定义，且在别的js文件里面引入使用，所以就开始有了模块封装 2. 被定义为全局使用的js文件如何定义导出//example1 导出数据export var color = "red"//example2...
2018-11-09 11:31:19
247
原创 ES6学习——set与map
ES6 第七章 Set与Map1. 先来初步了解一下ES5中的set和map，这样看来set和map和对象比起来并没有什么优势//之前会使用这样的写法来模拟set方法let set = Object.create(null)set.foo = true //检测set集合中有foo这个属性if(set.foo) { //}//之前会使用这样的写法来模拟map方法let...
2018-11-09 00:53:10
199
原创 ES6学习——函数
ES6 第三章 函数引言 函数无疑是任何编程语言中非常重要的一部分，函数的参数的使用是大多数前端程序员需要攻克的一个难题，因为js可以接收任意数量的参数，而无视函数声明处的参数数量 2. ES6之前如何使用创建带参数默认值的函数function makeRequest(url, timeout, callback) { timeout = timeo...
2018-11-08 17:56:16
399
原创 ES6学习——字符串与正则表达式
ES6 第二章 字符串与正则表达式引言 书中这一章节的第一部分讲的是更好的Unicode支持，没看懂，就从字符串的其他改动开始自己的学习 2. ES6新增的字符串的相关方法 includes() 方法，在给定文本存在于字符串中的任意位置时会返回true，否则返回false startsWith() 方法，在给定文本出现在字符串起始位置时会返回true，否...
2018-11-08 11:53:07
255
原创 ES6学习——块级绑定
ES6 第一章 块级绑定引言 目前接触到的c、c++、java、c#等类c语言基本都提供了俩种声明，一种是变量声明，一种是常量声明，且都是固定的模式，作用域分为全局和局部变量，任何变量都需要声明，js也不例外,但是不同的是，类c语言是在变量被声明的地方才进行创建且先声明再使用，但是js因为存在变量提升，也就是说，上一行访问下一行才会定义的变量是可行的，只不过访问到的值是undefi...
2018-11-07 17:11:11
219
原创 vue-devtools调试神器的安装与使用
下载 git下载地址git clone https://github.com/vuejs/vue-devtools cd vue-devtools npm install npm run build 打开刚刚克隆的项目文件vue-devtools->shells->chrome->manifest.json将这个false改为true ...
2018-11-06 16:48:34
354
原创 vue实践学习——keep-alive属性及生命周期
通过上一篇博客，大家已经熟知keep-alive是什么作用的组件以及其简单应用，那么接下来再来进一步的了解一下keep-alive props：官网链接https://cn.vuejs.org/v2/api/#keep-aliveinclude 字符串或正则表达式，只有名称匹配的组件会被缓存 exclude 字符串或正则表达式，任何名称匹配的组件都不会被缓存 max 数字，最多可以缓存多少...
2018-11-06 14:37:47
34313
2
原创 vue实践学习——keep-alive组件
情景：当你点开登录按钮进行登录时，已经输入用户名密码但是有部分选项忘记该填什么需要先离开查看一下，这时候，如果你通过vue提供的v-if控制每个页面的显示时，必然刚才所填的信息都会被重置为空，如果想要保持刚才的状态不变怎么办？keep-alive应运而生vue官方文档解释 当在这些组件之间切换的时候，你有时会想保持这些组件的状态，以避免反复重渲染导致的性能问题具体使用事例<...
2018-11-06 11:28:53
357
原创 vue源码学习——虚拟dom树是如何定义的
情景：相信通过前面的学习你已经知道了虚拟dom为什么会被构思，那么接下来你好奇的应该是作者该如何定义这个虚拟domvnode基类的定义(源码地址https://github.com/vuejs/vue/blob/52719ccab8fccffbdf497b96d3731dc86f04c1ce/src/core/vdom/vnode.js)export default class VNode...
2018-11-05 15:35:32
727
原创 vue源码学习——虚拟dom为何会出现
出现的情景 我们都知道，操作页面结构是比较复杂的行为，如果要显示的UI很多，每个页面都一次性加载，那页面的性能可能要炸，所以vue的作者想到一个方法，预先把每个页面的UI用js写好了，这些UI对应的dom就是虚拟的dom，等到需要加载这个页面的时候再去操作dom，所以你会看到很多博客写有虚拟的dom也就是真实的dom，从这个角度理解，这句话完全没有问题 如何解决 ...
2018-11-02 11:54:32
282
原创 vue源码学习——观察者模式
情景：接触过vue的同学都知道，我们曾经都很好奇为什么vue能这么方便的进行数据处理，当一个对象的某个状态改变之后，只要依赖这个数据显示的部分也会发生改变，如果你依旧很好奇，那么今天你就可以了解一下实现的原理什么是观察者模式 官方解释是这样的...... 观察者模式（Observer）：通常又被称作为发布-订阅者模式。它定义了一种一对多的依赖关系，即当一个对象的状态...
2018-11-01 17:10:15
621
原创 vue源码学习——数据双向绑定的Object.defineProperty
情景：vue双向绑定，这应该是多数讲vue优势脱口而出的名词，然后你就会接触到一个方法Object.defineProperty(a,"b",{})这个方法该怎么用简单例子敲一下var a = {}Object.defineProperty(a,"b",{ value:123})console.log(a.b) 2.参数怎么传，分别表示什么意思第一个参数...
2018-10-31 18:31:15
272
原创 图片与文字排版-flex
情景：你的文字用了span标签，你的图片用了img标签，此时你需要的排版并不是默认情况的，接下来怎么办（ 默认情况已经在上一篇博客展示请查看）文字左边且与上边距对齐 效果图 ...
2018-10-31 15:13:06
950
原创 文字与图片的排版-vertical-align
情景：你的文字用了span标签，你的图片用了img标签，此时你需要的排版并不是默认情况的，接下来怎么办默认情况下是这样的模型（文字放左侧和右侧是一样的效果） 原型代码 默认的效果是这样的 ...
2018-10-31 15:02:16
424
转载 flex弹性布局
转载：https://www.cnblogs.com/nuannuan7362/p/5823381.html一、简要介绍 css3最喜欢的新属性之一便是flex布局属性，用六个字概括便是简单、方便、快速。 flex（ flexible box：弹性布局盒模型）,是2009年w3c提出的一种可以简洁、快速弹性布局的属性。主要思想是给予容器控制内部元素高度和宽度的能力。目前已得到以下浏...
2018-09-23 16:38:08
193
原创 JS继承方式的总结
继承方式一 原型链继承function parent(){ this.age = "parent";}function child(){}//子类想要继承父亲具有父亲的属性namechild.prototype = new parent()//这样访问child.prototype.age即可得到namevar children = new child()conso...
2018-09-23 16:34:00
173
原创 vue-如何做移动端的适配-方法一
在head标签中加入的js原生代码 <script> (function(doc,win){ let docEl = doc.documentElement; let resizeEvt = 'orientationchange' in window ? 'orientationchange':'resize'; l...
2018-09-23 15:28:47
1145
原创 顺丰科技面经
因为自己简历上写了会vue所以一上来就开始了解vue的使用情况，接踵而来的就是一系列vue，但是当时问的有点多，记得不全vue的生命周期 vue的mount过程究竟发生什么样的过程 dom树什么时候开始建立 如果我定义一个数组，在mounted中修改数组中某个属性的值，视图层会发生改变吗 想出你所有能实现各种组件通信的方式 虚拟dom如何使用 vue组件的俩种创建方式，你手写一下...
2018-09-19 10:12:12
1448
原创 js 如何将字符串转换为数字
方法一：利用js自带的数字转化方法let a = "12" parseInt(a)方法二：利用强制数字转换方法let a = "12" Number(a)方法三：利用弱转换的方式let a = "12" a = a * 1...
2018-09-15 22:07:02
5216
原创 面经-招银科技
笔试做的不太好，所以就第一轮需要进行电话面一上来就是问问题你在实习的时候做了哪些项目 对于移动端和PC端你了解有多少 对于安全问题你了解多少 盒子模型的相关讲下 盒子模型margin常见问题 前端的技术你了解哪些并说下对比 后端语言你了解哪些 你说你会性能优化，讲下你做过的性能优化 性能优化的相关原理...
2018-09-14 14:01:56
1068
原创 科大讯飞面经
上来先是自我介绍对于找工作的大家自然是轻车熟路的一面具体如下：讲一下快速排序的思想及过程 说一下快排的复杂度 讲一下堆排序的思想及过程 讲一下堆排序的应用场景吧 讲一下这几种排序算法各自的优势 cookie你了解多少，讲一下你的理解 IP协议你了解多少，讲一下你的理解 讲一下你知道的前端涉及安全方面的信息 讲一下你们调试的工作吧 如果我现在想要实现一个登录的功能，你需要做...
2018-09-13 18:07:32
2447
转载 http缓存机制
前言 转载：https://www.cnblogs.com/chenqf/p/6386163.htmlHttp 缓存机制作为 web 性能优化的重要手段，对于从事 Web 开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。但是对于很多前端同学来说，仅仅只是知道浏览器会对请求的静态文件进行缓存，但是为什么被缓存，缓存是怎样生效的，却并不...
2018-07-23 08:36:59
312
原创 css选择权的权重计算
记住四个规则走遍权重计算的天下类型 举例 权值 内联样式 style="" 1000 id选择器 #id 100 类 .class 10 普通标签 p div 1
2018-07-22 15:08:32
508
转载 HTML语义化的优点
首先是大家都能想到的，便于理解，使代码更简洁，接下来的总结如下 1.使HTML的结构更清晰 2.代码的可读性较好 3.代码的可维护性好 4.搜索引擎可根据标签的语言确定上下文和权重 5.移动设备的支持度更好...
2018-07-22 14:58:32
1407
原创 css3动画与Js动画的区别
目前是我所了解的，但是没有实践过的css3的特点：动画较为简单的话就用css3来写，需要考虑浏览器的兼容问题，但是相对js来说代码不会那么多js的特点：无需考虑兼容性的问题但是代码可能会有点冗长...
2018-07-22 14:58:11
1336
转载 HTML标签类型及特点
HTML标签类型及特点关键词：块级元素 行级元素 行内块元素 一、 概述 HTML（Hyper Text Markup Language ）作为一种标记语言，网页所有的内容均书写在标签内部，标签是组成Html页面的基本元素，因此对标签特性的理解在HTML的学习过程中比较重要。二、基本分类 HTML中的标签从闭合的角度可以分为闭合标签和空标签。而...
2018-07-22 10:43:54
1140
原创 git教程--将自己仓库的代码提交到远程
1.提交到远程的命令很简单，无非就是git status git add. git push origin 远程分支，但是我认为理解原理才是最重要的 上一篇的博客已经教大家怎么建立本地的git文件，可以这样理解，本地的git文件夹就是本地的一个仓库，这里我再加一个概念，工作区和缓存区远程仓库：git这个存放项目的编辑器 本地仓库：自己git下来的文件存放地址 缓存区：每个被git pu...
2018-07-17 17:24:02
318
原创 git的使用教程
1.想使用git必然要安装git--------git的安装 如果你已经开始使用git，相信在官网下载git并安装已经是没有问题了 这里只附上git官网的地址https://www.git-scm.com/download/ 2.你被告知需要拉取某个分支的代码 首先你需要有对应项目的权限，比如这是你登录git后的界面 打有马赛克的五...
2018-07-17 17:14:19
154
原创 微信小程序
孩子，是不是对前端充满着热情但是还没开始过一个完整的项目？不妨试试以一个完整的小程序开始吧这里我希望你接下来开始阅读微信小程序的API开始第一个hello world,然后将这个hello world的运行机制画一张流程图展示...
2018-06-13 20:45:59
153
原创 vue初学https://cn.vuejs.org/v2/guide
vue的作者尤雨溪提供了一套vue的学习路线也受到多数人的推崇我也正在起步，个人觉得网易云的起步课程很不错，可以跟着把作者讲得第一步学了http://study.163.com/course/courseMain.htm?courseId=1004711010...
2018-04-22 15:39:44
4621
原创 VUE-环境搭建
我的机子已经配好node.js①E盘新建文件夹：vue所以cmd进入E：\ALINUX\vue编写npm install -g vue-cli②vue init webpack③然后在webstorm上建项目到这个文件夹④打开webstorm控制台或者终端运行即可，npm run dev...
2018-04-22 14:35:17
236
原创 前端JS框架
引言：如果你是一个前端的追求者，想要立即开始学习前端知识，那你就先来了解了解前端除了基础H5，css,js还有哪些内容 前端js框架有哪些一、前端UI框架1.bootstrap英文官方地址：http://getbootstrap.com中文地址：www.bootstrapcss.com特点：简洁、直观的前端开发框架...
2018-04-19 12:09:35
1165
原创 数据结构-冒泡排序算法
导言：数据结构真的很重要定义过程：冒泡排序和快速排序也称作俩种经典的交换排序它的主要过程有：①比较相邻的元素，如果第一个比第二个大，就交换他们俩个②对每一对相邻的元素做同样的工作，从开始第一对结尾的最后一对比较一趟之后，最后的元素应该会是最大的数③针对所有的元素重复以上的步骤，除了最后一个④持续每次越来越少的元素重复上面的步骤，直到没有任何一对数字需要比较代码解释：public class Bub...
2018-04-01 14:04:07
284
原创 数据结构-希尔排序
引言：数据结构真的很重要定义：希尔排序的效率要比直接插入排序的效率高，它是对直接插入排序的算法的改进，它的基本思想是先取一个小于n的整数d1作为第一个增量，把文件的全部记录分组，所有距离为d1的倍数的记录放在同一个组中。先在各组内进行直接插入排序；然后取第二个增量d2<d1重复上述的分组和排序，直至所取的增量dt=1,即所有的记录都放在同一组中直接插入排序为止，增量序列尤为关键，一般的初次序...
2018-04-01 13:38:08
186
原创 数据结构-直接插入排序算法
导言：数据结构真的很重要重点：理解直接插入排序算法的求解方法并能使用自己熟悉的语言实现直接插入排序的算法思路：（1） 设置监视哨r[0]，将待插入记录的值赋值给r[0]；（2） 设置开始查找的位置j；（3） 在数组中进行搜索，搜索中将第j个记录后移，直至r[0].key≥r[j].key为止；（4） 将r[0]插入r[j+1]的位置上。我理解的插入排序算法：首先定义数组中的第一个元素为标志位的数，...
2018-04-01 12:30:16
918
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人