qq_35381464-优快云博客

原创 npm 下载的包输入命令提示不是内部命令解决方案

如果npm 下载的包输入命令提示不是内部命令，则根据cmd中提示的安装路径找到npm的路径添加到系统变量中

2020-12-23 14:46:23 772

原创 js面经总结

一、js基础语法 1.1变量类型和计算 1.1.1变量类型（1）值类型vs引用类型值类型：指向值本身 undefineboolean string number symbol(表示独一无二的值，最大的用法是用来定义对象的唯一属性名) 引用类型：变量指向值的存储地址 ...

2020-11-28 17:02:23 558 1

什么是JSONP 首先提一下JSON这个概念，JSON是一种轻量级的数据传输格式，被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现，所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。那么JSONP是什么呢？首先抛出浏览器同源策略这个概念，为了保证用户访问的安全，现代浏览器使用了同源策略，即不允许访问非同源的页面，详细的概念大家可以自行百度。这里大家只要知道，在ajax中，不允许请求非同源的URL就可以了，比如www.a.com下的一个页面，其中的aj

2020-11-24 10:19:12 207

原创 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导入VueRouter 2.2定义路由规则 2.3根据路由规则创建路由对象 2.4将路径对象挂载到Vue实例中 2.5修改URL...

2020-11-17 21:35:39 218

原创 Vuex

1.什么是Vuex? 1.没使用vuex前: 1.如果想要在子组件中使用祖先组件中的数据,那么就必须一层一层的传递(非常麻烦) 2.兄弟组件之间不能直接传递数据,如果兄弟组件之间想要传递数据,那么就必须借助父组件(非常麻烦) 解决方案:使用Vuex 2.什么是vuex: vuex是Vue配套的公共数据管理工具，它可以把一些共享的数据，保存到vuex中，方便整个程序中的任何组件直接获取或修改我们的公共数据注意点: 只有需要共享的才放到vuex上,不需要共享的数据依然...

2020-11-17 21:05:28 214

原创 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 210

原创 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 414

原创过滤器

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 217

原创 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 245

原创 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 146

原创 Vue数据传递

vue数据传递一、Vue数据单向传递 MVVM设计模式在MVVM设计模式中由3个部分组成 M:Model数据模型(保存数据,处理数据业务逻辑) V:View视图(展示数据,与用户交互) VM:ViewModel数据模型和视图的桥梁(M是中国人,V是美国人,VM就是翻译) MVVM设计模式最大的特点就是支持数据的双向传递数据可以从M->VM->V 也可以从V->VM->M Vue中M...

2020-11-17 15:43:04 318

原创安装到创建第一个vue实例

vue兼容性： Vue不支持IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器 vue安装： 1、<script>标签引入：点击以下版本下载vue.js，并在项目中使用<script>标签引入 2、通过npm导入创建项目 npm install vue Vue基本模板 <!DOCTYPE html> <html lang="en"> &l...

2020-11-17 15:39:36 175

原创 react学习（一）

