03 2019 档案
摘要：一、基本概念 Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。它至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。 Object.assign(target, source_1, ..., source_n) 二、基本用
阅读全文
摘要：因为项目本身有用eslint，而我这边没用，我这边提交上去别人update后就会提示很多eslint的格式错误提示，所以就在该项目里使用了eslint。 发现一般有两种安装方式，我使用的是webstrom自带的eslint。 一、勾选enable使之生效 ESLint package 找到该项目中安
阅读全文
摘要：一、定义 map() 方法返回一个新数组，不会改变原始数组。同时新数组中的元素为原始数组元素调用函数处理后的值，并按照原始数组元素顺序依次处理元素。 注意：map() 不会对空数组进行检测。 二、语法 四、ES6书写
阅读全文
摘要：一、定义 includes() 方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。 二、语法 三、其他 如果fromIndex 大于等于数组长度 ，则返回 false 。该数组不会被搜索: 如果 fromIndex 为负值，计算出的索引将作为开始搜索searchElem
阅读全文
摘要：昨天配置新项目的环境，明明都npm inatsll都安装了，再次运行的时候一直报错，缺少模块。我以为就一个没安装上，就手动npm install -g 'xxx' ；结果一个装好了，又继续蹦出cannot find module 'xxx'。 我继续install，然而依旧继续蹦出来新的cannot
阅读全文
摘要：昨天运行vue项目的时候，出现了[Vue warn]: Duplicate keys detected: '0'. This may cause an update error（错误，检测到重复的key值：”0“，这可能会导致更新错误） 错误原因： 我们在使用v-for的时候，都要必须加上一个唯一的
阅读全文
摘要：vue-devtools是一款基于chrome游览器的插件，以前很少用到这个，昨天想要清晰的看看里面的内容，于是想要下载一个插件。但由于电脑没FQ，所以就不能直接在chrome商店里下载。 一、在github上找到vue-devtools的项目，将其clone到本地。 二、可以通过cmd，在文件夹里
阅读全文
摘要：一、问题 昨天用npm 安装环境，实在太慢了，就想用cnpm，然后发现提示‘cnpm' 不是内部或外部命令,也不是可运行的程序。 看了很多方法，选择了下面这个，运气好到爆棚，就直接可以用了。其他的方法暂未去了解。先保存一种吧。主要原因是因为我并没有将淘宝镜像给cnmp命，所以我创建cnpm命令并将淘
阅读全文
摘要：一、一直学习怎么创建仓库，创建了太多仓库，一直不知道咋删除，有点懵，其实很简单，就是对英文不太习惯，要加深英文水平。 找到setting，然后再下面找到danger Zone
阅读全文
摘要：今天看了使用icomoon来将svg转换成图标字体，本来是不会使用别人给的svg，也不清楚具体的好处是什么，查了svg以后，越来越懵，svg挺好的为什么要转成图标字体呢。 一、SVG介绍 SVG 是一种基于 XML 语法的图像格式，全称是可缩放矢量图（Scalable Vector Graphics
阅读全文
摘要：昨天手贱把svn重新卸载了，再安装后便与之前的项目断了，因为第一次使用这个，也不清楚再怎么登录，还有就是上次是使用别人的账号，也不知道怎么清除别人的账号。 鼠标右键找到settings，点击打开 找到saved Data，可以看到右边有很多数据可以选择清除，找到账户信息， 选择clear，会弹出当前
阅读全文
摘要：一、$dispatch 和 $broadcast 已经被弃用。 请使用更多简明清晰的组件间通信和更好的状态管理方案，如：Vuex 这些方法的最常见用途之一是父子组件的相互通信。在这些情况下，你可以使用 v-on监听子组件上 $emit 的变化。这可以允许你很方便的添加事件显性。 二、Array.pr
阅读全文
摘要：昨天安装项目依赖的包，差不多都装好了，然后就卡在了node-sass上，各种报错。 报错一、gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable. 然后安装了p
阅读全文
摘要：一直不太喜欢用定位，今天写界面的时候，要在输入框右边添加默认的元素符号。 第一次尝试，因为本身项目用的是bootstrap所以就想利用输入框的两侧同时添加额外元素。 但是写了代码发现效果不同。 第二次直接将input里的text-align:right；改成了从右边开始。这样导致的是，所有输入从右边
阅读全文
摘要：很久没用bootstrap，对与按自己的需求修改样式都忘了。 一上来就添加了新的class类，重写css样式让其覆盖原有的样式，实际上不起作用。因为没考虑的选择器的优先级。面试的时候会问到一些这个问题，一直不能从理论和实践联系起来。 我的解决方案是通过子选择器来增加权重，看别人也有用id的，我不太喜
阅读全文
摘要：以前定义字体都是用的常用的字体，也没注意过会有这个提示，昨天在写界面的时候重新定义了一个本地没有的字体，发现会有提示。 W3C的文档： font-family:<family-name>,<generic-family> In the example above, the last value is
阅读全文
摘要：（需要注意的地方） 1、ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 2、for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。 上面代码正确运行，输出了 3 次abc。这表明函数内
阅读全文
摘要：一、v-on 可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 简写形式 用@代替 v-on： 点击事件 v-on:click、双击事件v-on:dbclick、鼠标事件v-on:mousemove 二、事件修饰符 Vue.js 为 v-on 提供了事件修饰
阅读全文
摘要：写了一个点击列表，在prop传入一个数组出现了问题。 但是检查到点击后{id:10,name:'hi',finished:false}里面的finished值确实改变了，绑定的:class="{'complated':task.finished}却不起作用。后续了解更多了，再来解决。
阅读全文
摘要：一、组件名 写组件之前你要明确你的目的，想要做一个什么样的组件，我们在注册一个组件的时候，需要给组件一个名字，对于命名，尽可能明确，使用 kebab-case (短横线分隔命名) 或 PascalCase (首字母大写命名)。 使用 kebab-case (短横线分隔命名) 定义一个组件时，我们在引
阅读全文
摘要：组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。 其中，一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝。
阅读全文
摘要：一、v-for循环用于数组 v-for 指令根据一组数组的选项列表进行渲染。 1、v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组名， item 是数组元素迭代的别名（为当前遍历的元素提供别名，可以任意起名）。 输出： Foo Bar 2、v-for 还
阅读全文
摘要：逼死强迫症之对拼写进行检查，警告 typo：in word “msgfromfather”
阅读全文
摘要：一、v-if v-if指令用于条件的渲染一块内容，当指令的表达式返回true时，内容才会被渲染。 如果想切换多个元素，可以使用<template>元素当作不可见的包裹元素。并在上面使用v-if，最终的渲染结果不包含<template>元素。 不使用template效果 二、v-else、v-else
阅读全文
摘要：一、Attribute key is not allowed here 二、Comparison this.loginType != 'username' may cause unexpected type coercion（可能会导致一些意外的类型强制 ）
阅读全文
摘要：自述： 本来是对new Vue（）和export default比较懵的，查了一下，发现我理解错了两者的关系，也没意识到export与export default的区别，先简单的记录一下基本概念，后续再继续了解。 一、概述 在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS
阅读全文
摘要：第一次使用github，看了一下使用说明，创建第一个repository，以后还要多学习。 一、Github创建一个新仓库 ······Creat a new repository 创建一个新仓库，点击github右上角的+里面的new repository 在repository name栏中输入
阅读全文
摘要：一、css未使用的选择器Selector 今天写vue的时候，给动态绑定了一个class属性，然后样式里面就给了warning，看起来怪怪的，很不舒服
阅读全文
摘要：一、创建仓储（版本库） 可以创建在空目录下创建git仓库，也可以在已有项目里创建git仓储。 在已有项目里创建仓储： //可以直接在项目中打开Git bash，这样就直接在项目目录中，也可以通过命令进入到所在项目 $ cd 当前项目目录 $ git init 二、查看本地仓储的状态 $ git st
阅读全文
摘要：自述 一直到今天才真正的去了解学习使用git，看《git权威指南》这本书的第一篇，忽然有很多共鸣，比如在大学开始编程的时候，总是把写的所有demo和项目保存在U盘里，内存不够用就改为移动硬盘；后来U盘坏了一个，就担心硬盘坏了，就把东西备份了三份，电脑一份，两个硬盘一个一份，随着时间的推移，东西越来越
阅读全文
摘要：今天遇到几个虚线效果，不能一下子反应过来具体属性。 一、dashed和dotted的区别 首先是dashed和dotted都是指“虚线”，但是两者显示的效果不尽相同。 从字面意思来看， dashed：来自于 dash（破折号），故虚线是由一些破折号组成的，看起来会比较明显一些。 dotted：来自
阅读全文
摘要：Vue 提供了一个官方的cli，为单页面应用 (SPA) 快速搭建繁杂的脚手架。 一、vue cli脚手架 脚手架通过webpack搭建开发环境 使用ES6语法 打包压缩js为一个文件 项目文件在环境中编译，而不是浏览器 实现页面自动刷新 基于nodejs和npm，可以在控制台输入node -v 或
阅读全文
摘要：太久没在新电脑上安装websrtom，又有点忘了咋激活。 一、安装 1.直接在浏览器搜索webstrom，打开官网，直接点击download。如下图 2.打开安装包，开始安装，直接点击 next 3.选择安装路径（安装在你想安装的位置，建议不要把所有软件都安装在c盘） 4.选择好安装路径后，会出现下
阅读全文
浙公网安备 33010602011771号