- 博客(25)
- 收藏
- 关注
RSS订阅原创 制作属于自己的脚手架（图文详解）
制作属于自己的脚手架（图文详解）yo命令官网地址：https://yeoman.io/yoyeoman 制作脚手架命令安装npm install -g yoyo 命令的作用是制作脚手架命令yo --version 查看版本号制作脚手架*generater-generator 可以制作脚手架工具npm install -g generator-generator生成脚手架工具yo gennerator-脚手架名称制作中配置项目解释脚手架创建成功将自己的工程代码放入到脚
2020-09-04 22:33:59
1307
原创 router-link
vue中router-link标签属性to表示目标路由的链接。 当被点击后，内部会立刻把 to 的值传到 router.push()，所以这个值可以是一个字符串或者是描述目标位置的对象。 Home Home Home Home Home User Registerreplace设置 replace 属性的话，当点击时，会调用 router.replace() 而不是 router.push()，导航后不会留下 history 记录。append设置 append 属
2020-08-10 22:41:55
157
原创 vue中8种组件通信方式,纯干货！值得收藏
vue中8种组件通信方式,纯干货！值得收藏爱焰 2019-07-22 11:10:41 296 收藏 5分类专栏： vue版权vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要，那么组件之间如何进行数据通信的呢？首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式, 就好像过年回家，坐着一屋子的陌生人，相互之间怎么称呼，这时就需要先知道自己和他们之间是什么样的关系。vue组件中关系说明:在这里插入图片描述如上图所示, A与B、A与C、
2020-08-07 21:38:59
244
原创 vue-watch
Vue——watch选项详解什么是watch选项？（官方解释）类型：{ [key: string]: string | Function | Object | Array }详细：一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。Vue 实例将会在实例i化时调用 $watch()，遍历 watch 对象的每一个属性。通俗解释watch选项能够监听值的变化。简单使用 Number: {{ myNumber }} Number: n
2020-08-03 19:26:19
208
原创 es6面试题
ES6常见面试题总结1、es5和es6的区别，说一下你所知道的es6ECMAScript5，即ES5，是ECMAScript的第五次修订，于2009年完成标准化ECMAScript6，即ES6，是ECMAScript的第六次修订，于2015年完成，也称ES2015ES6是继ES5之后的一次改进，相对于ES5更加简洁，提高了开发效率ES6新增的一些特性：1）let声明变量和const声明常量，两个都有块级作用域ES5中是没有块级作用域的，并且var有变量提升，在let中，使用的变量一定要进行声明2）箭
2020-07-29 19:53:47
274
原创 ES6中let与var的区别
ES6中let与var的区别zuiziyoudexiao 2017-08-08 11:44:41 48618 收藏 7通过var定义的变量，作用域是整个封闭函数，是全域的 。通过let定义的变量，作用域是在块级或是子块中。for (let i = 0; i < 10; i++) {// …}console.log(i);// ReferenceError: i is not defined//计数器i只在for循环体内有效，在循环体外引用就会报错。变量提升现象：浏览器在运行代码之
2020-07-28 19:40:01
198
原创 ES6——箭头函数
ES6——箭头函数ES6 允许使用“箭头”（=>）定义函数。var f = v => v;// 等同于var f = function (v) {return v;};箭头函数的用法按照参数和执行语句两种情况划分。//有关参数的情况var fun = () => alert(“Hi!”); //没有参数的话括号不能省略var fun = (a,b) => a; //有多个参数的情况下括号也不能省略var fun = a => a
2020-07-28 19:38:00
95
原创 js实现简单的倒计时
var showtime = function () { var nowtime = new Date(), //获取当前时间 endtime = new Date("2020/8/8"); //定义结束时间 var lefttime = endtime.getTime() - nowtime.getTime(), //距离结束时间的毫秒数 leftd = Math.floor(lefttime/(1000*60*60*24)), //计算天数
2020-07-16 19:42:17
130
原创 JS2级联动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <select
2020-07-14 22:27:20
102
原创 js事件实现拖拽效果
js事件实现拖拽效果<!DOCTYPE html><html><head> <title>拖拽效果</title> <meta charset="utf-8"> <style type="text/css"> #wrap{ position: absolute; width: 200px; height: 200px; background-color: red; } </
2020-07-13 19:39:01
95
原创 JS操作DOM事件总结
JS操作DOM事件总结小萌丹 2019-02-25 20:28:06 249 收藏分类专栏： javascript版权Js中的事件行为,结构,样式分离的页面一般事件 onclick 鼠标点击时触发此事件ondblclick 鼠标双击时触发此事件onmousedown 按下鼠标时触发此事件onmouseup 鼠标按下后松开鼠标时触发此事件onmouseover 当鼠标移动到某对象范围的上方时触发此事件onmousemove 鼠标移动时触发此事件onmouseout 当鼠标离开某对象
2020-07-09 20:38:36
166
原创 JS事件委托
JS事件委托的概念和作用1、为什么要用事件委托一般来说，dom需要有事件处理程序，我们都会直接给它设事件处理程序就好了，那如果是很多的dom需要添加事件处理呢？比如我们有100个li，每个li都有相同的click点击事件，可能我们会用for循环的方法，来遍历所有的li，然后给它们添加事件，那这么做会存在什么影响呢？操作DOM次数过多，造成浏览器的重排和重绘就越多；每个事件都是一个对象，事件处理程序越多，占用的内存越多，影响前端性能；在JavaScript中，添加到页面上的事件处理程序数量将直接关系
2020-07-08 21:41:28
131
原创 50道 CSS 经典面试题（包含答案）
50道 CSS 经典面试题（包含答案）置顶 Pink李伟 2018-05-14 16:35:17 29968 收藏 51分类专栏： 前端版权1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin2 box-sizing属性？用来控制元素的盒子模型的解析模式，默认为conte
2020-07-07 19:43:30
350
原创 js 之 预编译篇
js 之 预编译篇CarrreyYan_979292 2019-02-02 09:59:23 161 收藏分类专栏： js深度解析 WEB前端版权js 是一个解析行语言。作为解析型语言；我们要知道；是如何解析的。1：语言分析 ——> 2： 预编译 ——> 3：解析执行1：语言分析：JS 会对全部的脚本代码进行解析，通过jS引擎检查你的代码是否存在错误，如果有有错误就会抛出一个错误；否者语言分析完成。学会这个东西的作用是，我们调试代码时候；可以帮助我们找到错误。在浏览器控制台输
2020-07-03 19:06:30
121
原创 vscode 快捷键使用方式
vscode 快捷键使用方式CarrreyYan_979292 2019-10-08 17:12:13 30 收藏分类专栏： 工具使用版权记住快捷键能够提高工作效率Ctrl+Shift+P,F1 展示全局命令面板Ctrl+P 快速打开最近打开的文件Ctrl+Shift+N 打开新的编辑器窗口Ctrl+Shift+W 关闭编辑器Ctrl + X 剪切Ctrl + C 复制Alt + up/down 移动行上下Shift + Alt up/down 在当前行上下复制当前行Ctrl
2020-07-03 19:04:29
200
原创 this new call apply bind 运行原理讲解
this new call apply bind 运行原理讲解CarrreyYan_979292 2019-09-24 12:46:41 76 收藏 1分类专栏： js深度解析版权this new apply call bind虽然标题是 this、new、bind、call、apply，但实际上这些都离不开 this，因此本文将着重讨论 this，在此过程中分别讲解其他知识点。注意： 本文属于基础篇，如果你已经对本文相关知识点已经很了解了，那么可以跳过本文。如果你不够了解，或者了解的还不完
2020-07-02 21:16:05
105
原创 JS中的预编译
JS之预编译(详解)JS运动过程：语法分析预编译解释执行语法分析就是JS引擎去检查你的代码是否有语法错误，解释执行顾名思义就是执行你的代码。当然最重要的还是预编译，那么预编译是在什么时候开始发生呢？，接下来就是重点了。首先要明白什么是函数声明?,什么是变量赋值？function a() //函数声明var a = function (){}//变量赋值（函数表达式）预编译（函数执行的前一刻）：创建AO对象（Activation Object）（执行上下文）；找函数形参和函数内变量声明
2020-06-28 21:09:53
100
原创 2020.6.23
字符串不能重新赋值九九乘法表//规律一：外面执行一次，里面执行多次//规律二：里面for执行的次数是递减的，变化的//循环语句一定有两个变量，要么在语句一，要么在语句二var arr = ['1',12] //通过构造函数的方式创建数组 var arr1 = new Array('1',12) console.log(arr1) //如何往数组中添加元素 //方式一 // arr1[arr1.lengt
2020-06-23 19:06:52
150
原创 关于数组和对象的一些知识
//for in var obj = { name:'faker', age:'25', dec:'sanguanwang' } for(x in obj){ console.log(x) //x赋值为对象中的key console.log(obj[x])//对象取值 obj['name'] obj['age']... // console.log(obj.x) //undefined
2020-06-22 19:05:36
128
原创 JS中判断一个变量是否为数组类型
js中判断一个变量是否为数组类型DWG Nuguri<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div>1</div> <div>2</div> <div>3</div>
2020-06-19 19:21:26
455
原创 如何发布npm
如何在npm发布自己的包和上传文件到github你可以永远相信李相赫。基于上一篇抽离完前端组件，现在想要把组件放在npm库里，并上传到自己的github上在npm库发布包你必须拥有npm库的账号注册： https://www.npmjs.com/在抽离组件的文件夹中打开cmd，运行npm publish注意：发布的包名为package.json中的name几种报错：a.当前的npm为淘宝镜像或其他，不是在npm，用nrm ls查看，nrm use npm切换到npmb.账号没有登录，
2020-06-18 19:07:54
123
原创 JS隐式类型转换
js中的隐式转换与强制转换T1，fighting!强制转换描述：在javaScript中，我们经常需要对数据类型进行转换，以满足代码运行需求，其中强制转换需要我们根据自己的需要进行转换，主要分为两种，一种是字符型数据强制转换成数值型，另一种就是数值型强制转换成字符型。字符型转换成数值型parseInt ；(1)、从左向右依次转换，能转就转换，碰到不能转换的就停止，如果第一个就不能转换则，console.log出NaN,非法数值型（2）、它是把要转换的字符转换成整数2、parseFloat
2020-06-17 21:54:55
299
原创 css清楚浮动
CSS清除浮动的4种方法总结Nuguri1.额外标签法通过在浮动元素末尾（同级）添加一个空的标签，例如 ，或则其他标签br等。<div class="clear"></div><style>.clear{ clear:both;}</style>2.overflow法可以给父级添加： overflow = hidden|auto|scroll 都可以实现。3.after伪元素CSS初始文件可以加上：.clearfix:after
2020-06-11 19:26:02
150
原创 响应式布局
响应式布局是什么？uzi,God forever! 2020.6.9一、什么是响应式布局？响应式布局就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验。二、响应式布局的优点和缺点有哪些呢？ (1) 优点 ：1. 面对不同分辨率设备灵活性强 2. 能够快捷解决多设备显示适应问题 (2) 缺点 ：1.不能完全兼容所有浏览器，代码累赘，会出现隐藏无用的元
2020-06-09 19:28:29
85
原创 CSS 适配 iPhoneX
CSS 适配 iPhoneXuzi,God forever! 2020-06-8前言iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。以下是处理前后效果图：适配之前需要了解的几个新知识安全区域安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘
2020-06-08 19:17:57
153
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人