阿蔡的博客

性能优化前端浏览器缓存问题1.强缓存，可以通过cache-control和expires控制。cache-control：no-cache，no-store,must-revalidateCache-Control: must-revalidate（必须重新验证）Cache-Control: no-cache（必须始终在使用原始服务器之前先经过原始服务器的验证）Cache-Control: no-store （不缓存）指定expires的值为 时间戳，表示过期时间，这样在下次再向服务器请求

浅拷贝就是当一个数组复制另一个数组时，比如b复制a，修改了a数组，b也会跟着修改。let a=[0,1,2,3,4], b=a;console.log(a===b); //truea[0]=1;console.log(a,b); //1，1，2，3，4深拷贝，是拷贝对象各个层级的属性。可以用递归的方法深拷贝function deepClone(obj){ let objClone = Array.isArray(obj)?[]:{}; if(obj &&

看到很多同学在每个列表设置id去获取，根据滚动的时候判断那个条目的外层dom距离窗口定部最近，就显示哪个条目的地图信息。但我这里利用forEach循环获取每个列表索引值和坐标。父组件<template><div> <amap v-if="point.length" :width="230" :height...

客户端存储关于客户端存储：通过把数据存储在浏览器中，用户不必每次都向服务器请求获取同一个信息。离线时，使用本地存储的数据而不是向远端服务器上请求数据就显得非常有用。Local Storage 适合存储你希望进行持久化的较小数据集，比如用户偏好设置或表单数据。注意：存储对象和数组这样更复杂的数据，必须使用 JSON 来对数据进行序列化和反序列化。太多废话了直接正题我是一个小案例：&amp;lt...

最近在看@vue/cli 3.x 版本，升级vue-cli3.0最新版本的时候遇到很多坑，绕了很多弯。查了很多资料，最终解决。记录一下遇到的问题，以防以后再次发生。1.升级@vue/cli 3.x 需要安装node.js最新版本。卸载重新安装。我这里安装的是node.js10.15.1卸载了vue-cli2.X版本npm uninstall vue-cli -g //卸载vue-cli...

功能实现效果1.vuex状态集成，添加内容保存到列表功能2.点击列表进入详情页功能3.vue-router路由管理，组件跳转。4.mint-ui组件库引入，新增列表左滑删除功能。5.表单功能...

方法一：父子组件传值父组件 <!--底部菜单栏 --> <menu-bar :ifTitleAndMenu="ifTitleAndMenu" :defaultFontSize="defaultFontSize" ref="menuBar" @setFontSize="selecFontSize" ></menu-bar>&l...

CSS 配置如果要使用 sass 就必须要安装 node-sass和sass-loader 。npm install --save-dev node-sass sass-loader在 nuxt.conf.js中，添加要使用的 CSS 资源：Type: ArrayItems: stringmodule.exports = { css: [ // 直接加载一个 Nod...

近期在学习nuxt框架，为接下来的项目做准备，学习的目的是为了解决单页面应用的 SEO 的问题，因为要做新闻网站，用服务端渲染。以下是在网上nuxt配置实现axios代理，解决跨域的问题方案。原笔记1.在项目中安装好axios2.在nuxt.config.js里进行配置module.exports = { modules: [ '@nuxtjs/axios', ], ...

vuex状态集成import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const state = { count:0 },const mutations = { add(state){ state.count++ }, dcre(state){ stat...

官网介绍：Koa 是一个新的 web 框架，通过利用 async 函数，Koa 帮你丢弃回调函数，并有力地增强错误处理。 Koa 并没有捆绑任何中间件， 而是提供了一套优雅的方法，帮助您快速而愉快地编写服务端应用程序。官网APIkoa-generator:安装:npm install -g koa-generator 创建项目 koa2 project 或 koa2 -e pr...

最近做项目接触到MongoDB，这里简单做下笔记。安装1.官网下载，根据电脑配置下载安装详情这里我装在E盘2.然后创建一个文件存放数据请注意，数据目录应该放在根目录下，否则启动失败这里我在E盘根目录下新建了一个mongodbdata目录 》db目录3.命令行下运行 MongoDB 服务器到MongoDB 目录的 bin 目录下打开命令窗口运行mongod --dbpath ...

安装npm install axios结果跑的时候报错了额(Ｔ▽Ｔ)再命令npm install --save axios vue-axios在入口文件main.js 里面配置import Vue from 'vue'import axios from 'axios'import VueAxios from 'vue-axios' Vue.use(VueAxios, axi...

关于vue环境配置1.安装node.js 在node.js官网根据情况下载（Windows 系统 (.msi) 64位），选择安装路径后一直next下去 ，最后点击 Finish完成。2.利用淘宝npm镜像安装相关依赖 开始 》输入“cmd” ，打开。输入npm install –registry=https://registry.npm.taobao.org 回车安装3.安装全局v...

的

1.常量在ES3中，没有常量这一说。 在ES5中，通过变量的定义只读，不可修改。 在ES6中，用const定义常量也是只读，不可修改。举个例子,设置圆周率PI的值：//es5写法Object.defineProperty(window,'PI',{ value:3.1415926,//定义属性值 writable:false,//是否只读})在控制台看 ...

1.在此之前先安装Git，安装node.js先全局安装 “npm install webpack -g” “npm install webpack-dev-server -g”2.新建一个文件 例如“es6-webpack”，然后鼠标右键进入Git Bach here;输入“git clone https://github.com/cucygh/es6-webpack.git”，如...

模板字符串（template string）传统的JavaScript语言，输出模板通常是这样写的。$('#result').append( 'There are &amp;amp;amp;amp;amp;amp;lt;b&amp;amp;amp;amp;amp;amp;gt;' + basket.count + '&amp;amp;amp;amp;amp;amp;lt;/b&amp;amp;amp;amp;amp;amp;gt; ' + 'items in

//提供代理模块 function validator(target,validator){ return new Proxy(target,{ _validator:validator, set(target,key,value,proxy){ if(target.hasOwnProperty(key...

相同标签名的元素切换&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div id=&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;demo&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;amp;amp;amp;am

文件扩展名为 .vue 的 single-file components(单文件组件)使用 webpack 或 Browserify 等构建工具标签保存实例：模板文件：输入框组件 BaseInputText.vue：&amp;amp;amp;amp;amp;amp;lt;template&amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;lt;input type=&amp;a

关于node.js和gulp配置环境问题前段时间接触ajax的时候发现笔记本的配置环境出了问题，很不方便。用apache配置略繁琐，考虑到不是大型项目，用node.js配置就够了。查找资料后研究了好久，总是安装好了，记录一下步骤，记忆不好以防日后需要。1.安装node.j 在node.js官网根据情况下载（Windows 系统 (.msi) 64位），选择安装路径后一直next下去 ，...