随笔分类 - JS
摘要:一、区别: 数组表示有序数据的集合,对象表示无需数据的集合。如果数据顺序很重要的话,就用数组,否则就用对象的好。 数组的数据没有名称'name' 对象的数据有名称 'name' 但是在很多编程语言中有个叫关联数组的,这种数组中的数据是有名称的。 二、如何区分array和object: var obj
阅读全文
摘要:1)在封装组件中使用table具名插槽,并自定义具名插槽,对外开发使用:commonTable <script> export default { props: { tableData: { type: Array, default: () => {} }, maxHeight: { type: N
阅读全文
摘要:1、变量命名采用驼峰法 2、用空格代替tab 3、字符串采用单引号 4、语句结束带分号 5、对象最后一个属性结束带逗号 6、采用字符串模板处理字符串拼接 7、优先选择箭头函数 8、杜绝使用var,with,eval 9、常量命名采用大写 10、优先选择解构赋值 11、对象初始化优先选择简写方式 12
阅读全文
摘要:在项目中,无论项目的规模是大是小,总会存在一些需要提示给用户的提示性文字信息,一般在开发过程中采用具体的提示文字在具体的业务代码文件中,这样以来,一方面这些文字便分布在不同的文件中,对于日后的维护带来了一定的难度,倘若同一个提示文字出现多次,日后需要修改的时候变需要找到所有的地方一个个修改。对此,采
阅读全文
摘要:ES6 的模块自动采用严格模式,不管你有没有在模块头部加上"use strict";。 严格模式主要有以下限制。 变量必须声明后再使用 函数的参数不能有同名属性,否则报错 不能使用with语句 不能对只读属性赋值,否则报错 不能使用前缀 0 表示八进制数,否则报错 不能删除不可删除的属性,否则报错
阅读全文
摘要:针对表格在实际业务场景中的合并单元格实现方式,初步思考,组织按着班级分组展示学生,并对不同班级进行相关操作,比如群发短信等。<template> <div> <el-main class="contailer"> <el-table :data="tableData" :span-method="s
阅读全文
摘要:1,标识符创建方式 (ES5) var obj = {} obj.name = "张三" obj.age = 23 2,属性名表达式创建方式 var obj = {} var prop = "name" obj[prop] = "张三" obj["a" + "ge"] = 23 3,字面量方式创建(
阅读全文
摘要:本例通过在页面中展示todo list列表,通过点击添加按钮,实现弹窗添加列表数据,实现父子组件之间的数据交换。 1、主页面代码如下: 2、弹窗组件代码如下:
阅读全文
摘要:针对vue项目开发中,通过node本地起服务进行开发,会针对各种情况进行定制化配置处理,比如启动时自动打开浏览器进行服务访问,配置信息合并等操作,此时插件的作用就很关键,如何在项目中从无到有地安装,使用一个插件呢,具体流程如下: 1、安装插件依赖包 #npm install -D open-brow
阅读全文
摘要:1、全局安装vue-cli3.0脚手架工具 "dependencies": { "core-js": "^2.6.5", "vue": "^2.6.10", "vue-router": "^3.0.3", "vuex": "^3.0.1" }, "devDependencies": { "depen
阅读全文
摘要:meta 显示一些 meta 信息,如:发送 ThinkJS 的版本号,接口的处理时间等等 resource 处理静态资源,生产环境建议关闭,直接用 webserver 处理即可。 trace 处理报错,开发环境将详细的报错信息显示处理,也可以自定义显示错误页面。 payload 处理表单提交和文件
阅读全文
摘要:1.全局安装think-cli脚手架工具 npm install -g think-cli 2、创建单模块项目 (1)thinkjs new projectName创建项目 (2)cd projectName进入项目目录 (3)npm install安装依赖包 (4)npm start启动服务 3、
阅读全文
摘要:最近项目遇到一个树形结构数据业务场景如下: 前期版本中仅需要展示分类树(由专门单独的接口返回),具体分类下数据由单独的表格展示(有另外一个接口返回,可根据分类id筛选),随着需求迭代设计,需要在分类树中展示数据,对此,在不修改分类接口的前提下,新增接口获取数据,动态添加到分类树节点上。为此利用ele
阅读全文
摘要:在实际的基于Vue前端MVVM框架开发的过程中,往往会遇到如下需求:对于某一个从后端获取到的数据列表,为了方便使用者,往往在需求定义时,需要通过某个字段关键词进行前端快速定位,当没有输入关键词时,列表数据需要恢复为初始状态。 同时,如果对于原数据列表进行过滤必然是不行了,因为不需要过滤时还需要还原数
阅读全文
摘要:1.jQuery ajax 传统 Ajax 指的是 XMLHttpRequest(XHR), 最早出现的发送后端请求技术,隶属于原始js中,核心使用XMLHttpRequest对象,多个请求之间如果有先后关系的话,就会出现回调地狱。 JQuery ajax 是对原生XHR的封装,除此以外还增添了对J
阅读全文
posted @ 2019-04-01 14:10
燃烧小火苗
摘要:npm start -> npm run serve -> 执行node ../node_modules/@vue/cli-service/bin/vue-cli-service.js serve
阅读全文
摘要:在实际的vue项目开发中,往往团队成员在合作开发中会定义一些公用的组件,方法,属性,过滤器等,然后在业务组件中引入使用,对于单个引入使用,各自实现方式如下: 1)组件:定义单独组件,实现单独组件中的特有功能,在引用组件中通过import方式引入,在components中注册,然后使用。 组件中使用
阅读全文
摘要:1)在组件目录中创建公用组件文件,comTitle.vue如下: 2)在业务组件中使用公用组件,testComponent.vue如下:
阅读全文

浙公网安备 33010602011771号