03 2022 档案
摘要：1、先下载nvm安装 可以在网站下载，我下载的是 setup.exe绿色安装包。 比较简单，一直下一步就可以了，主要是安装过程中选择的nvm和nodejs的地址，建议放在同级文件夹中。 重点：建议先卸载本地的node和npm ，后面使用nvm use [version] 可能会出现中文解释错误或者路
阅读全文
摘要：1、对象字面量 属性的简洁表示法 ES6允许对象的属性直接写变量，这时候属性名是变量名，属性值是变量值。 const age = 12; const name = "Amy"; const person = {age, name}; person //{age: 12, name: "Amy"} /
阅读全文
摘要：1、async async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数。 async function helloAsync(){ return "helloAsync"; } console.log(helloAsync()) // Promise {<resolve
阅读全文
摘要：async 函数表示这个函数内部有异步请求,如果这个 async 函数没有返回值,那么这个 async 仅仅只是一个标识而已. await 需要结合 async 函数一起使用,它通常用于等待一个 Promise 函数或 async 函数的执行(你当然可以写个await 123,但这不会有任何作用)
阅读全文
摘要：变量定义 let变量和var变量的区别 作用域 js定义变量为var，var定义的变量，代码块里外都能用 es6定义变量为let，let定义的变量，只能在当前代码块里面使用 特点 var可多次定义同一变量 let只能定义一次变量，不能在定义同一个变量 const常量 const定义变量时，需要赋值，
阅读全文
摘要：vue-cli2 与 vue-cli3 的区别 vue-cli3是基于webpack4打造，vue-cli2是基于webpack3 vue-cli3的设计原则是“0配置”，移除（隐藏）配置文件build和config等目录 vue-cli3提供了vue ui 命令，提供了可视化配置 vue-cli3
阅读全文
摘要：npm敲到一半的时候发现：这个到底是-g呢还是--save还是--save-dev呢 1.首先要先了解package.json 在Node.js中，模块是一个库或框架，也是一个Node.js项目。Node.js项目遵循模块化的架构，当我们创建了一个Node.js项目，意味着创建了一个模块，这个模块的
阅读全文
摘要：如打开发现配置svn:path错误，主要是安装的时候没有勾选客户端工具。 重新安装一次就可。 安装以后重启vscode即可。 亲测有效。版本1.13.1
阅读全文
摘要：桌面右键，TortoiseSvn，然后点settings，加如下代码 node_modules，要加空格 亲测有效。
阅读全文
摘要：Request Headers： 下图是我访问一个URL：http://www.hzau.edu.cn的一个header,根据具体实例来分析一下各部分的功能及其作用。 Accept 作用： 浏览器端可以接受的媒体类型, 例如： Accept: text/html 代表浏览器可以接受服务器回发的类型为
阅读全文
摘要：上代码 <style> .s-bg2{ backgound:#eee; } .s-c{ color:bule; } </style> // 根据主题色变换树的颜色 changeTreeAboutTheme(){ let that = this; that.$nextTick(function(){
阅读全文
摘要：谷歌浏览器测试结果分析如下： 100次分析结果1： 以下截图中的数据是，在chrome (支持es6)中运行了100次后得出的结论(每次运行10次,一共10个循环，得到的分析结果) 可以看出，forin 循环最慢耗时间多，优化后的普通for循环最快耗时间少 1000次分析结果2： 以下截图数据是，在
阅读全文
摘要：1 // test.js 2 export default { 3 name: 'zs', 4 age: 20 5 } 或者 1 // test.js 2 var info = { 3 name: 'zs', 4 age: 20 5 } 6 export default info 1 在main.j
阅读全文
摘要：效果如下： 1 var blist = [] 2 var districtLoading = 0 3 4 5 var map = new window.BMap.Map("container",{ minZoom:5,maxZoom:20 });// 创建地图实例 6 var point = new
阅读全文
摘要：vue是组件化开发的项目，很多情况下会把公共组件提取出来，来减少代码量，提高开发效率，和以后更好的可维护性。 很多情况下，父组件中都会引用子组件这种情况。通过给在父组件中引用的子组件标签上添加属性，来渲染可以拥有不同数据的子组件。 但是vue 的组件有个特点，如果我们这一次和上一次传过去的属性值一样
阅读全文
摘要：改变选中的图标样式 1 // 选中高亮标注图片 2 let mapIcon = ‘./icon.png’; 3 4 //标注点 5 let markerArrs = [{},{},....]; 6 7 8 // 点击标注点 9 marker.addEventListener("click", (ev
阅读全文
摘要：自定义事件的触发又是不可避免的，由于浏览器兼容性问题，我们要分开说了，针对标准浏览器和IE6/7等考古浏览器。 1. 对于标准浏览器，其提供了可供元素触发的方法：element.dispatchEvent(). 不过，在使用该方法之前，我们还需要做其他两件事，及创建和初始化。因此，总结说来就是： 1
阅读全文
摘要：1 // 开始这样写，不执行 2 window.onresize = function() { 3 console.log('窗口发生变化') 4 } 5 6 7 // 改成window监听事件 8 window.addEventListener('resize', function() { 9 c
阅读全文
摘要：自定义事件的触发又是不可避免的，由于浏览器兼容性问题，我们要分开说了，针对标准浏览器和IE6/7等考古浏览器。 1. 对于标准浏览器，其提供了可供元素触发的方法：element.dispatchEvent(). 不过，在使用该方法之前，我们还需要做其他两件事，及创建和初始化。因此，总结说来就是： 1
阅读全文
摘要：1. 加减法 加减法不是重点，重点是在SassScript中用到的两种单位之间的转换；绝对单位：px, pt, pc, in, mm, cm...绝对单位都能运算；相对单位：ex, em, rem...相对当前字体的都不能运算； 1.1 编译报错的栗子 SCSS： 1 $plus1: 100px +
阅读全文
摘要：当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 mapState 辅助函数帮助我们生成计算属性。 1 // 在单独构建的版本中辅助函数为 Vuex.mapState 2 import { mapState } from 'vuex' 3 4
阅读全文
摘要：绑定 HTML Class 我们可以传给 v-bind:class 一个对象，以动态地切换 class： 内联样式在模板里 1 <div id="div1" :class="{active: isActive, 'text-danger': hasError}"></div> 2 <script t
阅读全文
摘要：面板上包含了Elements面板、Console面板、Sources面板、Network面板、Timeline面板、Profiles面板、Application面板、Security面板、Audits面板这些功能面板。这些按钮的功能点如下： Elements:查找网页源代码HTML中的任一元素,手动
阅读全文
摘要：背景：你乘坐汽车从A景区想赶往B景区（模拟路由A跳转到路由B） 1.next() 你乘坐汽车要从A景区到B景区，路过关卡时，守门人拦下你，你量出了next()，守门人一看没问题，赶紧放行，于是你顺利到达了B景区。 2.next(false) 如果你量出了next(false)，守门人立马关住大门，不
阅读全文
摘要：碰到是否有template选项时，会询问是否要对template进行编译： 在template编译（渲染成UI）有一个过程。模板通过编译生成AST，再由AST生成Vue的渲染函数，渲染函数结合数据生成Virtual DOM树，对Virtual DOM进行diff和patch后生成新的UI。将上图细化
阅读全文
摘要：首先在main.js中给Vue.protorype注册一个全局方法， 其中，我们约定好了想要监听的sessionStorage的key值为’watchStorage’， 然后创建一个StorageEvent方法，当我在执行sessionStorage.setItem(k, val)这句话的时候，初始
阅读全文
摘要：类型规范示例 常量 全字符大写，单词用 '_' 分隔 FETCH_USERS、GET_USERS 变量、函数 小写开头驼峰式 camelCase 类、特殊意义的命名空间 大写开头驼峰式 CamelCase 方法、函数 a. 动词 或 动词+名称 组合b. get 必须要有返回值 布尔值变量 is 或
阅读全文
摘要：描述具体问题 需求 业务系统通常需要登录才能访问受限资源，在用户未登录情况下访问受限资源需要重定向到登录页面； 多个业务系统之间要实现单点登录，即在一个系统或应用已登录的情况下，再访问另一个系统时不需要重复登录； 在登录过期或失效时，需要重定向到登录页面； 用户登录后，需对改用户拥有的权限进行功能和
阅读全文
摘要：这时候我们可能会在 input上 加上 autocompleted="off" 这个属性来阻止input被自动填充。 1 2 <input type="text" name="userName" autocompleted="off" /> 3 4 <input type="password" na
阅读全文
摘要：在vue,config.js中配置css热更新 const IS_PROD = ['production', 'test'].includes(process.env.NODE_ENV) css: { // 是否使用css分离插件 ExtractTextPlugin extract: IS_PROD
阅读全文
摘要：
阅读全文
摘要：vue-cli3.0安装 1 如果你事先已经全局安装了旧版本的vue-cli(1.x 或 2.x),你需要先卸载它: 2 3 npm uninstall vue-cli -g 4 安装 5 6 npm install -g @vue/cli // 安装cli3.x 7 vue --version /
阅读全文
摘要：问题描述：父组件调用了一个子组件，传递了一个id的属性到子组件， 但是在子组件中将这个id的props属性赋值给了data里面定义的另外一个属性myId，并且写了watch监听这个id的props。 结果：第一次的时候子组件并没有更新界面（即data里面的myId属性没有更新）；第二次及以后就都可以
阅读全文
摘要：1、父组件 使用 Math.ramdom() 2、子组件获取 然后监听这个ramdom变化，处理子组件的更新
阅读全文
摘要：点击右上角框 -> 编辑结构 点击加号 新增一个npm项目 前提：node环境已经安装完成，npm包管理器 1.进行定位到项目的路径2.安装依赖包，npm install3.启动服务，npm run dev/serve (npm run dev 命令，其中的“run”对应的是package.json
阅读全文
摘要：1. 必备快捷键 Ctrl+/：注释当前行 Ctrl+Shift+/：当前位置插入注释 Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的 Ctrl+Shift+A：选择当前标签前后，修改标签用的 F11：全屏 Shift+F11：全屏免打扰模式，只编辑当前文件 Alt+F3：选择所有
阅读全文
摘要：get和post的区别 get和post是什么？ HTTP协议中的两种发送请求的方法。get从指定的资源请求数据； post向指定的资源提交要被处理的数据。 HTTP是什么？ 超文本传输协议（HTTP）是基于TCP/IP关于数据如何在万维中如何通信的协议，设计目的是保证客户端与服务器之间的通信。 本
阅读全文
摘要：Vue最常用的组件通讯有三种：父->子组件通讯、子->父组件通讯，兄弟组件通讯.(template用的pug模板语法) 1.父->子组件通讯 父->子组件通讯，是通过props进行数据传递，并且具有这几个特性，单向传递，子组件接收的数据不可以更改，如果更改，会发出警告，每次父组件更新时，子组件的所有
阅读全文
摘要：var arr = [{"name":"hhh"},{"name":"dddd"}] //用js function getTextByJs() { var str = ""; for (var i = 0; i < arr.length; i++) { str += arr[i].name+ ","
阅读全文
摘要：今天写运动框架时，发现将对象push进数组，后面的值会覆盖前面的值，最后输出的都是最后一次的值。其实这一切都是引用数据类型惹的祸。 如果你也有类似问题，可以继续看下去哦。 下面代码模拟： 将json对象的每个键值对，单独搞成对象，再赋值给数组，最后输出数组。结果数组应该是有三个对象。（for-in用
阅读全文
摘要：使用@import引入外部css，作用域却是全局的 <template> </template> <script> export default { name: "user" }; </script> <!-- Add "scoped" attribute to limit CSS to this
阅读全文
摘要：使用 F12 开发人员工具控制台命令，可以接收来自 Windows Internet Explorer 9 的错误消息，并从代码发送回你自己的消息，而无需中断执行流。 可以使用 F12 工具控制台视图在程序代码之外立即运行脚本语句。 控制台选项卡和视图 可以从“控制台”选项卡或“脚本”选项卡下的控制
阅读全文