- 博客(24)
- 收藏
- 关注
RSS订阅原创 npm 模块管理器入门
什么是npm npm 是Node官方提供的包管理工具，他已经成了Node 包的标准发布平台，用于Node包的发布、传播、依赖控制 npm 提供了命令行工具，使你可以方便下载、安装、升级、删除包，也可以让你作为开发者发布并维护包 为什么使用 npm npm 是 Node 一起安装的包管理工具，能解决 Node 代码部署上的很多问题，常见的场景有以下几种 允许用户从 npm 服务器下载别人编写...
2019-11-13 15:53:27
212
原创 学习less总结
CSS的短板 作为前端学习者的我们，最初学习就是CSS，它作为前端开发的三大基石之一，时刻引领web的发展朝向，而CSS作为一门标记性语言，肯能给初学者第一印象就是简单易懂，毫无逻辑，不像编程该有的样子，在语法更新时，每当新属性提出，浏览器的兼容又会马上编程绊脚石，可以说CSS短板不容忽视 问题的诞生往往伴随着技术的兴起，在web发展的这几年，为了让CSS富有逻辑性，短板不那么严重，涌现出了一些神...
2019-11-12 15:17:55
268
原创 vue插槽的使用
什么是插槽？ 插槽（slot）是 Vue 提出来的一个概念，正如名字一样，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，且具有模块化的特质和更大的重要性，插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制 用 < slot > 元素将不同的DOM 树组合在一起，slot 是组件内部的占位符，用户可以使用自己的标记来填充 1、默认插槽 ...
2019-11-12 09:52:28
207
原创 CSS设置文本单行或多行溢出时显示省略号
单行文本溢出 1、使用overflow:hidden 把超出的内容进行隐藏 2、然后使用 white-space:nowrap 设置内容不换行 3、最后使用 text-overflow:ellipsis 设置超出内容为省略号 { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 注意：需要加宽度width...
2019-11-07 09:44:56
289
原创 flex 弹性布局
flex布局是什么？ flex 是 Flexible Box 的缩写，意为”弹性布局“，用来为盒状模型提供最大的灵活性 任何一个容器都可以指定为 flex 布局 .box{ display:flex; } 行内元素也可以使用flex布局 .box{ display:inline-flex; } ...
2019-10-29 16:20:45
137
原创 JSON字符串，JSON对象
JSON对象 可直接使用jQuery进行操作（对象.属性） var jsonObj = {"name":"张三","sex":"男"} JSON字符串 普通的字符串，可以按照字符串进行截取，替换操作 var jsonStr = '{"name":"张三","sex":"男"}' 将JSON字符串转换为JSON对象的方法 ...
2019-10-29 15:10:20
194
原创 vue组件的keep-alive
是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们 与相似，只是一个抽象组件，它不会再DOM树中渲染（真实或者虚拟都不会），也不在父组件链中存在，比如：你永远在 this.$parent 中找不到keep-alive ...
2019-10-29 13:41:38
162
原创 ES6 结构赋值
基本用法 数组解构 // 数组解构的基本用法： let [a,b,c] = [1,2,3] // a=1,b=2,c=3 let [d,[e],f] = [1,[2],3] // 嵌套数组解构 d=1,e=2,f=3 let [g,...h] = [1,2,3] // 数组拆分 g=1,h=[2,3] let[i,,j] = [1,2,3] // 不连续解构 i=1,j=3 let [k,...
2019-10-28 17:51:16
332
原创 ES6 新特性详解
ES6 简介 历时将近6年的时间来制定的新 ECMAScript 标准 ECMAScript 6（亦称 ECMAScript Harmony，简称 ES6）终于在 2015年 6月正式发布，自从上一个标准版本 ES5 在 2009 年发布以后，ES6 就一直以新语法、新特性的优越型吸引著众多 Javascript 开发者，驱使他们积极尝鲜 由于 ES6 是在2015年发布的，所以也叫ES201...
2019-10-28 10:29:07
274
原创 函数库
// 字符串常用函数 /* * trim 去除空格 * param1 string str 待处理字符串 * param2 number type 去除空格类型 1-所有空格 2-前后空格 3-前空格 4-后空格 默认 * return string str 处理后的字符串 */ function trim(str, type) { if(type && type !=...
2019-10-17 16:00:10
190
原创 css 实现垂直居中
position 元素已知宽度 父元素设置为：position:relative 子元素设置为：position:absolute 距上50%，距左50%，然后减去元素自身宽度的距离就可以实现 .box{ background-color:#ff8c00; width:300px; height:300px; position:relative; } .content{ b...
2019-10-17 10:10:26
217
原创 Vue 路由跳转
router-link //不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> // name，path都行，建议用name // 注意：router-link中链接如果是‘/’开始就是从根路由开始，如果开始不带‘/’，则从当前路由开始 // 带参数 <router-li...
2019-10-16 17:56:28
189
原创 vue-router 的基本使用
vue-router 基本使用 路由，起始就是指向的意思 路由中有三个基本的概念 route、routes、router route 是一条路由， news按钮 => news内容，这是一条路由， submit按钮 => submit内容，这是另一条路由 routes 是一组路由，把上面的每一条路由组合起来，形成一个数组 [{news按钮 => news内容}, {sub...
2019-10-16 14:56:59
254
1
原创 mockjs的学习历程
什么是mockjs mockjs就是一个模拟数据，生成随机数据，拦截ajax请求 通过随机数据，模拟各种场景，不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据，支持生成随机的文本、数据、布尔值、日期、邮箱、链接、图片、颜色，支持扩展更多数据类型，支持自定义函数和正则 为什么使用mockjs 后端给不了数据 数据太长，将数据放在 js 文件里面，完成后挨个改 url 还原真...
2019-10-15 09:59:31
323
原创 Vue 创建项目的步骤
1、由于 Vue 项目依赖 node.js npm 需要先安装 检查是否有 node.js npm vue Window + R 输入：cmd 输入 node -v 回车，会出现 node.js 的版本 输入 npm -V（V大写） 会出现npm的版本 安装 vue-cli 安装 Vue npm install -global vue-cli -g表示全局安装，vue-cli是模块，全局...
2019-10-14 10:33:51
397
原创 学习axios
axios 是什么 axios 是基于promise 用于浏览器和 node.js 是 http 客户端 axios 的作用 axios 主要是用于向后台发送请求的，还有在请求中做更多是可控功能 特点： 支持浏览器和 node.js 支持promise 能拦截请求和响应 能转换请求和响应数据 能取消请求 自动转换JSON数据 浏览器支持防止 CSRF/XSRF（跨站请求伪造） 安装 ...
2019-10-12 14:37:20
285
原创 前端面试题（CSS、html部分）
display:none和visibility:hidden的区别？ display:none 隐藏对应的元素，在文档布局中不再给它分配空间，他各边的元素会 合拢，就当他从来不存在 visibility:hidden 隐藏对应的元素，但是在文档布局中仍保留原来的空间 CSS3有哪些新特性 border-radius 圆角 box-shadow 阴影 text-shadow...
2019-10-11 17:03:09
251
原创 js继承的方式
继承，必须要提供个父类（继承谁，提供继承的属性） // 父类 function Person(name) { // 给构造函数添加参数 this.name = name this.sum = function(){ alert(this.name) } } Person.prototype.age = 10 // 给构造函数添加了原型属性 原型链继承 // 原型链...
2019-10-11 09:50:19
347
原创 Vue面试题
vue的生命周期 beforeCreate （创建前） 实例组件刚创建，元素 DOM 和数据都还没有初始化，暂时不知道能在这个周期里面进行生命操作 created （创建后）数据 data 已经初始化完成，方法也已经可以调用，但是DOM 未渲染，在这个周期里面如果进行请求时可以改变数据并渲染，由于 DOM 未挂载，请求过多或者占用时间过长会导致页面显示空白 beforeMount （载入前） D...
2019-10-10 19:38:01
274
原创 Vue之Vuex的学习
Vuex是一个专为 Vue.js 应用程序开发的状态管理模式，Vuex解决了组件之间同一状态的共享问题 首先要安装、使用 vuex npm install vuex --save
2019-10-10 16:39:11
130
原创 Vue父子组件传值
把父组件里的值传给子组件 1、父组件通过v-bind: 绑定传输的值 2、子组件用props接受 父组件的代码 <template> <div class="parent"> <p>父组件里的内容{{content}}</p> <child></child> </div> </temp...
2019-10-10 15:22:22
138
原创 前端面试题总结（js部分）
##js部分 js有哪些基本数据类型？ *Boolean 、Null、Undefined、Number、String、Object； *Symbol（es6新增） var、let、const的区别 1、var会变量提升 2、let声明的变量只在他所在的代码块有效 3、const声明后不能再修改其指向的目标，假如const指向的是一个对象/数 组，那么虽然不能更改指向目标，但是可以更改对象和数...
2019-10-10 14:15:58
250
原创 js字符串的方法
concat() // 将两个或多个字符的文本组合起来，返回一个新的字符串 indexOf() // 返回字符串中一个字符第一次出现的索引（从左到右搜索），如果没有匹配项，返回-1 lastIndexOf() // 返回字符串中一个字符最后一次出现的索引（从右到左搜索），如果没有匹配项，返回-1 charAt() // 返回指定位置的字符 match() // 检查一个字符串匹配一个正则...
2019-10-10 13:53:26
134
原创 js数组的方法
jion() // 用一分分割符把一个数组合并为一个字符串 例如：list = new Array('1','2','3') a = list.join('|') // 1|2|3 isArray() // 判断对象是否为数组 includes() // 判断一个数组是否包含一个指定的值 concat() // 连接两个或更多的数组，并返回结果 ...
2019-10-10 11:04:16
107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人