- 博客(21)
- 收藏
- 关注
原创 typescript入门
变量类型变量在前类型在后(区别于已有静态语言:类型在前变量在后)基本类型声明let name: string = "123456"let num: number = 123456let yes: boolean = true数组类型1、单类型let list: number[] = [1, 2, 3];let list: Array<number> = [1, 2,...
2020-09-24 15:26:14
90
原创 element 树形组件样式修改
element 树形组件样式修改直接覆盖类默认样式,但是style不可以有scoped属性,否则会失效 el-tree { background-color: #055CB6; color: #fff; .el-tree-node { border: 1px solid #ddd; } .el-tree-node__content { height: 60px; } .el-tree-node__content:hover { backgro
2020-09-09 14:34:38
2749
1
原创 electron安装慢解决方法
解决办法下载对应的electron zip文件到指定位置,以windows为例:找到 C盘下的这个目录 user/AppData/Local文件夹下创建electron文件夹在electron文件夹下创建cache文件夹将下载好的zip文件粘贴到此处cmd重新执行electron安装命令...
2020-05-11 15:31:13
485
原创 前端模块化
CommonJS规范适用于node,浏览器不可以直接使用, 它是同步的(重点)模块导出 module.exports = {} exports.xxx = 'xxx'模块导入 require("")模块标识符分为三种: 核心模块(Node.js自带的模块) 路径模块(相对或绝对定位开始的模块) 自定义模块(node_modules里的模块)三种模块...
2020-05-08 09:55:45
159
原创 AXIOS配置与拦截
全局配置默认接口地址axios.default.baseURL = 'https://api.interface.com';默认tokenaxios.default.headers.common['Authorization'] = TOKEN;默认请求数据类型axios.deafult.headers.post['Content-Type'] = 'application/x-w...
2020-05-05 09:16:30
410
原创 前端HTTP入门
概念HTTP(HyperText Transfer Protocol,超文本传输协议)TCP/IP协议分层应用层 应用层决定了向用户提供应用服务时通信的活动。TCP/IP协议族内预存了各类通用的应用服务。 比如,FTP(FileTransfer Protocol,文件传输协议)和DNS(Domain NameSystem,域名系统) 服务就是其中两类。HTTP协议也处于该层。...
2020-04-29 15:52:15
112
原创 Node CLI开发
第一阶段npm init 生成package.json配置文件在package.json中添加bin配置项 (bin对象的属性就是命令的名称,属性值就是入口文件){ "name": "simple-cli", "version": "1.0.0", "description": "a simple node cli", "main": "index.js", ...
2020-04-28 13:51:05
201
原创 vue inheritAttrs属性
inheritAttrs1、父组件所有不是props的属性,在传递给子属性时默认作为普通HTML属性绑定到子组件根元素实例上如果不想子组件实例继承这些属性则可以通过设置 ***inheritAttrs:false***改变这种默认行为。2、子组件可以通过以下方式重新绑定这些继承的属性:<p :newattr="$attrs"></p>...
2020-04-27 15:15:54
138
原创 vue函数式组件
函数式组件无状态函数式组件Vue.component('my-component', { functional: true, // Props 是可选的 props: { // ... }, // 为了弥补缺少的实例 // 提供第二个参数作为上下文 render: function (createElement, context) { // ......
2020-04-27 14:12:27
123
原创 Vue.observable( object )
概念全局注册一个可响应的对象,可用于组件间共享数据const state = Vue.observable({ count: 0 })const Demo = { render(h) { return h('button', { on: { click: () => { state.count++ }} }, `count is: ${state.co...
2020-04-27 11:35:24
503
原创 Vue.component
概念vue组件获取或注册方法 Vue.component( id, [definition] )id:组件id,必传参数definition:可选参数 该参数描述组件实体,不传该参数为获取组件,传入为注册组件//可显示调用 Vue.extend() 注册组件Vue.component("mycomponent",Vue.extend())//当传入一个对象是,vue会自动调用Vue...
2020-04-27 11:23:49
162
原创 Vue.filter()
概念用于对数据做处理,返回过滤后的数据全局过滤器Vue.filter('filterData', function (value) { value为过滤的目标数据})//使用方法 使用管道符"|"<p>{{ mydata | filterData }}</p>局部过滤器 filters:{ filterData: function(val...
2020-04-27 11:13:17
139
原创 Vue.directive自定义指令
背景有时候我们需要自定义一些指令可以重复使用,类似于vue自带的v-if一样,此时就需要使用Vue.directiveVue.directive("focus",{ inserted: function (el) { // 聚焦元素 el.focus() }})//通过以下方式使用<input v-focus>钩子函数bind: function...
2020-04-27 10:48:44
111
原创 Vue.delete( )
删除响应式数据的属性当不在需要对一个数据的属性做响应式处理是可通过此方法删除该属性data:{ obj:{ old: "不再需要了" }}methods:{ delete(){ Vue.delete(obj,old) }}...
2020-04-27 10:21:13
259
原创 Vue.set
用法向响应式对象中添加一个 property,并确保这个新 property 同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新 property。注意!!!新的属性必须添加到data中已有的数据中//当需要向newobj中添加响应式属性 myname 时data:{ newobj:{}}methods:{ add(){ Vue.set(newobj,myname,...
2020-04-27 10:16:15
79
原创 Vue.nextTick( )
背景Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据变更。如果同一个 watcher 被多次触发,只会被推入到队列中一次。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作是非常重要的。然后,在下一个的事件循环“tick”中,Vue 刷新队列并执行实际 (已去重的) 工作。Vue 在内部对异步队列尝试使用原生的 P...
2020-04-27 10:05:18
117
原创 babel入门
概念babel是一个JavaScript编译器,编译过程分为三个阶段:解析、转换和打印输出。预设(Presets)官方提供的presets@babel/preset-env@babel/preset-flow@babel/preset-react@babel/preset-typescriptPreset 的路径在线路径{ "presets": ["babel-pr...
2020-04-27 09:42:16
214
原创 使用webpack构建前端项目
项目所需npm包//前期工作//初始化package.json 文件npm init//安装webapck保存为开发依赖 npm i webpack --save -dev//安装webapck-cli(webapck4.0以上的版本才需安装) npm i webpack-cli --save -dev ...
2020-04-25 17:03:10
236
原创 Vue.extend心得
基本用法const myConstructor = vue.extend("component-name",{ template: "<div>{{text}}</div>", //组件结构 data(){ //组件数据 return{ text:"" } }, methods:{} ...
2020-04-24 12:18:08
125
原创 webpack入门学习
概念webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。入口(entry)入口起点(entry point)指示 webpack 应该使用哪个模块,来作为...
2020-04-24 12:17:16
491
原创 Vuex学习笔记
这里写自定义目录标题使用的原因原理StoreStatemapState 辅助函数Getter1、Getter 接受 state 作为其第一个参数:2、Getter 也可以接受其他 getter 作为第二个参数:3、也可以通过让 getter 返回一个函数,来实现给 getter 传参。在对 store 里的数组进行查询时非常有用。Mutation如何插入一段漂亮的代码片生成一个适合你的列表创建一个...
2020-04-21 15:27:23
177
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人