08 2020 档案
摘要：React框架 React 起源于 Facebook 的内部项目，起初facebook在建设instagram（图片分享）的时候，因为牵扯到一个东西叫数据流，那为了处理数据流并且还要考虑好性能方面的问题。对市场上的各种前端MVC框架进行了研究。然后对...
阅读全文
摘要：Element 网址：http://element.eleme.io/#/zh-CN github：https://github.com/ElemeFE/element iView 网址：https://www.iviewui.com/ g...
阅读全文
摘要：Vue调试工具--- vue-devtools vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。 1. 找到 vue-devtools的...
阅读全文
摘要：Vue调试工具--- vue-devtools
阅读全文
摘要：vuex 项目结构 Vuex 并不限制你的代码结构。但是，它规定了一些需要遵守的规则： 应用层级的状态应该集中到单个 store 对象中。提交 mutation 是更改状态的唯一方法，并且这个过程是同步的。异步逻辑都应该封装到 action 里...
阅读全文
摘要：(function test() { var a = b = 5; alert(typeof a); //number alert(typeof b); //number })(); alert(typeof a);//undefi...
阅读全文
摘要：(function test() {
var a = b = 5;
alert(typeof a);
alert(typeof b);
})();
alert(typeof a);
alert(typeof b);
阅读全文
摘要：vue+axios 前端实现登录拦截（路由拦截、http拦截） 在项目中，有些页面往往需要登录后才可以浏览，那么我们可以通过路由拦截...
阅读全文
摘要：完成foo()函数的内容，要求能够弹出对话框提示当前选中的是第几个单选框。 Document ...
阅读全文
摘要：vue+axios 前端实现登录拦截（路由拦截、http拦截）
阅读全文
摘要：完成foo()函数的内容，要求能够弹出对话框提示当前选中的是第几个单选框。
阅读全文
摘要：项目上传服务器部署 阿里云服务器申请 以centos 64位为例 1），实名认证，修改密码，重启实例（改密码之后需要重启实例才会有效...
阅读全文
摘要：项目上传服务器-阿里云centos 64为例
阅读全文
摘要：vue图片路径问题 img的src属性绑定url变量，然而图片加载失败。 大部分的情况中，是开发者使用了错误的写法，例如： 这样写肯定是不对的，正确的写法应该使用v-bind: 加载本地图片，回头看vue-cli的文件结构，发现其中...
阅读全文
摘要：路由守卫 在某些情况下，当路由跳转前或跳转后、进入、离开某一个路由前、后，需要做某些操作，就可以使用路由钩子来监听路由的变化 全局路由钩子 //全局的前置路由守卫，会在任意路由跳转前执行，next一定要记着执行，不然路由不能跳转了router.bef...
阅读全文
摘要：vue路由模式 -hash history
阅读全文
摘要：路由模式 前端路由的核心，就在于 ——— 改变视图的同时不会向后端发出请求。 路由有两种模式：hash、history，默认会使用hash模式，在new VueRouter的时候配置mode值可以改变路由模式 //创建Router的实例对象const...
阅读全文
摘要：vue动态路由匹配 有的时候我们需要在路由跳转的时候跟上参数，路由传参的参数主要有两种：路由参数、queryString参数 路由参数 路由参数需要在路由表里设置。下面的代码就是给detail路由配置接收id的参数： 设置 {path:'/det...
阅读全文
摘要：路由的懒加载 懒加载也叫延迟加载，即在需要的时候进行加载，随用随加载。在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候...
阅读全文
摘要：vue-router路由使用 现在的应用都流行SPA应用（single page application） 传统的项目大多使用多页面结构，需要切换内容的时候我们往往会进行单个html文件的跳转，这个时候受网络、性能影响，浏览器会出现不定时间的空白界面，...
阅读全文
摘要：vue-cli的使用 安装方法 全局安装vue-cli: npm install -g @vue/cli or yarn global add @vue/cli 检测安装 vue -V 脚手架创建项目 vue create 项目...
阅读全文
摘要：vue：自定义指令 vue除了内置的指令外，也允许注册自定义指令，当需要对普通DOM元素进行底层操作时，这时候就会用到自定义指令 一个指令定义对象可以提供如下几个钩子函数： bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次...
阅读全文
摘要：keep-alive:动态组件 当我们切换组件时，希望保持这些组件的状态。 当组件在 内被切换，这个 `` 要求被切换到的组件都有自己的名字，不论是通过组件的name选项还是局部/全局注册`。 a 一旦组件缓存...
阅读全文
摘要：vue 声明周期 Document {{msg}} 销毁 ...
阅读全文
摘要：组件之间的通信 问题：为什么组件里面的data选项是一个函数？ 内部必须是一个函数返回对象的形式，这样的话就可以保证每一个组件里面用到的数据都是唯一的了。 一个组件的data必须是一个函数，因此可以让每个实例维护一份被返回对象的独立的拷贝 父子通信 父组件给子组件传递数据的时候，子组件需要利用pro
阅读全文
摘要：组件之间的通信 问题：为什么组件里面的data选项是一个函数？ 内部必须是一个函数返回对象的形式，这样的话就可以保证每一个组件里面用到的数据都是唯一的了。 一个组件的data必须是一个函数，因此可以让每个实例维护一份被返回对象的独立的拷...
阅读全文
摘要：组件之间的通信 问题：为什么组件里面的data选项是一个函数？ 内部必须是一个函数返回对象的形式，这样的话就可以保证每一个组件里面用到的数据都是唯一的了。 一个组件的data必须是一个函数，因此可以让每个实例维护一份被返回对象的...
阅读全文
摘要：单向数据流 Prop 是单向绑定的：当父组件的属性变化时，将传递给子组件，但是反过来不会。这是为了防止子组件无意间修改了父组件的状态，来避免应用的数据流变得难以理解。 另外，每次父组件更新时，子组件的所有 prop 都会更新为最新值。这意味着你不应该在...
阅读全文
摘要：prop验证 我们可以为组件的 prop 指定验证规则。如果传入的数据不符合要求，Vue 会发出警告。这对于开发给他人使用的组件非常有用 验证主要分为：类型验证、必传验证、默认值设置、自定义验证 props:{ //类型验证: str:S...
阅读全文
摘要：vue-过滤器 过滤器： 数据格式化， 比如，后端返回我们的数据格式是一个时间戳， 在页面中使用的时候需要变成真正的时间格式 2018-12-26 过滤器使用 {{ time | filterTime }} 全局过滤器 //全局过滤...
阅读全文
摘要：组件使用 (1)组件化 模块化就是将系统功能分离成独立的功能部分的方法，一般指的是单个的某一种东西，例如js、css 而组件化针对的是页面中的整个完整的功能模块划分，组件是一个html、css、js、image等外链资源，这些部分组成的一个聚合体 ...
阅读全文
摘要：vue混入-Mixins 混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。 混入定义了一部分可复用的方法或者计算属性。 混入对象可以包含任意组件选项。 当组件使用混入对象时，所有混入对象的选项将被混...
阅读全文
摘要：虚拟dom 频繁且复杂的dom操作通常是前端性能瓶颈的产生点，Vue提供了虚拟dom的解决办法 虚拟的DOM的核心思想是：对复杂的文档DOM结构，提供一种方便的工具，进行最小化地DOM操作。这句话，也许过于抽象，却基本概况了虚拟DOM的设计思想 (1...
阅读全文
摘要：slot插槽 vue里提供了一种将父组件的内容和子组件的模板整合的方法：内容分发，通过slot插槽来实现。 匿名插槽 在父组件中使用子组件的时候，在子组件标签内部写入内容，在子组件的模板中可以通过 来使用 ...
阅读全文
摘要：vue- 计算属性 (1) 基础例子 有的时候我们需要在模板中使用数据a，这个时候就需要用到表达式，但是有的地方我们需要对a数据进行一些简单的处理后才能使用，那么我们就会在表达式中写一些js逻辑运算比如现在我们要实现num值2倍的计算， ...
阅读全文
摘要：Vue属性绑定指令 -- v-bind
阅读全文
摘要：Vue属性绑定指令 -- v-bind 可简写为 ： 普通属性:页面可解析为id=“4” {{msg}} class属性绑定 Document 这是一个p段落标签... ...
阅读全文
摘要：Vue.js表单-- v-model v-model指令在表单控件元素上创建双向数据绑定，只能用在表单元素中（input/checkbox/select等使用 v-model的修饰符： v-model.lazy 默认是同步更新，如果加了la...
阅读全文
摘要：vue事件处理器--v-on 事件监听可以使用v-on指令 v-on:click v-on:keyup v-on:mouseover v-on:click ===> @click {{num}} //当点击button按钮时，页面中的n...
阅读全文
摘要：vue v-for： 迭代对象 有一个参数时，迭代的属性值 有2个参数时，第一个参数是属性值，第二个属性为为属性 有三个参数时，第一个参数是属性值，第二个参数为属性，第三个为下标 迭代整数 {{ n }} //输出1-10 ...
阅读全文
摘要：node-Socket编程 全双工通信，主要基于服务端推送技术实现 可以实现实时聊天，就比如qq群，同学A发出消息，群里的其他同学可以实时看到消息 node.js中可以依靠原生模块net实现Socket编程，在H5的浏览器里面可以借助ws模块实现we...
阅读全文
摘要：JsonWebToken JWT 英文名是 Json Web Token ，是一种用于通信双方之间传递安全信息的简洁的、URL安全的表述性声明规范，经常用在跨域身份验证。 JWT 以 JSON 对象的形式安全传递信息。因为存在数字签名，因此所传递的信息...
阅读全文
摘要：mongodb 非关系型数据库，又叫nosql 下载 安装帮助 配置数据文件存储位置： 找到安装目录 D:\Program Fi...
阅读全文
摘要：EXPRESS nodejs库，不用基础做起，工作简单化，点击进入官网，类似的还有 koa 特点 基于 Node.js 平台，快速、...
阅读全文
摘要：YARN 官网 安装 去官网安装 安装yarn的下载压缩包，保证注册表和环境变量的硬写入，后期通过yarn安装全局包时比较方便 ...
阅读全文
摘要：NPM（包管理器） 作用 （https://www.npmjs.com/） 帮助你安装模块（包），自动安装依赖，管理包（增，删，更新...
阅读全文
摘要：mongodb 非关系型数据库，又叫nosql 下载 安装帮助 配置数据文件存储位置： 找到安装目录 D:\Program Files\MongoDB\data\db data和db目录要手动创建 服务端启动: 找到安装目录> m...
阅读全文
摘要：YARN 官网 安装 去官网安装 安装yarn的下载压缩包，保证注册表和环境变量的硬写入，后期通过yarn安装全局包时比较方便 也可以使用npm i yarn -g 使用 初始化一个新项目 yarn init 执行完成后，系统会生...
阅读全文
浙公网安备 33010602011771号