父子组件之间的传值方式：父组件如何向子组件传值：通过属性的方式，子组件如何向父组件传值，父组件向子组件传递一个方法，子组件通过传递过来的方法进行修改父组件的值当组件创建时，render会执行一次，父组件：当state发生改变是会重新执行一次，子组件：当props改变时会重新执行一次 react操作DOM,通过ref.ref写在html标签上获取的是dom节点，ref写在组件上获取的是组件的js实例 <button onClick={this...

2020-11-17 14:48:50 230 1

原创 js内置对象

Array 1.如何创建数组 var arr = new Array(); var arr = new Array(10); var arr = []; var arr = [1,3,5]; 2.数组元素的读写 index从0开始 3、获取数组长度 arr.length ps:通过给length赋值可以给数组移出项或者新增项 4、数组栈方法 push()/pop()/unshift()/shift() 5.数组转化为字符串 join() console.log(a.joi...

2020-10-17 10:51:02 121

原创 CSS编写格式边框与渐变内容补充

CSS编写格式 1.行内样式 2.内嵌样式 3.外链样式 --一般用外链 4.导入样式外链样式和导入样式区别: 共同点: 都是将CSS代码写到了一个单独的文件中不同点: 外链样式, 在显示网页时, 会先加载CSS文件, 再显示页面导入样式, 在显示网页时, 会先显示界面, 再加载CSS文件外链样式是通过一个HTML标签引入CSS的而导入样式是通过@import引入CSS的, 而@import是CSS2.1推出, 所以导入样式存在兼容问题优先级问题行内样式的优先级最高其它.

2020-10-15 22:16:01 213

原创伸缩布局

伸缩布局 display:flex; 主轴的方向在伸缩布局中,默认情况下水平方向是主轴,默认情况下主轴的起点在伸缩容器的最左边,默认情况下所有的伸缩项都是从主轴的起点开始排版的但是我们也可以通过属性来修改主轴的起点的位置 flex-direction:用于修改主轴起点的位置 row:起点在伸缩容器的最左边,终点在伸缩容器的最右边.从左至右的排版,默认的取值 row-reverse:起点在伸缩容器的最右边,终点在伸缩容器的最左边,从右至左的排版 colu...

2020-08-04 17:07:59 244

原创 JS新特性（一）

H5新增存储方案 1.什么是SessionStorage和LocalStorage 和Cookie一样,SessionStorage和LocalStorage也是用于存储网页中的数据的 2.Cookie、SessionStorage、LocalStorage区别 2.1生命周期(同一浏览器下) Cookie生命周期:默认是关闭浏览器后失效,但是也可以设置过期时间 SessionStorage生命周期:仅在当前会话(窗口)下...

2020-06-07 16:25:09 827

原创 jQuery（三）

get-post 1.可以通过form标签的method属性指定发送请求的类型 2.如果是get请求会将提交的数据拼接到URL后面 ?userName=lnj&userPwd=123456 3.如果是post请求会将提交的数据放到请求头中 4.GET请求和POST请求的异同 4.1相同点: 都是将数据提交到远程服务器 4.2不同点: 4.2.1提交数据存储的位置不同 GET请求会将数据放到URL后面 POST请求会将数据放到请求头中 4.2.2提交数据大小限制不同 G.

2020-05-24 19:46:37 204

原创 jQuery（二）

jQuery的基本结构 1.jQuery的本质是一个闭包 2.jQuery为什么要使用闭包来实现? 为了避免多个框架的冲突 3.jQuery如何让外界访问内部定义的局部变量 window.xxx=xxx; 4.jQuery为什么要给自己传递一个window参数? 为了方便后期压缩代码为了提升查找的效率 5.jQuery为什么要给自己接收...

2020-05-24 19:32:56 233

原创 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 226

原创 JavaScript（函数）十

添加事件三种方式方式一: 1.通过onxxx的方式来添加注意点:由于是给属性赋值,所以后赋值的会覆盖先赋值 */ /* oBtn.onclick=function(){ alert("666"); } oBtn.onclick=function(){ alert("777"); } letobj={}; obj.say=function...

2020-05-18 23:16:27 172

原创 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 185

原创 JavaScript（函数）八

数组高级API 2.利用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 202

原创 HTML+CSS 3(十六)

伸缩布局在伸缩布局中, 默认情况下水平方向是主轴, 默认情况下主轴的起点在伸缩容器的最左边, 默认情况下所有的伸缩项都是从主轴的起点开始排版的但是我们也可以通过属性来修改主轴的起点的位置 flex-direction: 用于修改主轴起点的位置 row: 起点在伸缩容器的最左边, 终点在伸缩容器的最右边. 从左至右的排版, 默认的取值 row-reverse: 起点在伸缩容器的最右边, 终点...

2020-05-11 22:16:25 133

原创 JavaScript（函数）七

函数是专门用于封装代码的,函数是一段可以随时被反复执行的代码块 2.函数格式 function函数名称(形参列表){ 被封装的代码; } 3.不使用函数的弊端 3.1冗余代码太多 3.2需求变更,需要修改很多的代码 4.使用函数的好处 ...

2020-05-07 19:33:03 286

原创 JavaScript(数组)六

1.什么是数组? 数组就是专门用于存储一组数据的注意点:和我们前面学习的Number/String/Boolean/Null/undefined不同(基本数据类型) 而我们今天学习的数组(Array)不是基本数据类型,是引用数据类型(对象类型) 2.如何创建一个数组? let变...

2020-05-05 21:00:29 131

原创 JavaScript（if-while-switch-for）五

1.什么是赋值运算符? 赋值运算符就是将等号右边的值存储到等号左边的变量中 1.1简单类型的赋值运算符 = 1.2复杂类型的赋值运算符 +=-=*=/=%= 2.赋值运算符的优先级和结合性赋值运算符的优先级低于算数运算符赋值运算符的...

2020-05-05 20:43:04 262

原创 JavaScript（运算符）四

1.什么是算术运算符? +-*/% 2.算术运算符的优先级和结合性 */%优先级要高于+- 无论是+-*/%都是左结合性(从左至右计算) 1.加法运算的注意点 1.1任何非数值类型的数据在参与加法运算之前,都会被自动的转换成数值类型之后,再参与运算 1.2任何数据和Na...

2020-05-05 20:23:55 159

原创 JavaScript基本数据类型与数据转化

1.基本数据类型 Number数值类型在JavaScript中无论是整数还是小数都是属于数值类型的 String字符串类型在JavaScript中无论是通过单引号还是通过双引号括起来的内容都是属于字符串类型的 Boolean布尔类型在JavaScript中布尔类型比较...

2020-05-05 20:22:15 152

原创 JavaScript常量与变量

JavaScript常量 1.什么是常量? 常量表示一些固定不变的数据现实生活中人的性别其实就可以看做是常量,生下来是男孩一辈子都是男孩,生下来是女孩一辈子都是女孩 2.JavaScript中常量的分类 2.1整型常量整型常量其实就是正数,在JavaScript中随便写一个整数都是整型常量 ...

2020-05-05 20:18:06 350

原创 JavaScript常见输出方式

算术运算符 1.什么是算术运算符? + - * / % 2.算术运算符的优先级和结合性 * / % 优先级要高于 + - 无论是+ - * / %都是左结合性(从左至右计算) 算数运算符注意点 1.加法运算的注意点 1.1任何非数值类型的数据在参与加法运算之前, 都会被自动的转换成数值类型之后, 再参与运算 1.2任何数据和NaN进行运算, 结果都是NaN 1.3任何数据和字符串相加...

2020-05-05 20:14:50 166

原创过度与动画

边框圆角（border-radius）将直角的边框变为圆角的边框 2.边框圆角的格式? border-radius: 左上右上右下左下; 3.将正方形变为圆形的技巧 border-radius: 50%; 4.系统如何绘制圆角? 首先根据指定的值找到圆心按照指定的值作为半径绘制圆弧注意点当只设置了一个值的时候, 其它三个角都会参考这个值 border-radius:...

2020-04-29 17:25:56 220

原创 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 154

原创网页布局（标准流、浮动流、定位流）

定位流相对定位 1.定位流分类 1.1相对定位 1.2绝对定位 1.3固定定位 1.4静态定位 2.什么是相对定位? 相对定位就是相对于自己以前在标准流中的位置来移动 3.相对定位注意点 3.1相对定位是不脱离标准流的, 会继续在标准流中占用一份空间 3.2在相对定位中同一个方向上的定位属性只能使用一个 3.3由于相对定位是不脱离标准流的, 所以在相对定位中是区分块级元素/行内元素/行...

2020-04-29 13:19:55 623

原创盒子模型

网页布局方式网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的 1.标准流(文档流/普通流)排版方式 1.1其实浏览器默认的排版方式就是标准流的排版方式 1.2在CSS中将元素分为三类, 分别是块级元素/行内元素/行内块级元素 1.3 在标准流中有两种排版方式, 一种是垂直排版, 一种是水平排版垂直排版, 如果元素是块级元素, 那么就会垂直排版水平排版, 如果元素是行内元素/...

2020-04-28 23:09:47 159

原创背景属性与边框属性

边框属性 1.什么边框? 边框就是环绕在标签宽度和高度周围的线条 2.边框属性的格式 2.1连写(同时设置四条边的边框) border: 边框的宽度边框的样式边框的颜色; 快捷键: bd+ border: 1px solid #000; 注意点: 1.连写格式中颜色属性可以省略, 省略之后默认就是黑色 2.连写格式中样式不能省略, 省略之后就看不到边框了 3.连写格式中宽度可以...

2020-04-28 23:00:46 302

原创容器级和文本级元素

div标签作用: 一般用于配合css完成网页的基本布局 span标签作用: 一般用于配合css修改网页中的一些局部信息 div和span有什么区别 1.div会单独的占领一行,而span不会单独占领一行 2.div是一个容器级的标签, 而span是一个文本级的标签容器级的标签和文本级的标签的区别容器级的标签中可以嵌套其它所有的标签文本级的标签中只能嵌套文字/图片/超链接...

2020-04-28 22:29:24 271

原创 CSS三大特性（继承、层叠、优先级）

CSS三大特性继承性作用: 给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性注意点: 1.并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承 2.在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承 3.继承性中的特殊性 3.1a标签的文字颜色和下划线是不能继承的 3.2h标签的文字大小是不能继承的应用场景:...

2020-04-28 20:28:23 229

空空如也

空空如也