![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
框架
ton365
合理安排时间,就等于节约时间。
展开
-
项目开发的准备
项目开发的准备 本地环境 Node.js node(npm/yarn) + nvm IDE (Webstorm/Vscode/Atom) Vue-CLi 安装命令:npm install -g @vue/cli 快速原型开发: npm install -g @vue/cli-service-global 测试环境 Linux 虚拟机自建环境 Parallesl/Vmware/Hyperv 购买云服务(>1C+2G) 安装Docker 在Mac os系统 安原创 2020-07-09 20:51:29 · 165 阅读 · 0 评论 -
【思维导图】巩固你的JavaScript知识体系
【思维导图】前端开发JavaScript-巩固你的JavaScript知识体系 版权声明:转载自CSDN博主「达达前端」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。 原文链接:htt...转载 2020-04-27 11:25:32 · 237 阅读 · 0 评论 -
插槽学习与理解
基础 如果组件没有包含一个 元素,则该组件起始标签和结束标签之间的任何内容都会被抛弃。 如果你在模板中写入了 /* my-component */ <div><slot></slot></div> 调用这个组件时,插槽内可以包含任何模板代码 <my-component>slot in this</my-component>...原创 2020-04-17 21:19:18 · 247 阅读 · 0 评论 -
编码中的mixin
基础 一个mixin是一个对象可以包含任意组件选项,通常用js文件,并在文件导出该对象。再在组件之间复用。 // 定义一个混入对象 var myMixin = { created: function () { this.hello() }, methods: { hello: function () { console.log('hello from mix...原创 2020-04-17 12:47:32 · 88 阅读 · 0 评论 -
用动态组件写个通用表单组件
基础 <keep-alive> <component v-bind:is="currentTabComponent"></component> </keep-alive> currentTabComponent可以是 已注册组件的名字, 或 一个组件的选项对象 换句话说is attribute 接受一个组件名字比如ElementUI的elIn...原创 2020-04-17 12:35:03 · 243 阅读 · 0 评论 -
web前端学习收藏文章,文档
基础 学习推荐 转载:关于前端学习路线的一些建议(内含经典自测题) 转载:前端 - 综合成长学习清单 转载:这2万字的前端基础查漏补缺知识,请你收藏好! JavaScript 函数 转载: 开箱即用的JS干货助力金三银四 转载:(值得收藏)JavaScript工具函数大全 转载:13 个 JS 数组精简技巧,一起来看看 转载:JS 原生面经从初级到高级【近1.5W字】 浮点数 转载:JavaScr...原创 2020-04-15 16:57:31 · 143 阅读 · 0 评论 -
渲染函数 & JSX 学习记录
基础 Vue.component('anchored-heading', { render: function (createElement) { return createElement( 'h' + this.level, // 标签名称 this.$slots.default // 子节点数组 ) }, props: { lev...原创 2020-04-14 22:36:32 · 346 阅读 · 0 评论 -
vue插件 学习记录
使用场景 插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种: 添加全局方法或者属性。如:vue-custom-element 添加全局资源:指令/过滤器/过渡等。如 vue-touch 通过全局混入来添加一些组件选项。如 vue-router 添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现。 一个库,提供自己的 API,同时提供上面...原创 2020-04-14 22:27:44 · 109 阅读 · 0 评论 -
vue 渲染函数 学习记录
基础 Vue.component(‘anchored-heading’, { render: function (createElement) { return createElement( ‘h’ + this.level, // 标签名称 this.$slots.default // 子节点数组 ) }, props: { level: { type: Number, required: tr...原创 2020-04-14 22:23:13 · 154 阅读 · 0 评论 -
vue 自定义指令v-directive
钩子函数 一个指令定义对象可以提供如下几个钩子函数 (均为可选): bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。 update:所在组件的 VNode 更新时调用,但是可能发生在其子 - - VNode 更新之前。指令的值可能发生了改变,也可能没有。但是你可以通过...原创 2020-04-14 22:09:17 · 1513 阅读 · 0 评论 -
vue风格
一个组件专注解决一个单一问题 vue组件命名前缀,连字符(-),简短 组件表达式简单化,复杂使用 method或computed替代 组件prop原子化(是使用原始类型) 验证组件的props,为了 保证你的组件永远是可用的(防御式编程) 将this赋值给component变量(es6) 组件结构化-其一(name; extends; props, data 和 computed; compon...转载 2020-04-14 20:37:50 · 106 阅读 · 0 评论 -
vuex(记忆点)
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 动机 单向数据流”理念的简单示意 View->Actions->State->View 但是当我们的应用遇到多个组件共享状态时,单向数据流的简洁性很容易被破坏: 多个视图依赖于同一状态。 来自不同视图的行为需要变更同一状态。 对于问题一,传参的方法对于多层嵌套的组件将会非常繁琐,并且对于兄弟组件间的状态传递无能为...原创 2020-04-14 20:36:16 · 136 阅读 · 0 评论 -
vue router(记忆点)
完整的导航解析 导航被触发。 在失活的组件里调用离开守卫。 调用全局的 beforeEach 守卫。 在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。 在路由配置里调用 beforeEnter。 解析异步路由组件。 在被激活的组件里调用 beforeRouteEnter。 调用全局的 beforeResolve 守卫 (2.5+)。 导航被确认。 调用全局的 after...原创 2020-04-14 20:34:54 · 381 阅读 · 0 评论 -
Jquery(dom操作)学习
DOMCore并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它。它的用途并非仅限于处理网页,也可以用来处理任何一种使用标记语言编写出来的文档,例如XML。JavaScript中的getElmentById()、getElementsByTagName()、getAttribute()和setAttribute()等方法,这些都是DOMCore的组成部分。 HTML...原创 2020-04-14 17:06:38 · 115 阅读 · 0 评论 -
jquery选择器学习记录
jq选择器 基本选择器 /**id(?) class(*) tag(*) all(*) multi(*) */ $('#id') $('.mini') $('div') $('*') $('span', '#two') 层次选择器 /**后代(*) 子女(*) next(*) 后面所有同辈(*) */...原创 2020-04-14 16:54:21 · 93 阅读 · 0 评论