- 博客(59)
- 收藏
- 关注
RSS订阅转载 eslint校验——开启服务后自动校验
"[javascriptreact]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[javascript]": {"editor.defaultFormatter": "vscode.typescript-language-features"},"vetur.format.defaultFo...
2019-09-18 14:29:00
243
转载 antd-table——内容展示变型
bug单：https://github.com/ant-design/ant-design/issues/138251.设置固定宽度：在columns中设置widht或者className{ title: '年龄', dataIndex: 'age', key: 'age', //width: 100,},...
2019-09-17 18:28:00
347
转载 vscode编辑器中文乱码问题
设置配置自动格式化： "[javascriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[javascript]": { "editor.defaultFormatter": "vscode.typescript-language-fe...
2019-09-17 15:10:00
359
转载 对话框的表单校验——模板笔记
目的：减少重复工作、简化开发速度案例：1.设置一个对话框：<el-dialog width="50%" top="60px" :title='dialogTitle' :visible.sync="dialogVisible" :show-close="false" :append-to-body="f...
2019-09-03 15:39:00
274
转载 汇总——字符串处理
1.去除注释内容 removeStrNotes (value) { let result = '' const lines = value.split('\n') lines.forEach(val => { // 有注释去除注释，无注释直接使用，再去除两边空格 const index = val.index...
2019-09-03 15:27:00
59
转载 通过python全局设置id——自动化测试元素定位
背景：在自动化化测试过程中，不方便准确获取页面的元素，或者在重构过程中方法修改造成元素层级改变，因此通过设置id准备定位。一、python准备工作：功能：用自动化的方式进行批量处理。 比如，你想要在大量的文本文件中执行查找/替换，或者以复杂的方式对大量的图片进行重命名和整理。语法用例：#!/usr/bin/python //脚本语言的第一行，只对 Linux/Un...
2019-09-03 11:10:00
184
转载 el-table——可编辑、拖拽排序与校验的formTableDrag
背景：1.利用form进行校验输入；2.利用sortable操作Dom替换表格数据顺序；3.利用lodash实现数据深拷贝与参数替换等一：最外层的数组校验<template> <el-form :rules="rules" :model="form" ref="rulesForm"> <el-form-item pro...
2019-08-29 23:11:00
465
转载 axios使用API
背景：请求失败后，因跨域引起的不能传递statusCode问题，通过设置前后台选项解决，这里先总结一下axios的使用一、安装与配置：安装：npm install axiosaxios使用API:1.默认使用的是get请求：// Send a GET request (default method)axios('/user/12345');...
2019-08-23 11:11:00
154
转载 路由与公共组件——规划命名与文件目录
背景：节俭的、清晰的代码目录结构，可维护性、复用性高的公共组件是开发时良好的习惯；一、文件目录结构设计：├── build // 构建相关 ├── config // 配置相关├── src // 源代码│ ├── server ...
2019-08-20 12:31:00
220
转载 表格分页——tablePagination
背景：表格是最为通用的展示方式，为了展示的统一性，以及分页组件的重用，这里写一个分页组件，供比较多或者较少数据2种表格进行分页展示。分页组件：<template> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"...
2019-08-16 10:57:00
575
转载 高性能的js第三方库——lodash、 Underscore、async、md5及moment
背景：为了实现某些功能，如：数据排序、分组、筛选、深拷贝等，自己写的函数或网上搜索处理的转换函数质量无法保证，这时直接使用成熟的js第三方库是首选。*注：“framework(框架)”，“library(库)”和“tool(工具)” 可以根据情境，在不同时期，对不同的人，意味着不同的东西。一、Lodash 和 Underscore(推荐参考阮一峰的日志)1.优点：将 Loda...
2019-08-13 12:15:00
808
转载 Nightwatch——自动化测试（端对端e2e）
背景：前端页面模拟仿真操作，目的是避免每次更新相关内容重复之前的测试操作，减少不必要的时间投入，以及校验功能的可用性。但是目前元素定位是个问题（每次页面有修改都要重设某些元素定位）使用Nightwatch进行E2E测试E2E测试不同于行为驱动测试（BDD）和单元测试独立运行并使用模拟/存根，端到端测试将试着尽可能从用户的视角，对真实系统的访问行为进行仿真。...
2019-08-12 21:44:00
220
转载 for循环的耗时问题
结论——用变量来缓存数组长度，效率会更高转载于:https://www.cnblogs.com/wheatCatcher/p/11325462.html
2019-08-09 10:17:00
306
转载 缓存表单输入内容——本地临时储存
背景：页面数据展示过多，我们会添加分页和搜索来定位需要查看的数据，当页面切换后，搜索的关键字会被清空解决方案：sessionStorage 关闭浏览器前均存储检索的关键字1.存储方法： sessionStorage.setItem('xxx', null) sessionStorage.setItem('xxx', JSON.stringify(data))...
2019-08-08 15:09:00
530
转载 正则校验——日常通用补充
使用场景：1.表单校验：2.自定义校验：3.数据过滤：一、表单校验：{ pattern: /xxxx/, message: 'xxxx', trigger: 'blur' }{ validator: validatorFun,required: true, type:'array'} const validateFun = (rule, ...
2019-08-02 12:48:00
193
转载 关于重构问题——编写可维护性高的代码
一、使用TypeScript：背景：RollBar是一个网页检测的网站，该网站统计了2018年前端项目抛出异常的种类，其中有七种是type error，即类型错误。异常最多的类型是读取了undefined变量的属性而这个问题可以通过TS定义严格的数据类型解决：type TypeApple = { name: string, count: number }/**...
2019-08-01 10:45:00
95
转载 嵌套的页面——自适应高度与跨越操作DOM
<div id="myIframeId"> <iframe ref="myIframe" name="odpIframeName" :src="iframeUrl" frameborder="0" align="middle" width="100%" hei...
2019-07-30 12:12:00
84
转载 屏蔽鼠标事件——避免双击触发2次单击或单击触发事件冒泡
背景：问题1.单击过快或使用双击后，会优先触发单击动作，可能出现执行多次单击动作，而规避方案就是：当出现双击动作时，不执行任何单击动作。问题2.单击父元素，触发了子元素的单击动作：停止当前节点及所有后续节点的同类事件问题3.右键触发了浏览器的右键菜单，如果屏蔽：父元素阻止冒泡事件问题1的解决方案：方案1：var flag = true;function c...
2019-07-30 11:07:00
406
转载 前端组件化设计——布局、逻辑、视图
一、拆分页面：将一个页面拆分成几个部分，如：父子包裹、左右或上下布局<!-- 上下布局 --><template> <el-card style="background: #fff;min-height: 800px" shadow="never"> <div slot="header...
2019-07-24 16:56:00
448
转载 ESLint——从零学起
介绍ESLint最初是由Nicholas C. Zakas于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具。因此，ESLint就是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。安装和使用先决条件：Node.js（> = 4.x），npm版本2+。有两种方式安装ES...
2019-07-20 19:25:00
174
转载 vue-cli脚手架——3.0版本项目案例
一、【准备工作】node与git部分见vue-cli2.0搭建案例vue-cli3.0是一个基于 Vue.js 进行快速开发的完整系统。有三个组件：CLI：@vue/cli全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令）CLI 服务：@vue/cli-service是一个开发环境依赖。构建于we...
2019-07-20 16:16:00
506
转载 vue-cli脚手架——2.0版本项目案例
一、【准备工作】Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/。Git 各平台安装包下载地址为：http://git-scm.com/downloads1.node -vnpm -v // 更新：npm update -gnpm config set registry https://registry.npm....
2019-07-20 15:12:00
299
转载 php框架——laravel
准备工作：见php语法篇末尾环境部署一、【创建一个表+插入数据】：手动创建或者执行sql语句DROP TABLE IF EXISTS `tb_business`;CREATE TABLE IF NOT EXISTS `tb_business` ( `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT COMMENT '主键',...
2019-07-19 21:34:00
236
转载 PHP基础——语法篇
<!-- 语句：通过 PHP，有两种在浏览器输出文本的基础指令：echo 和 print。 --> <?php echo "Hello World!"; //PHP 中的每个代码行都必须以分号结束。分号是一种分隔符，用于把指令集区分开来。 ?>1.PHP 脚本在服务器上执行...
2019-07-19 21:01:00
193
转载 页面展示异常的总结
显示异常问题总结：1.是否设置自适应布局；2.是否设置布局最小宽度；3.是否设置媒体查询隐藏多余内容；4.是否设置固定长度，不适配小屏展示；基本设置： html, body, #app { height: 100%; margin: 0px; padding: 0px; }...
2019-07-19 11:52:00
166
转载 echart——关系图graph详解
VueEchart组件见上一篇<template> <VueEcharts :options="options" auto-resize /></template><script>export default { data () { const title = { // s...
2019-07-17 16:22:00
1830
转载 echart——vue封装成公共组件
<!-- 自定义Echarts* options: Object,//数据* theme: String,//主题* initOptions: Object,//初始化* group: String,//分组* autoResize: Boolean,//自适应* modules: Array，//模型 -->...
2019-07-17 16:19:00
534
转载 vscode编辑器自定义配置
{ //删除文件确认 "explorer.confirmDelete": false, // 主题 "workbench.iconTheme": "vscode-icons", // 小地图 "editor.minimap.enabled": true, // 主题风格One Dark Pro // ...
2019-07-17 11:34:00
1004
转载 el-table——可合并单元格的表格
<el-table v-loading="loading" :data="tableData" border :span-method="colSpanMethod" > </el-table> //需要的合并效果：data spanArrs: { ...
2019-07-11 15:04:00
380
转载 el-table——可编辑拖拽转换csv格式的表格
<!--可拖拽的表格：表格内容+行参数+按钮名称（对话框标题）--><template> <div> <el-button size="mini" type="primary" @click="showDialog">{{ dialogTitle }}</el-bu...
2019-07-11 14:54:00
276
转载 vue——store全局存储
业务场景：刷新页面时，首次拉取所有配置，存储到store状态管理用于全局调用；import Vue from 'vue'import Vuex from 'vuex'import userInfo from './modules/user'Vue.use(Vuex)export default new Vuex.Store({ modules: {...
2019-07-11 12:41:00
2316
转载 iframe内嵌页面——跨域通讯
<template> <div class="act-form"> <iframe :src="src" ref="iframe" frameborder="no" align="middle" width="100%" height="60...
2019-07-10 17:51:00
229
转载 moment——日期格式化常用示例
<template> <div id="app" style="text-align: center;"> <h1>{{ msg | format}}</h1> </div></template><script>import moment from 'moment...
2019-06-13 12:02:00
392
转载 git——日常保险操作
git fetch --all //拉取远程最新代码git reset --hard origin/master //如果本地无法更新，使用远程覆盖本地git branch old_master //新建old_master分支做备份 git push origin old_master:old_master //push到远程 git res...
2019-06-11 10:44:00
112
转载 JS数组去重
一、简单的去重方法// 最简单数组去重法/** 新建一新数组，遍历传入数组，值不在新数组就push进该新数组中* IE8以下不支持数组的indexOf方法* */function uniq(array){ var temp = []; //一个新的临时数组 for(var i = 0; i < array.length; i++){...
2019-03-20 11:23:00
47
转载 自定义合并列：el-table
objectSpanMethod({ row, column, rowIndex, columnIndex }) {//合并规则 //当前行row、当前列column、当前行号rowIndex、当前列号columnIndex if (columnIndex === 0) {//第一列：参数column.property，内容：row.name，合并...
2019-03-14 15:41:00
187
转载 单页面登录——编码传参（oa会对#号会进行截断）
/***querystring有四种方法：注意queryString与query-string不是同一个依赖包*querystring.stringify序列化;*querystring.parse反序列化;*querystring.escape编码;//encodeURIComponent(),不使用escape()只编译汉字，encodeURI()不编译特...
2019-03-08 16:21:00
80
转载 echart参数设置——曲线图
{ title: { text: '请求返回码分布', subtext: '实时数据' }, tooltip: { trigger: 'axis', position: function (point, params, dom, rect, size) {//固定在顶部 return ...
2019-03-04 18:25:00
628
转载 常用的git命令
增加到暂存区中git add index.htmlgit add -A //全部添加到缓存区增加到版本库中git commit -m '备注信息'查看版本git log --oneline比较差异比较的是暂存区和工作区的差异 : git diff 比较的是暂存区和历史区的差异 : git diff --cach...
2019-02-14 12:12:00
48
转载 vue权威指南笔记02——对比v-if与v-show
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>对比v-if与v-show的使用</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5....
2019-01-04 20:35:00
70
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人