Kofe_Chen的博客

<keep-alive> <component> // .... </component></keep-alive>所有路由匹配到的组件都会被缓存<keep-alive include="a"> <component> // .... </component></keep-alive>仅匹配到的组件（如：组件 a）会被缓存（仅想要缓存的组件得到缓存）可以通过配置 exclude 匹

vm.$listener 包含了父组件中（除了 .native 修饰器以外的）事件监听器。当内部组件不具备外部绑定的一些 DOM 事件，而外部组件具备相应的 DOM 事件时，在内部组件可以通过 v-on="listener" 将外部组件绑定的事件和事件函数传入内部组件。示例如下： // 父组件作用域中 // js import TodoTextInput from '@/components/TodoTextInput.vue' // html <TodoTextInput

前端小菜鸡重拾之路原生 JS 事件Event 构造器 / 可以传递数据的 CustomEvent 构造器// 创建事件// var myEvent = new Event("event_name")var myEvent = new CustomEvent("event_name", { detail: { // 将需要传递的数据写到 detail 中，以便在 EventListener 中获取 // 数据将会在 EventListener 回调函数的 event.deta.

前端小菜鸡重拾之路script 标签的插入和删除插入原生 JSvar script = document.createElement("script");script.setAttribute("type", "text/javascript");// or script.type = "text/javascript"script.setAttribute("src", "...");// or script.src = "..."var head = document.ge.

JSON 是一种语法，用来序列化对象、数组、数值、字符串、布尔值 和 null。JSON 格式 是一种用于数据交换的文本格式。JSON.parse()：解析 JSON 字符串并返回对应值，可以额外传入一个回调函数，对生成的值或者属性在返回之前进行修改。JSON.stringify：返回指定值对应的 JSON 字符串，通过额外传入参数，可以指定仅包含某些属性，或者自定义某些 key 对应的属性值。JSON 对值的类型和格式有严格的规定。复合类型的值只能是数组或对象，不能是函数、正则表达式对象、

每个对象都有一个 __proto__ 属性，指向它的 prototype 原型对象每个构造函数都有一个 prototype 原型对象prototype 原型对象里的 constructor 指向构造函数本身prototype 和 __proto__ 有什么用处？实例对象的 __proto__ 属性指向构造函数的 prototype，从而实现继承。prototype 对象相当于特定类型所有实例对象都可以访问的公共容器。new 一个函数会创建一个对象函数.prototype === 被创.

No.1remote: Incorrect username or password ( access token ) fatal: Authentication failed for手快打错密码是常事，命令行无显示打错密码 / 账号那就更不见怪。这里使用 git 推送到远程仓库 gitee 因为打错了密码或者账号，然后就没有再次输入账号和密码的过程了，下面是解决方法：// 清除本地的git...

vue 文档中 vue 实例：数据与方法 就提到，只有当实例被创建时就已经存在于 data 中的属性才是响应式的。项目中我们通常把需要响应式的 数据对象 或者 数据数组 初始化赋值为 null这么做有什么好处呢？或者说为什么初始化要为 null，对象为 {}，数组为 []，不行吗？首先，需要肯定的是，我们需要用到的数据属性，建议是应该先定义为 data 对象属性，这就为我们省去了后面手动添加...

undefined 值是派生 (从主要事物的发展中分化出来) 自 null 值主要区别在于：undefined 是声明一个变量未初始化，这个变量的值就自动赋值为 undefined 值；因此无论在什么情况下都没有必要把一个变量的值显式地设置为 undefinednull 是一个空指针对象，typeof null === Object如果定义的变量准备用来保存对象，最好将该变...

题目同样是 面试 会问到的一个常见问题之一，同样我们刚开始还是先 科普 一下前置知识：设备像素（device pixels）：物理像素，显示器的最小物理单位。这里的一个像素，并不一定是一个小正方形区块，也没有标准的宽高，知识用于显示丰富色彩的一个 “点” 而已。设备独立像素（device independent pixels）：独立于设备的像素。有一个非严谨的说法，分辨率指的就是设备独立...

你是如何理解 HTML 语义化的？(面试)在了解 HTML 语义化之前，先科普一下下面几个名词：语义：是语言所蕴含的意义 (语言的含义)。简单的说，符号是语言的载体，符号本身没有意义，只有赋予含义的符号才能够被使用，此时语言就转化为了信息。SEO（Search Engine Optimization）: 译为搜索引擎优化，是一种 利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名 ...

2019.11.25写 vuex / store.js 的时候，因为export default new Vuex.store({ ...})store 给了个小写，所以爆出了一个 vuex__.a.store is not a constructor 的错误，将小写改为 new Vuex.Store 就解决了。其中报错 TypeError: "x" is not a constr...

2019.11.25没有修改配置文件等直接 build 项目之后，打开 dist 中的 index.html 或者将 dist 文件夹上传至 GitHub 打开页面空白。这里是因为没有修改项目资源路径，解决方法是：打开项目根目录下的 config 下的 index.js 文件，在 build 部分将 assetsPublicPath: '/' 改为 assetsPublicPath: '...

本人场景：wxml <image> 标签设置 src="../../images/中文名.png" 时出现 IOS 端显示没问题，而安卓端不显示图片的问题。上网一查才看到微信小程序在安卓和 IOS 系统间存在着许多的坑。1.安卓手机访问不到图片，无法显示图片微信小程序不显示图片通病可能有以下几种可能：1.非本地图片：图片资源是否有效且能够正常访问2.本地图片：图片路径是...

管理状态，共享数据，在各个组件之间管理外部状态Vuex store 使用引入并通过 use 方法使用创建状态仓库var store = new Vuex.Store({ state: { isLogin: true }})通过 this.$store.state.xxx 拿到数据Vuex 的相关操作vuex 状态管理流程view --> acti...

axios 是一个基于 promise 用于浏览器和 nodejs 的 http 客户端，本身具有以下特征：从浏览器中创建 XMLHttpRequest从 nodejs 发出 http 请求支持 Promise API拦截请求和响应转换请求和响应数据取消请求自动转换 JSON 数据客户端支持防止 CSRF / XSRF安装npm install axios引入加载im...

基本加载安装npm install --save vue-router引用import router from 'vue-router'Vue.use(router)配置路由文件，并在 vue 实例中引入import Index from './Page/Index/template.vue'import Login from './Page/Login/templ...

项目构建 9个|-- build 文件夹 项目构建 与 webpack 相关代码|---- build.js 生产环境构建代码|---- check-versions.js 检查node&npm版本|---- utils.js 构建配置公用工具|---- vue-loader.conf.js vue 加载器 (.vue)|---- webpack.base.conf.js we...

render 函数的初步了解我们通过下面的 demo 对 render 函数进行初步了解，其需求是传递不同的参数渲染不同的标签组件实现<div id="app"> <my-component :level="level">我是 demo</my-component></div><template id="demo"> ...

和组件类似，有全局注册和局部注册，区别就是把 component 换成 derective。钩子函数指令定义函数提供了几个可选的钩子函数bind：只调用一次，在指令第一次绑定到元素的时候调用，使用此钩子函数可以定义一个在绑定时执行一次的初始化操作；inserted：被绑定元素插入父节点时调用 (父节点存在即可调用，不必存在于 document 中)；update：被绑定元素所在模板更新时...