- 博客(31)
- 收藏
- 关注
RSS订阅原创 小王的ts学习笔记（一）
开发环境创建使用npm下载typeScript（npm -g install typescript）vscode插件（JavaScript and TypeScript Nightly）为什么要用tsjs易学易用，但是开发过程中会有很多安全隐患，维护成本高。js变量是动态类型，但是带来了安全隐患。ts是以js为基础构建的语言，完全支持js，在js的基础上新增了一些其他的东西，是js的超集ts扩展js，增加了类型，在语法上增加了限制，可以在任何支持js的平台中执行，但是不能被js解析器直接
2021-06-29 16:28:51
381
转载 问题记录——移动端input需多次点击才生效的问题
// 用于解决input输入框需要点击多次的问题FastClick.prototype.focus = function (targetElement) { let length; if (targetElement.setSelectionRange && targetElement.type.indexOf('date') !== 0 && targetElement.type !== 'time' && targetElement.type .
2021-03-18 11:02:44
519
原创 小王的学习笔记（二十一）——vuex
vuexvuex是一个状态管理机制，提供了一个公共的区域去存放公共的数据export default { state:{ 相当于data 提供一个公共的地方,存储变量,多个组件都可以使用 state的值不可以随意修改,只可以通过mutations进行修改 state中的值发生改变,view就会刷新 使用,要放在计算属性中进
2020-12-22 16:18:50
102
原创 小王的学习笔记（二十）——vue-router
vue-routervue-router是vue的路由机制，使用路由实现不同组件的加载，vue-router就是vue的一个插件。<div id="app"> <div> <router-link to='/user'>用户模块</router-link> </div> <div> <router-link to='/info'&g
2020-12-22 16:01:50
96
原创 小王的学习笔记（十九）——axios
axiosaxios只封装了ajax，是纯粹的ajax的库，是轻量级的，基于promise机制，内部封装了promise，返回的是一个promise对象，会对返回的数据进行二次封装。默认请求方式get 默认发送数据的格式是json格式，一般在基于mvvm模式的框架中进行使用。快捷方式：axios.get、axios.post、axios.delete设置baseURL，默认请求地址axios.defaults.baseURL='ip:端口'使用npm install axios安装导入import
2020-11-26 17:19:04
573
原创 小王的学习笔记（十八）——动态组件、混入、自定义指令、filter、render、plugin
动态组件动态渲染一个组件<component :is='组件名'></component>，在默认情况下组件在切换时会卸载原页面，返回的时候重新创建，使用<keep-alive>，组件在第一次加载时会创建，并对当前组件进行缓存<keep-alive> <component :is='组件名'></component></keep-alive>混入把组件中可复用的功能提取出来，混入中的数据会和使用组件中的数
2020-11-25 20:03:36
214
原创 小王的学习笔记（十七）——插槽
普通插槽插槽允许我们在调用子组件的时候为子组件传递模板<div id="app"> <test> <!-- 告诉模板传递参数到哪一个插槽中 --> <template v-slot:two>{{msg}}</template> </test> </div> <script> let test = {
2020-11-25 19:11:50
68
原创 小王的学习笔记（十六）——vue组件、组件通信
组件全局注册<div id="app"> <!-- 引用组件 --> <cyl></cyl> </div> <script> // 全局注册的组件 // cyl 是组件名 命名组件名时不要用驼峰命名法 Vue.component('cyl',{ //template代表该组件的模板 // 只
2020-11-25 18:14:37
110
原创 小王的学习笔记（十五）——vue中的computed、methods、watch
计算属性 computed计算属性是用来对data中的变量进行相关操作的不管调用多少次，如果data中的数据不改变，计算属性只会执行一次计算属性有缓存，data数据中的有改变，计算属性重新执行，并且重新缓存计算属性的方法名就是属性名在页面第一次加载时计算属性会执行computed:{ test:function{ test 是一个属性 }}监听器 watch监听器没有缓存在页面第一次加载时监听器不会执行监听data中的某个属性，如果发生改变那么触发监听
2020-11-19 20:11:08
156
原创 小王的学习笔记（十四）——vue数据渲染、事件处理、表单输入与绑定
数据渲染基本数据渲染{{XXX}} 内容可以为表达式，可以进行简单的逻辑运算条件渲染v-if='':：可以为布尔类型 表达式判断当前的条件是否成立，成立则显示在页面上，不成立不挂载在dom树上v-else： 前一兄弟元素必须有 v-if 或 v-else-ifv-show：判断当前的条件是否成立，成立则显示在页面上，不成立则增加display:none，依旧会挂载在dom树上v-if有更高的切换消耗，而v-show有更高的初始渲染消耗；因此，如果是频繁切换，就用v-show；如果元素可
2020-11-19 19:36:04
194
原创 小王的学习笔记（十三）——vue实例生命周期
生命周期beforeCreate：第一个生命周期函数，在实例初始化之后被调用，此时组件的data和methods以及页面doom结构都还没有初始化，所以此阶段什么都做不了。create：实例已经完成创建被调用，此时组件的data和methods已经可以用了，但是页面还没有被渲染出来。beforeMount：把内存中渲染好的模板结构替换到页面上，此时页面上没有真实的数据。mounted：页面完全渲染成功，mounted函数执行完毕后就离开了创建阶段，创建完成。beforeUpdate：数据更新，在
2020-11-16 20:23:50
99
原创 小王的学习笔记（十二）——js中的class
classjs中，生成实例对象的传统方法是通过构造函数。 ES6 提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可 以定义类。基本上，ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的class写法只是让对象原型的写法更加清晰更像面向对象编程的语法而已。所以 ES6 的类，完全可以看作构造函数的另一种写法。在类中可以直接定义方法，其实上类的所有方法都是定义在类的prototype属性上的。在类的实例上调用方法，其实
2020-11-12 20:18:22
406
原创 小王的学习笔记（十一）—— Generator、Async
Generator优化异步，异步函数的同步化，执行函数之后返回一个遍历器对象。Generator函数有两个特征：function关键字与函数名之间有个星号；函数内部使用yield表达式。调用遍历器对象的next方法，使得指针移向下一个状态。也就是说，每次调用next方法，内部指针就从函数头部或上一次停下来的地方开始执行，直到遇到下一个yield表达式（或return语句）为止。//function关键字和函数名之间要有一个*function* test(){ console.log
2020-11-12 19:27:14
94
原创 小王的学习笔记（十）—— Promise
PromisePromise简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息 。Promise提供统一的API，各种异步操作都可以用同样的方法进行处理，有了Promise对象，就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。此外，Promise对象提供统一的接口，使得控制异步操作更加容易。Promise 本身是一个同步方法，是用来优化异步操作的。Promise的实例方法Promise
2020-11-12 17:05:21
135
原创 小王的学习笔记（九）——Set、Map、Iterator
Set类似于数组，但是成员的值是唯一的，可以用来数组去重。Set本身是一个构造函数，用来生成Set数据结构。Set结构的实例方法：add(value)：添加某个值，返回Set结构本身delete(value)：删除某个值，返回一个布尔值，表示删除是否成功has(value)：返回一个布尔值，表示该值是否为Set的成员。clear()：清除所有成员，没有返回值。keys()：返回键名的遍历器values()：返回键值的遍历器entries()：返回键值对的遍历器(for in)forEac
2020-11-12 16:00:31
116
原创 小王的学习笔记（八）——数组的扩展
数组扩展Array.from() 把拥有迭代器的数据和类数组对象转换成数组；Array.of() 将一组值转换成数组：console.log(Array.of(3))//[ 3 ]用new Array()创建数组时，传入一个Number类型的参数代表的是数组长度，Array.of()可以弥补这种不足数组的实例方法find() 用于找出第一个符合条件的数组元素，只返回一个符合条件的值，返回的是数据，不是索引let arr = [1,3,5,6,7,8]//找到大于5的数据let res =
2020-11-11 20:23:22
118
原创 小王的学习笔记（七）——对象的扩展、函数的扩展
对象的扩展ES6允许直接写入变量和函数，作为对象的属性和方法。这时，属性名为变量名, 属性值为变量的值。var foo = 'bar'; var baz = {foo}; // 等同于 var baz = {foo: foo}; 方法简写 var o = { method() { return "Hello!"; } }; // 等同于 var o = { method: function() { return "Hello!"; } }; 属性名表达式 ES6 允许字面量定义对象时，可以把表达
2020-11-10 20:16:46
180
原创 小王的学习笔记（六）——var、let、const、解构
let——为js新增块级作用域let声明的变量只在当前代码块内有效存在暂时性死区（避免变量的全局污染）不存在变量提升不允许重复声明constconst 声明一个只读的常量，不允许重新赋值声明的同时必须初始化不存在变量提升只在当前代码块内有效存在暂时性死区var let const的区别var全局声明变量，let，const声明的变量只在let，const所在代码块内有效。var存在变量提升，即变量可以在声明之前使用，值为undefined，let声明的变量必须在声明后才可以使用，
2020-11-10 17:15:28
190
原创 js中语句不加分号出错
今天在学习解构赋值时发现报错了let a = 10let b = 10[a,b]=[20,20]console.log(a,b)报错信息ReferenceError: Cannot access 'b' before initialization后来发现是因为没有加分号，加上分号之后就好了let a = 10;let b = 10;[a,b]=[20,20]console.log(a,b)// 20 20查过资料才知道，是因为在js中以 [ ( 开头的语句会优先与上一句合在
2020-11-09 19:30:07
404
原创 小王的js学习笔记（五）——浏览器对象模型BOM
超时调用和间歇调用javascript是单线程语言，但是可以通过超时值和间歇时间来调度代码在特定时刻执行.setTimeout()，超时调用。该方法返回一个数值ID，表示超时调用，这个超时调用ID是计划执行代码的唯一标识符通过它来取消超时调用。可以通过clearTimeout(ID);参数： 1.要执行的代码 2.以毫秒表示的时间。setInterval()，间歇调用。按照指定的时间间隔重复执行代码，直到间歇调用被取消或页面被卸载。调用该 方法也会返回一个间歇调用ID，该ID可以让用户在将来某个时刻
2020-10-25 14:45:49
109
原创 小王的js学习笔记（四）——DOM事件
DOM事件JavaScript与HTML之间的交互是通过事件实现的。事件三要素事件目标（event target）也就是事件源，事件被触发的对象。事件处理程序（event handler）通常是一个函数。事件对象（event object），触发事件的类型（MouseEvent等）。事件流事件冒泡（IE事件流）：事件开始由最具体的元素接收，然后逐级向上传播到不具体的节点（由内往外）。事件捕获（Netscape事件流）：与事件冒泡相反，由外向内。DOM事件流DOM二级事件规定事件流
2020-10-25 13:26:26
162
原创 小王的js学习笔记（三）——DOM文档对象模型
DOM文档对象模型DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型，每种类型分别表示文档中不同的信息或标记。每个节点拥有各自的特点，数据和方法，另外也有与其他节点存在某种关系。节点之间的关系构成了层次，所有页面标记则表现为一个以特定节点为根节点的树形结构。通过HTML DOM，JavaScript能够访问和改变HTML文档的所有元素，当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。Node类型JavaScript中
2020-10-25 10:48:39
182
原创 小王的js学习笔记（二）
内置对象及内置函数基本包装类型ECMAScript提供了3个特殊的引用类Boolean, Number, String。每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型对象， 从而可以调用一些方法操作这些数据。后台会创建对应的实例（装箱），在实例上调用指定的方法，再销毁这个实例（拆箱）。不加new是类型转换，返回值是基本数据类型例如string。其他类型–>string。加new是构造函数类型，是真正意义上的包装类型String。包装类型和基本数据类型的转换基本数据类型–&
2020-10-20 19:47:41
88
原创 排序算法（冒泡排序、插入排序、选择排序、快速排序）学习笔记
冒泡排序数组中相邻的元素两两比较，如果顺序有误就交换顺序，直到没有相邻的元素需要进行交换。public class java_maopao { public static void main(String[] args) { // TODO Auto-generated method stub int arr[]=new int[]{58,26,45,89,33}; for(int i=0;i<arr.length-1;i++){ for(int j=0; j<arr.l
2020-10-18 16:23:03
147
原创 小王的js学习笔记（一）
什么是JavaScript？JavaScript的实现数据类型基本数据类型引用数据类型操作符类型转换对象创建Object实例访问对象属性删除属性删除属性对象序列化属性类型读取属性的特性值传递与引用传递（址传递）函数自定义函数
2020-10-12 20:14:00
253
原创 web前端——css3学习笔记（三）
盒子文档中的每个属性都可以被看做是盒子，具有宽高等属性，具体为：width&height 宽、高padding 内间距border 边框margin 外边距，相邻元素的外边距会合并盒子模型有两种，一种为W3C盒子，即默认盒子，width&height的属性为内容所占的宽高，而盒子的宽为width+paddingLeft+paddingRight+borderLeft+borderRight，高同理。所占屏幕空间的宽为width+paddingLeft+paddingRight+
2020-10-04 19:33:46
131
原创 web前端——css3学习笔记（二）
CSS文本样式1.字体样式color 为字体指定颜色font-size 为文字指定大小font-family 为文字指定特殊的字体，浏览器只会使用浏览器可以访问到的字体。取值可以为（1）通用字体（2）常用字体（如微软雅黑，宋体等）（3）字体栈（由于我们不能保证我们的字体有效，可以一次性指定多个字体，如果第一个字体无效则使用下一个字体，以此类推。一般将字体栈中最后一个字体设置为通用字体）（4）WebFont（加载网络字体进行显示）（5）字体图标（流行的开源字体图标库font-awesom
2020-09-23 20:23:15
99
原创 web前端——css3学习笔记（一）
CSS什么是cssCSS (Cascading Style Sheets) 层叠样式表，是一个用于修饰文档（可以是标记语言 HTML，也可以是XML）的语言，可以将文档以更优雅的形式呈现给用户。css工作原理css样式表外部样式表（ External stylesheet）内部样式表（ Internal stylesheet）行内样式表（ Inline styles）选择器基本选择器（1）标签选择器：又叫元素选择器，换句话说，文档的元素就是最基本的选择器，使用元素 名称直接选中元
2020-09-23 19:08:40
119
原创 web前端——HTML基础学习笔记
写在前面B/S架构浏览器/服务器架构模式，可以认为是浏览器应用。HTTP协议超文本传输协议（HyperText Transport Protocol），采用请求响应/模型.客户端向服务器发送一个请求，请求头包含请求的方法、URL、协议版本、以及包含请求修饰符、客户信息和内容的类似于MIME的消息结构。服务器以一个状态行作为响应，响应的内容包括消息协议的版本，成功或者错误编码加上包含服务器信息、实体元信息以及可能的实体内容。URL统一资源定位符（Uniform Resource Locator），
2020-09-22 20:06:37
240
原创 网络与信息安全基础知识学习笔记
网络与信息安全基础知识——学习笔记计算机网络的概念计算机网络的分类网络的拓扑结构ISO/OSI网络体系结构网络设备传输介质组建网络功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入计算机网络的概念计算机网络是现代通信技术与计算机技
2020-09-21 18:45:58
1135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人