05 2019 档案
摘要：使用 async / await, 搭配 promise, 可以通过编写形似同步的代码来处理异步流程, 提高代码的简洁性和可读性. 1.async 在函数前面加上async关键字可以定义一个 异步函数, 语法为: async function name([param[, param[, ... pa
阅读全文
摘要：一、vue文件 vue文件是一个自定义的文件类型，用类HTML语法描述一个vue组件，每个.vue组件包含三种类型的顶级语言快< template>< script>< style>，还允许添加自定义的模块； 如果你喜欢分隔你的.vue文件到多个文件中，你可以通过src属性导入外部文件： 二、vue
阅读全文
摘要：float是HTML中布局的一大关键，很多难题一旦用上float都能很愉快地解决。但是凡是好用的，也容易出错。比如当子元素都为float时，其父元素会受影响，或者偶尔会发现自己某个div的高度变成了0等等。 float的特性 1.文字环绕 文字环绕效果是很明显的，这里要注意一个地方:浮动的块虽然脱离
阅读全文
摘要：在前端页面的时候，会经常遇到用JavaScript动态创建出来的Button按钮或其他标签无法使用点击事件的问题。如下代码，使用jquery在body中动态创建一个class为demo的Button按钮，当点击这个按钮时无法触发点击事件。 将以上代码中的 $(“.demo”).click(funct
阅读全文
摘要：javascript中的“事件传播”模式 为了彻底弄清楚它们之间的区别，我不得不要先说一下javascript中两种事件传播模式: - 捕获模式(capturing) - 冒泡模式(bubbling) 捕获模式又称为“滴流模式”(trickling)，个人认为滴流模式更好理解，滴流就是“从上向下”，
阅读全文
摘要：实现原理：vueRouter控制前端页面跳转路由，当登录成功后，返回用户登录token信息，将token信息放到store中，router路由跳转取store中状态有token时，当取到token时跳转到首页，反之跳转到登录页。 步骤： 1.登陆校验： 2.路由配置： 3.全局导航守卫： vueRo
阅读全文
摘要：需求： 1. 这个矩形的高度和浏览器窗口的高度相同，不能出现纵向滚动条 2. 绿色部分高度固定，比如50px 3. 紫色部分填充剩余的高度 HTML结构： 需求1实现： html, body { height: 100%; margin: 0px; padding: 0px; } #main { b
阅读全文
摘要：一、允许网页宽度自动调整 首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100
阅读全文
摘要：一、px、em、rem和%的定义 1.px（像素） px单位的名称为像素，它是一个固定大小的单元，像素的计算是针对（电脑/手机）屏幕的，一个像素（1px）就是（电脑/手机）屏幕上的一个点，即屏幕分辨率的最小分割。由于它是固定大小的单位，单独用它来设计的网页，如果适应大屏幕（电脑），在小屏幕（手机）上
阅读全文
摘要：一、BOM与DOM的区别 1.BOM（Browser Object Model） BOM 即浏览器对象模型，BOM没有相关标准，BOM的最核心对象是window对象。window对象既为javascript访问浏览器提供API，同时在ECMAScript中充当Global对象。BOM和浏览器关系密切
阅读全文
摘要：HTTP（超文本传输协议）：HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。
阅读全文
摘要：1,C#不支持多重继承 2.在标准的C#安全代码中不支持指针类型的操作，然而，你却能在微软所谓的“非安全代码”中操作指针类型对象。 3.C#中所有对象都只能通过关键词“new”来创建，C++的“类名_对象名”方式在C#中变为声明一个引用。万物皆对象，连常见的数据类型都变为对象了。 4.数组变为了类，
阅读全文
摘要：什么是Linq表达式？什么是Lambda表达式？ 参照：https://www.cnblogs.com/zhaopei/p/5746414.html
阅读全文
摘要：java中我们想要实现多线程常用的有两种方法，继承Thread 类和实现Runnable 接口，有经验的程序员都会选择实现Runnable接口 ，其主要原因有以下两点： 首先，java只能单继承，因此如果是采用继承Thread的方法，那么在以后进行代码重构的时候可能会遇到问题，因为你无法继承别的类了
阅读全文
摘要：一、委托 使用委托时要先实例化，和类一样，使用new关键字产生委托的新实例，然后将一个或者多个与委托签名匹配的方法与委托实例关联。随后调用委托时，就会调用所有与委托实例关联的方法。 与委托关联可以是任何类或者结构中的方法，可以是静态方法，只要是可以访问的方法都可以。 1.创建一个委托类型使用关键字d
阅读全文
摘要：JavaScript 是单线程、异步、非阻塞、解释型脚本语言。JavaScript 的设计就是为了处理浏览器网页的交互（DOM操作的处理、UI动画等），决定了它是一门单线程语言。如果有多个线程，它们同时在操作 DOM，那网页将会一团糟。 1.浏览器的渲染进程包含的线程 var a = 111; se
阅读全文
摘要：一、为什么在一个浏览器中使用多个进程。 问题：在使用浏览器时偶然发现虽然仅仅打开一个标签页，但是在任务管理器内发现有多个浏览器进程在运行，占用了不小的内存，当时很纳闷：为什么一个浏览器却需要多个进程呢？ 原因：把所有tab页都放进一个进程的浏览器面临在健壮性，响应速度，安全性方面的挑战。将插件或是网
阅读全文
摘要：正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。 记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象来应对这些变化，或使用 beforeRouteUpdat
阅读全文
摘要：1.重定向的地址不需要接收参数 把"/"重定向到"/index" 2.重定向的地址需要接收参数然而没有传参 不会改变地址，页面不会报错但是也不会显示内容 3.重定向的地址需要接收参数并且传参 重定向改变了路径，此时路径并不是goParams/1993/yq love zn而是params/1993/
阅读全文
摘要：总共添加两个子路由，分别命名Collection.vue（我的收藏）和Trace.vue（我的足迹） 1、重构router/index.js的路由配置，需要使用children数组来定义子路由，具体如下： 2、Me.vue的代码如下： 3.页面效果： 当访问到http://localhost:808
阅读全文
摘要：一般我们在两种常见的情况下会倾向于这样做： 情形1：为了过滤一个列表中的项目 (比如 v-for="user in users" v-if="user.isActive")。在这种情形下，请将 users替换为一个计算属性 (比如 activeUsers)，让其返回过滤后的列表。 情形2：为了避免渲
阅读全文
摘要：一.简介 NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器
阅读全文
摘要：这些是用于发出请求的可用配置选项。 只有url是必需的。 如果未指定方法，请求将默认为GET。 参照：http://www.axios-js.com/docs/
阅读全文
摘要：一、axios 简介 1.axios特征 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征： 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应
阅读全文
摘要：1.jQuery ajax 优缺点： 本身是针对MVC的编程,不符合现在前端MVVM的浪潮 基于原生的XHR开发，XHR本身的架构不清晰，已经有了fetch的替代方案 JQuery整个项目太大，单纯使用ajax却要引入整个JQuery非常的不合理（采取个性化打包的方案又不能享受CDN服务） 2.ax
阅读全文
摘要：参考：https://www.cnblogs.com/imwtr/p/5916793.html 1、new Promise(func) 通过实例化构造函数成一个promise对象，构造函数中有个函数参数，函数参数为(resolve, reject)的形式，供以函数内resolve成功以及reject
阅读全文
摘要：一、首先看JQuery提供的Ajax方法： $.ajax({ url: , type: '', dataType: '', data: { }, success: function(){ }, error: function(){ } }) 二、原生js实现Ajax方法： var Ajax={ ge
阅读全文
摘要：1.url 类型：String 默认值: 当前页地址。发送请求的地址。 2.data 类型：String 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组，jQue
阅读全文
摘要：keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。 keep-alive生命周期钩子函数：activated、deactivated 使
阅读全文
摘要：一、sessionStorage、localStorage、cookie可查看的位置，F12=>Application： 二、cookie 、sessionStorage与localStorage的区别 localStorage和sessionStorage的区别点注意： localStorage生
阅读全文
摘要：HTTP状态码 当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。 HTTP状态码的英文为HTTP Status Code。 下面是常见的HTTP状态码
阅读全文
摘要：我们在浏览器输入http://www.baidu.com想要进入百度首页，但是这是个域名，没法准确定位到服务器的位置，所以需要通过域名解析，把域名解析成对应的ip地址，然后通过ip地址查找目的主机。整个访问过程可以概括为： 一、域名解析 二、发起TCP三次握手建立连接 三、建立连接后发起http请求
阅读全文
摘要：1.this.$router.push() 描述：跳转到不同的url，但这个方法会向history栈添加一个记录，点击后退会返回到上一个页面。 2.this.$router.replace() 描述：同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一
阅读全文
摘要：1.父组件与子组件传值props 1.1定义父组件，父组件传递 inputText这个数值给子组件: //父组件 //引入的add-widget组件 //使用 v-bind 的缩写语法通常更简单： <add-widget :msg-val="msg"> //这里必须要用 - 代替驼峰 // HTML
阅读全文
摘要：一.方法method与计算属性computed的区别 方法method：每当触发重新渲染时，调用方法method将总会再次执行函数； 计算属性computed：计算属性computed是基于它们的响应式依赖进行缓存的，只在相关响应式依赖发生改变时它们才会重新求值； 二.侦听器watch与计算属性co
阅读全文
