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