08 2019 档案
摘要：今天想实现一个功能，在全局中随时改变用户的部分信息。这时候就想到了用Vuex状态控制器来存储用户信息,在页面中使用computed来监听用户这个对象。看似一个很简单的逻辑，就体现了我基本功的不扎实呀。 代码1： 写完后准备测试，感觉没啥问题。可是登录成功后userInfo就是怎么样不会更新，界面上的
阅读全文
摘要：实现效果：字符串的动态拼接 methods方法 html： <div id="app"> <!-- 监听到文本框数据的改变 --> <input type="text" v-model="firstname" @keyup="getFullName">+ <input type="text" v-m
阅读全文
摘要：一、什么是计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： 这里的表达式包含3个操作，并不是很清晰，所以遇到复杂逻辑时应该使用Vue特带的计算属性computed来进行处理。 二、计算属性的用法 在一个计算属性里可以完成各种复
阅读全文
摘要：watch:{} 是一个对象，一定要当成对象来用，可监听数据，是vue中数据发生变化进行处理的函数， 它有三个选项 第一个handler：其值是一个回调函数。即监听到变化时应该执行的函数。第二个是deep：其值是true或false；确认是否深入监听。（一般监听时是不能监听到对象属性值的变化的，数组
阅读全文
摘要：1.Vue实例API 1.构造器(实例化) var vm = new Vue({ //选项 | DOM（3） | | el (提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。) | | template (一个字符串模板作为 Vue 实例的标识使用。模板将会 替换 挂载的元素。挂
阅读全文
摘要：项目开发中在用户由分类页category进入detail需保存用户状态，查阅了Vue官网后，发现vue2.0提供了一个keep-alive组件。 上一篇讲了keep-alive的基本用法，现在说说遇到的坑。 先说项目中的配置 在App.vue中的设置 在router中增加配置meta 上面这个设置后
阅读全文
摘要：keep-alive是vue内置的一个组件，可以使被它包含的组件处于保留状态，或避免被重新渲染。 用法: 在keep-alive标签内部添加 include：字符串或正则表达式。只有匹配的组件会被缓存 exclude： 字符串或正则表达式。任何匹配的组件都不会被缓存。 结合router缓存部分页面：
阅读全文
摘要：第一步：在网页代码的头部，加入一行viewport元标签 （1）viewport是网页默认的宽度和高度，上面这行代码的意思是：网页宽度默认等于屏幕宽度 （width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。 所有主流浏览
阅读全文
摘要：JavaScript简介 JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言，用来给HTML网页增加动态功能。 JavaScript由三部分组成： ECMAScript（核心）+DOM（文档对象模型）+BOM（浏览器对象模型） ECMAScript作为核心，规定了语言的组成部分：语法
阅读全文
摘要：在 30分钟掌握ES6/ES2015核心内容（上）我们讲解了es6最常用的一些语法：let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments
阅读全文
摘要：ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。 也就是说，ES6就是ES2015。 虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6
阅读全文
摘要：什么是域名？ google.com、baidu.com、163.com等。 域名、主机名与URL例子 例子1： http://mail.163.com/index.html 1)http://:这个是协议，也就是HTTP超文本传输协议，也就是网页在网上传输的协议。 2）mail：这个是服务器名，代表
阅读全文
摘要：一、基本概念 Cookie cookie比较小，大小限制在4kb左右，是网景公司的前雇员 LouMontulli 在1993年3月的发明。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。 localStor
阅读全文
摘要：前言 做Web开发就一定会涉及到浏览器和服务器的交互，所以了解浏览器和服务器交互的方式就尤为重要。从接触B/S开始就已经接触到了get和post，但是对它们的了解确实不深入。在后来不断的做项目过程中，对它们不断接触中发现，以前的了解真的是太浅了。本篇博客就探讨一下，GET和POST的区别。 HTTP
阅读全文
摘要：HTTPS基础知识：HTTPS (Secure Hypertext Transfer Protocol)安全超文本传输协议，是一个安全通信通道，它基于HTTP开发用于在客户计算机和服务器之间交换信息。它使用安全套接字层(SSL)进行信息交换，简单来说它是HTTP的安全版,是使用TLS/SSL加密的H
阅读全文
摘要：Cookie概念 在浏览某些 网站 时,这些网站会把 一些数据存在 客户端 , 用于使用网站 等跟踪用户,实现用户自定义 功能. 是否设置过期时间: 如果不设置 过期时间,则表示这个 Cookie生命周期为 浏览器会话期间 , 只要关闭浏览器,cookie就消失了. 这个生命期为浏览会话期的cook
阅读全文
摘要：HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTTP-NG(Next Generation
阅读全文
摘要：在使用js编程的时候，常常会用到集合对象，集合对象其实是一种泛型，在js中没有明确的规定其内元素的类型，但在强类型语言譬如Java中泛型强制要求指定类型。 ES6引入了iterable类型，Array，Map，Set都属于iterable类型，它们可以使用for...of循环来遍历，都内置forEa
阅读全文
摘要：不同点 Key filed 在 Object 中， key 必须是简单数据类型（整数，字符串或者是 symbol），而在 Map 中则可以是 JavaScript 支持的所有数据类型，也就是说可以用一个 Object 来当做一个Map元素的 key。 元素顺序 Map 元素的顺序遵循插入的顺序，而
阅读全文
摘要：JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。但它们之间还是有区别的： typeof typeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。 它返回值是一个字符串，该字符串说明运算数的类型。（typeof 运算符返回
阅读全文
摘要：对于刚刚学习集合框架来说，如何选择list、set、map以及array是比较模糊的 在此我将对这四种情况做总结： array：数组，可以存储对象和基本数据类型，长度固定。 Collection：集合（单列），用于存储对象、不能存储基本数据类型（int，char等），但可以存储基本数据类型包装类（i
阅读全文
摘要：只要指定label的"for"属性到radio的id就行，或者用label标签包围住radio。 第一种方式: 第二种方式:
阅读全文
摘要：控制台的打印结果是什么？答案是：false。 接下来看解析： 原始值的比较是值的比较： 它们的值相等时它们就相等（==） 它们的值和类型都相等时它们就恒等（ ）。 对象和原始值不同，对象的比较并非值的比较,而是引用的比较： 即使两个对象包含同样的属性及相同的值，它们也是不相等的 即使两个数组各个索引
阅读全文
