猫先生的专栏

原创 好用的js片段

// 解构函数var fullName = ['jackie', 'willen'];const [firstName, lastName] = fullName;console.log('firstName', firstName, lastName)const data = { name: 'dys', age: 1 };const { name, age } = data;//内层循环判断中断外层循环var arr = [[1, 2, 3], [4, 5, 6], [7, 8,.

原创 日常数组相关

//条件 循环 switch (type) { case "on": do sth break; case "off": do sth break; } this.List.forEach(i => { this.$set(i, "isEdit", false); this.$set(i, "editName", i.

原创 vue +element pc端

// element <el-table-column prop="name" label="姓名" show-overflow-tooltip></el-table-column> <el-table-column type="index" label="序号" show-overflow-tooltip width="80"></el-table-column>//表格字段内容为空 <el-table-column ...

原创 日常中 数组 、正则 、时间等常用操作

数组排序 let events = _.cloneDeep(data) || []; events.sort((a, b) => { return a.createtime > b.createtime ? -1 : 1; });

原创 2019年6月28 前端高级 预备课

一、边界扩展积累 积累 != 聪明 !=天赋 取决你是否愿意不断学习、不断积累； 广积粮 缓称王英语 最新的文档资料 最新的技术 不要寄希望于别人翻译 加强英文阅读水平分享 输入、输出 分享过程中对知识的强化、 整理总结就是最好的学习 独学而无友 则孤陋而寡闻二八原则 80%的时间设计 20% codeing debug不要等待闲的 再...

原创 再一次创建Vue项目总结

1， 下载 node.js 安装 node -v npm -v 查看是否安装成功2，安装cnpm ，由于npm有些资源被屏蔽， npm install -g cnpm –registry=http://registry.npm.taobao.org 然后等待3，安装vue-cli 脚手架构建工具，npm install vue-cli (vue 2.x 版本) -...

原创 自适应方案 rem 和 vh

REM （flexible）rem (font size of the root element) 是指相对于根元素的字体大小的单位。 相对单位em (font size of the element) 相对父元素的字体大小的单位根据屏幕宽度设置HTML 标签的 font-size ,再在布局时使用rem 单位来布局，达到自适应的目的。 lib-flexible ： 1rem...

转载 vue 常见面试题

什么是 mvvm？MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，ViewModel 是一个同步 View 和 Model 的对象。在 MVVM 架构下，View 和 Model 之间并没有直接的联系...

转载 JavaScript 中更好地使用数组

使用 Array.includes 替代 Array.indexOf "如果需要在数组中查找某个元素，请使用 Array.indexOf。" 我记得在我学习 JavaScript 的课程中有类似的这么一句话。毫无疑问，这完全正确！ 在 MDN 文档中，对 Array.indexOf 的描述是：返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1。因此，如...

原创 js02基础

标签（label）JavaScript 语言允许，语句的前面有标签（label），相当于定位符，用于跳转到程序的任意位置，标签的格式如下。label: 语句标签可以是任意的标识符，但不能是保留字，语句部分可以是任意语句。标签通常与break语句和continue语句配合使用，跳出特定的循环。top: for (var i = 0; i &lt; 3; i++){...

转载 JS 调试相关

谷歌浏览器如今是Web开发者们所使用的最流行的网页浏览器。伴随每六个星期一次的发布周期和不断扩大的强大的开发功能，Chrome变成了一个必须掌握的工具。大多数前端开发者可能熟悉关于chorme的许多特点，例如使用console和debugger在线编辑CSS。在这篇文章中，我们将分享15个很酷的技巧，让你能够更好的改进工作流程。看完这些技巧你会惊奇而又兴奋的发现是不是很像Sublime Text。

转载 防火墙相关

iptables防火墙1、基本操作# 查看防火墙状态service iptables status  # 停止防火墙service iptables stop  # 启动防火墙service iptables start  # 重启防火墙service iptables restart  # 永久关闭防火墙chkconfig iptables o

转载 遇到的小问题记

2，过滤html中的双引号：//表内容for (vari=1;iresult.data.dataList.length;i++) {varctrdata=$('');varctrList="["+result.data.dataList[i]+']';ctrList=JSON.parse(ctrList);for (varm=0;mctrList.l

原创 vue 工作相关question

企业微信版本地：http://localhost:8081/?type=reportlist#/home/myreport

原创 简单特效插件

图片抖动等效果：https://daneden.github.io/animate.css/

转载 vue添加百度统计

申请百度统计后，会得到一段JS代码，需要插入到每个网页中去，在Vue.js项目首先想到的可能就是，把统计代码插入到index.html入口文件中，这样就全局插入，每个页面就都有了;这样做就涉及到一个问题，Vue.js项目是单页应用，每次用户浏览网站时，访问内页时页面是不会刷新的，也就意味着不会触发百度统计代码；所以最终在百度统计后台看到的效果就是只统计到了网页入口的流量，却无法统计到内页的访问流量...

转载 vue

原创 css

原创 示例 思路

DOM编程： 1，先定义界面： 通过html的标签将数据进行封装 2，定义一些静态的样式： 通过css 3，需要动态完成的和用户的交互 a. 先明确事件源 b.明确事件将事件注册到事件源上 c.通过javascript函数对象事件进行处理 d.在处理过程中需要明确被处理的区域table标签的示例。 1，在页面上通过...

原创 JavaScript01

在javascript中，0就是假；非0就是true with方法：作用这个对象。遍历对象或数组

原创 HTML基础01

html基础内容1，html就是超文本标记语言的简写，是最基础的网页语言。2，html是通过标签来定义的语言，代码都是由标签所组成。3，html代码不用区分大小写4，html代码由开始结束。里面由头部分和体部分两部分组成。5，头部分是给html页面增加一些辅助或者属性信息，它里面的内容会最先被加载6，体部分是真正存放页面数据的地方。多数标签都是由开始标签和结束标

原创 Server QA面试题

1，请问用过以下哪些工具或技术？ 例如： Jenkins ，Maven, Fiddler ,Chartes ,Postman ,Redis ,Nginx ,Tomcat ,ZooKeeper, RocketMQ ,Jmeter , Dubbo2,按照要求书写shell命令 1）日志相关 如果 error.log 查找到Exception 相关的记录有10000+ 条，怎么看最后1条记录

原创 Jmeter压测查看服务器性能

基本查看服务端性能常用命令： cup各核使用率，内存使用情况： top 按1； 服务端网络带宽查看：sudo iftop -n1.登录https://jmeter-plugins.org/wiki/PerfMonAgent/下载ServerAgent-2.2.1.zip，解压可以直接运行 2.到https://jmeter-plugins.org/downloads/old/下载JMeter