- 博客(142)
- 收藏
- 关注
RSS订阅原创 npm 下载的包输入命令提示不是内部命令解决方案
如果npm 下载的包输入命令提示不是内部命令，则根据cmd中提示的安装路径找到npm的路径添加到系统变量中
2020-12-23 14:46:23
531
原创 js面经总结
一、js基础语法1.1变量类型和计算 1.1.1变量类型 （1）值类型vs引用类型 值类型： 指向值本身 undefineboolean string number symbol(表示独一无二的值，最大的用法是用来定义对象的唯一属性名) 引用类型： 变量指向值的存储地址 ...
2020-11-28 17:02:23
369
1
转载 jsonp的原理 和实现
什么是JSONP首先提一下JSON这个概念，JSON是一种轻量级的数据传输格式，被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现，所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。那么JSONP是什么呢？首先抛出浏览器同源策略这个概念，为了保证用户访问的安全，现代浏览器使用了同源策略，即不允许访问非同源的页面，详细的概念大家可以自行百度。这里大家只要知道，在ajax中，不允许请求非同源的URL就可以了，比如www.a.com下的一个页面，其中的aj
2020-11-24 10:19:12
130
原创 VueRouter
1.什么是VueRouter?VueRouter和v-if/v-show一样,是用来切换组件的显示的v-if/v-show是标记来切换(true/false)VueRouter用哈希来切换(#/xxx)比v-if/v-show强大的是VueRouter不仅仅能够切换组件的显示,还能够在切换的时候传递参数2.VueRouter使用2.1导入VueRouter2.2定义路由规则2.3根据路由规则创建路由对象2.4将路径对象挂载到Vue实例中2.5修改URL...
2020-11-17 21:35:39
144
原创 Vuex
1.什么是Vuex?1.没使用vuex前:1.如果想要在子组件中使用祖先组件中的数据,那么就必须一层一层的传递(非常麻烦)2.兄弟组件之间不能直接传递数据,如果兄弟组件之间想要传递数据,那么就必须借助父组件(非常麻烦)解决方案:使用Vuex2.什么是vuex:vuex是Vue配套的公共数据管理工具，它可以把一些共享的数据，保存到vuex中，方便整个程序中的任何组件直接获取或修改我们的公共数据注意点:只有需要共享的才放到vuex上,不需要共享的数据依然...
2020-11-17 21:05:28
141
原创 vue组件
自定义全局组件Vue两大核心:1.数据驱动界面改变2.组件化1.什么是组件?什么是组件化?1.1在前端开发中组件就是把一个很大的界面拆分为多个小的界面,每一个小的界面就是一个组件1.2将大界面拆分成小界面就是组件化2.Vue中如何创建组件?2.1创建组件构造器2.2注册已经创建好的组件2.3使用注册好的组件全局组件注册以及使用Vue.component('component-a', { // ... 选项 ...})new Vue({ el: ...
2020-11-17 20:59:52
138
原创 vue-过渡动画
如何给Vue控制的元素添加过渡动画1将需要执行动画的元素放到transition组件中1当transition组件中的元素显示时会自动查找.v-enter/.v-enter-active/.v-enter-to类名当transition组件中的元素隐藏时会自动查找.v-leave/.v-leave-active/.v-leave-to类名1我们只需要在.v-enter和.v-leave-to中指定动画动画开始的状态在.v-enter-active和.v-leave-active中...
2020-11-17 17:06:27
306
原创 过滤器
1.什么是过滤器?过滤器和函数和计算属性一样都是用来处理数据的但是过滤器一般用于格式化插入的文本数据2.如何自定义全局过滤器Vue.filter("过滤器名称",过滤器处理函数):3.如何使用全局过滤器{{msg|过滤器名称}}:value="msg|过滤器名称"4.过滤器注意点4.1只能在插值语法和v-bind中使用4.2过滤器可以连续使用<div id="app"> <!--Vue会把name交给指定的过滤器处理之后, 再...
2020-11-17 16:35:49
146
原创 vue-计算属性
1.插值语法特点可以在{{}}中编写合法的JavaScript表达式2.在插值语法中编写JavaScript表达式缺点2.1没有代码提示2.2语句过于复杂不利于我们维护3.如何解决?对于任何复杂逻辑，你都应当使用计算属性<div><p>{{msg2}}</p></div><script> // 这里就是MVVM中的View Model let vue = new Vue({ .
2020-11-17 16:32:25
155
原创 vue常用指令
常用指令1.什么是指令?指令就是Vue内部提供的一些自定义属性,这些属性中封装好了Vue内部实现的一些功能只要使用这些指令就可以使用Vue中实现的这些功能2.Vue数据绑定的特点只要数据发生变化,界面就会跟着变化1、v-once让界面不要跟着数据变化,只渲染一次2、v-cloak数据渲染之后自动显示元素可以通过v-cloak配合[v-cloak]:{display:none}默认先隐藏未渲染的界面，等到生成HTML渲染之后再重新显示3、v-text...
2020-11-17 16:29:36
91
原创 Vue数据传递
vue数据传递一、Vue数据单向传递MVVM设计模式在MVVM设计模式中由3个部分组成M:Model数据模型(保存数据,处理数据业务逻辑)V:View视图(展示数据,与用户交互)VM:ViewModel数据模型和视图的桥梁(M是中国人,V是美国人,VM就是翻译)MVVM设计模式最大的特点就是支持数据的双向传递数据可以从M->VM->V也可以从V->VM->MVue中M...
2020-11-17 15:43:04
245
原创 安装到创建第一个vue实例
vue兼容性：Vue不支持IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器vue安装：1、<script>标签引入：点击以下版本下载vue.js，并在项目中使用<script>标签引入2、通过npm导入创建项目npm install vueVue基本模板<!DOCTYPE html><html lang="en">&l...
2020-11-17 15:39:36
107
原创 react学习（一）
父子组件之间的传值方式：父组件如何向子组件传值：通过属性的方式，子组件如何向父组件传值，父组件向子组件传递一个方法，子组件通过传递过来的方法进行修改父组件的值当组件创建时，render会执行一次，父组件：当state发生改变是会重新执行一次，子组件：当props改变时会重新执行一次react操作DOM,通过ref.ref写在html标签上获取的是dom节点，ref写在组件上获取的是组件的js实例<button onClick={this...
2020-11-17 14:48:50
122
1
原创 js内置对象
Array1.如何创建数组var arr = new Array();var arr = new Array(10);var arr = [];var arr = [1,3,5];2.数组元素的读写index从0开始3、获取数组长度arr.lengthps:通过给length赋值可以给数组移出项或者新增项4、数组栈方法push()/pop()/unshift()/shift()5.数组转化为字符串join()console.log(a.joi...
2020-10-17 10:51:02
62
原创 CSS编写格式边框与渐变内容补充
CSS编写格式1.行内样式2.内嵌样式3.外链样式 --一般用外链4.导入样式外链样式和导入样式区别:共同点: 都是将CSS代码写到了一个单独的文件中不同点:外链样式, 在显示网页时, 会先加载CSS文件, 再显示页面导入样式, 在显示网页时, 会先显示界面, 再加载CSS文件外链样式是通过一个HTML标签引入CSS的而导入样式是通过@import引入CSS的, 而@import是CSS2.1推出, 所以导入样式存在兼容问题优先级问题行内样式的优先级最高其它.
2020-10-15 22:16:01
137
原创 伸缩布局
伸缩布局display:flex;主轴的方向在伸缩布局中,默认情况下水平方向是主轴,默认情况下主轴的起点在伸缩容器的最左边,默认情况下所有的伸缩项都是从主轴的起点开始排版的但是我们也可以通过属性来修改主轴的起点的位置flex-direction:用于修改主轴起点的位置row:起点在伸缩容器的最左边,终点在伸缩容器的最右边.从左至右的排版,默认的取值row-reverse:起点在伸缩容器的最右边,终点在伸缩容器的最左边,从右至左的排版colu...
2020-08-04 17:07:59
198
原创 JS新特性（一）
H5新增存储方案1.什么是SessionStorage和LocalStorage和Cookie一样,SessionStorage和LocalStorage也是用于存储网页中的数据的2.Cookie、SessionStorage、LocalStorage区别2.1生命周期(同一浏览器下)Cookie生命周期:默认是关闭浏览器后失效,但是也可以设置过期时间SessionStorage生命周期:仅在当前会话(窗口)下...
2020-06-07 16:25:09
722
原创 jQuery（三）
get-post1.可以通过form标签的method属性指定发送请求的类型2.如果是get请求会将提交的数据拼接到URL后面?userName=lnj&userPwd=1234563.如果是post请求会将提交的数据放到请求头中4.GET请求和POST请求的异同4.1相同点:都是将数据提交到远程服务器4.2不同点:4.2.1提交数据存储的位置不同GET请求会将数据放到URL后面POST请求会将数据放到请求头中4.2.2提交数据大小限制不同G.
2020-05-24 19:46:37
133
原创 jQuery（二）
jQuery的基本结构1.jQuery的本质是一个闭包2.jQuery为什么要使用闭包来实现?为了避免多个框架的冲突3.jQuery如何让外界访问内部定义的局部变量window.xxx=xxx;4.jQuery为什么要给自己传递一个window参数?为了方便后期压缩代码为了提升查找的效率5.jQuery为什么要给自己接收...
2020-05-24 19:32:56
149
原创 jQuery（一）
固定写法：//1.原生JS的固定写法window.onload=function(ev){}//2.jQuery的固定写法$(document).ready(function(){alert("hellolnj");});jQuery和JS入口函数的区别window.onload=function(ev){//1.通过原生的JS入口函数可以拿...
2020-05-21 22:11:51
172
原创 JavaScript（函数）十
添加事件三种方式方式一:1.通过onxxx的方式来添加注意点:由于是给属性赋值,所以后赋值的会覆盖先赋值*//*oBtn.onclick=function(){alert("666");}oBtn.onclick=function(){alert("777");}letobj={};obj.say=function...
2020-05-18 23:16:27
124
原创 JavaScript（函数）九
js示例1.关闭广告<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>10-JavaScript-关闭广告</title> <style> *{ margin: 0; padding: 0; } div{
2020-05-18 23:10:24
137
原创 JavaScript（函数）八
数组高级API2.利用forin循环来遍历数组 注意点:在企业开发中不推荐使用forin循环来遍历数组 for(letkeyinarr){ console.log(key);console.log(arr[key]);}function Person() { this.name = "lnj"; this.age = 34;...
2020-05-18 22:58:59
110
原创 HTML+CSS 3(十六)
伸缩布局在伸缩布局中, 默认情况下水平方向是主轴, 默认情况下主轴的起点在伸缩容器的最左边, 默认情况下所有的伸缩项都是从主轴的起点开始排版的但是我们也可以通过属性来修改主轴的起点的位置flex-direction: 用于修改主轴起点的位置row: 起点在伸缩容器的最左边, 终点在伸缩容器的最右边. 从左至右的排版, 默认的取值row-reverse: 起点在伸缩容器的最右边, 终点...
2020-05-11 22:16:25
81
原创 JavaScript（函数）七
函数是专门用于封装代码的,函数是一段可以随时被反复执行的代码块2.函数格式function函数名称(形参列表){被封装的代码;}3.不使用函数的弊端3.1冗余代码太多3.2需求变更,需要修改很多的代码4.使用函数的好处...
2020-05-07 19:33:03
217
原创 JavaScript(数组)六
1.什么是数组?数组就是专门用于存储一组数据的注意点:和我们前面学习的Number/String/Boolean/Null/undefined不同(基本数据类型)而我们今天学习的数组(Array)不是基本数据类型,是引用数据类型(对象类型)2.如何创建一个数组?let变...
2020-05-05 21:00:29
76
原创 JavaScript（if-while-switch-for）五
1.什么是赋值运算符?赋值运算符就是将等号右边的值存储到等号左边的变量中1.1简单类型的赋值运算符=1.2复杂类型的赋值运算符+=-=*=/=%=2.赋值运算符的优先级和结合性赋值运算符的优先级低于算数运算符赋值运算符的...
2020-05-05 20:43:04
182
原创 JavaScript（运算符）四
1.什么是算术运算符?+-*/%2.算术运算符的优先级和结合性*/%优先级要高于+-无论是+-*/%都是左结合性(从左至右计算)1.加法运算的注意点1.1任何非数值类型的数据在参与加法运算之前,都会被自动的转换成数值类型之后,再参与运算1.2任何数据和Na...
2020-05-05 20:23:55
120
原创 JavaScript基本数据类型与数据转化
1.基本数据类型Number数值类型在JavaScript中无论是整数还是小数都是属于数值类型的String字符串类型在JavaScript中无论是通过单引号还是通过双引号括起来的内容都是属于字符串类型的Boolean布尔类型在JavaScript中布尔类型比较...
2020-05-05 20:22:15
102
原创 JavaScript常量与变量
JavaScript常量1.什么是常量?常量表示一些固定不变的数据现实生活中人的性别其实就可以看做是常量,生下来是男孩一辈子都是男孩,生下来是女孩一辈子都是女孩2.JavaScript中常量的分类2.1整型常量整型常量其实就是正数,在JavaScript中随便写一个整数都是整型常量...
2020-05-05 20:18:06
281
原创 JavaScript常见输出方式
算术运算符1.什么是算术运算符?+ - * / %2.算术运算符的优先级和结合性* / % 优先级要高于 + -无论是+ - * / %都是左结合性(从左至右计算)算数运算符注意点1.加法运算的注意点1.1任何非数值类型的数据在参与加法运算之前, 都会被自动的转换成数值类型之后, 再参与运算1.2任何数据和NaN进行运算, 结果都是NaN1.3任何数据和字符串相加...
2020-05-05 20:14:50
107
原创 过度与动画
边框圆角（border-radius）将直角的边框变为圆角的边框2.边框圆角的格式?border-radius: 左上 右上 右下 左下;3.将正方形变为圆形的技巧border-radius: 50%;4.系统如何绘制圆角?首先根据指定的值找到圆心按照指定的值作为半径绘制圆弧注意点当只设置了一个值的时候, 其它三个角都会参考这个值border-radius:...
2020-04-29 17:25:56
149
原创 a标签伪类选择器与
过度模块1,过渡三要素1.1必须要有属性发生变化1.2必须告诉系统哪个属性需要执行过渡效果1.3必须告诉系统过渡效果持续时长2.注意点当多个属性需要同时执行过渡效果时用逗号隔开即可transition-property: width, background-color;transition-duration: 5s, 5s;1.过渡连写格式transition...
2020-04-29 17:14:51
98
原创 网页布局（标准流、浮动流、定位流）
定位流相对定位1.定位流分类1.1相对定位1.2绝对定位1.3固定定位1.4静态定位2.什么是相对定位?相对定位就是相对于自己以前在标准流中的位置来移动3.相对定位注意点3.1相对定位是不脱离标准流的, 会继续在标准流中占用一份空间3.2在相对定位中同一个方向上的定位属性只能使用一个3.3由于相对定位是不脱离标准流的, 所以在相对定位中是区分块级元素/行内元素/行...
2020-04-29 13:19:55
498
原创 盒子模型
网页布局方式网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的1.标准流(文档流/普通流)排版方式1.1其实浏览器默认的排版方式就是标准流的排版方式1.2在CSS中将元素分为三类, 分别是块级元素/行内元素/行内块级元素1.3 在标准流中有两种排版方式, 一种是垂直排版, 一种是水平排版垂直排版, 如果元素是块级元素, 那么就会垂直排版水平排版, 如果元素是行内元素/...
2020-04-28 23:09:47
104
原创 背景属性与边框属性
边框属性1.什么边框?边框就是环绕在标签宽度和高度周围的线条2.边框属性的格式2.1连写(同时设置四条边的边框)border: 边框的宽度 边框的样式 边框的颜色;快捷键:bd+ border: 1px solid #000;注意点:1.连写格式中颜色属性可以省略, 省略之后默认就是黑色2.连写格式中样式不能省略, 省略之后就看不到边框了3.连写格式中宽度可以...
2020-04-28 23:00:46
234
原创 容器级和文本级元素
div标签作用: 一般用于配合css完成网页的基本布局span标签作用: 一般用于配合css修改网页中的一些局部信息div和span有什么区别1.div会单独的占领一行,而span不会单独占领一行2.div是一个容器级的标签, 而span是一个文本级的标签容器级的标签和文本级的标签的区别容器级的标签中可以嵌套其它所有的标签文本级的标签中只能嵌套文字/图片/超链接...
2020-04-28 22:29:24
237
原创 CSS三大特性（继承、层叠、优先级）
CSS三大特性继承性作用: 给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性注意点:1.并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承2.在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承3.继承性中的特殊性3.1a标签的文字颜色和下划线是不能继承的3.2h标签的文字大小是不能继承的应用场景:...
2020-04-28 20:28:23
132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人