- 博客(41)
- 收藏
- 关注
RSS订阅原创 npm i失败解决
背景：有个好久没用的项目要改点东西，从git上下了代码之后执行npm install，竟然报错：Unhandled rejection Error: EACCES: permission denied, rename '
12596
原创 git stash恢复
背景在开发一个项目时，可能有时突然某个功能点或bug需要立即修复上线，但是当前开发的内容又还没达到上线的要求，这时候就会需要执行 `git stash save '信息'` 将当前代码暂存缓存区 。但是由于时间间隔太长，最近又有点懵逼，误操作执行了`git stash clear`，将之前保存的代码都删了(简直绝望)！！！！那怎么把删除的代码恢复过来呢？解决git fsck ...
2019-07-18 14:03:03
3493
原创 解决iframe跨域问题
目录场景解决跨域一：使用代理页面(来自 [伯纳乌的追风少年](https://www.jianshu.com/p/9d90d3333215))解决2:使用postmessage场景在开发中，发现部分页面内容在不同项目中重复率极高，像导航栏这种，不同项目都需要复制一份代码在项目中很麻烦，而且修改起来也工具量大，容易遗漏或错误。想到通过引用组件或iframe页面嵌套的方式解决，使用组件解决的话每次...
2019-05-15 14:32:50
24181
原创 elementUI switch控件应用记录
问题场景在使用swicth控件时，希望点击switch后，提交修改请求，请求返回正确后修改switch状态，否则，不修改。原switch只有change事件，可以在请求返回错误后将状态修改回去，但是这样页面会有一瞬间看到switch的改变且在状态复杂的情况下要做复杂的逻辑处理。分析change事件不能完美地满足需求，考虑如何为switch增加click事件，在click事件中进行操作方法...
2019-03-14 10:36:42
1282
原创 VUE:获取异步错误并自定义处理
这里写自定义目录标题问题场景分析一方法一:重新定义错误处理方法方法二问题场景在使用codemirror实现json、yml和property之间的转换时，使用了js-yaml插件处理json和yml，发现当输入yml格式错误时会在控制台输出错误提示，希望能够在页面上显示这个错误信息而不在控制台以error形式输出(且不影响vue默认的错误处理方法)。分析一查看vue的错误处理机制是Vue....
2019-02-25 16:56:39
3948
原创 常用html字符代码总结
　 中文全角空格(一个中文宽度)   普通英文半角空格   普通英文半角空格(不换行)       半个中文宽度     一个中文宽度     ...
2019-01-28 16:33:04
415
原创 js数值处理总结
千分位 toThousand(num) { return (+num || 0).toString().replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ',')) } 百分比 toPrecent(num) { if (num === 0) { ...
2019-01-22 18:28:32
198
原创 elemenui table合并单元格(总结)
<el-table :span-method="arraySpanMethod" ...></el-table> arraySpanMethod(obj) {...} obj为对象，其包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。 第4行除第1列外的所有单元格 let a = ...
2019-01-03 14:40:46
281
原创 Duplicate keys detected: 'xxx'. This may cause an update error.
场景：这个警告是在我使用vue的v-for循环中出现，代码：<el-tag v-for="attr in scope.row.attrs" :type="attr" :key="attr" > {{ attr }} </el-tag&g...
2018-11-19 15:50:46
11483
翻译 vue开发实战2.0.3——插件高级范围语法
前提：一个完整的版本号组表示为[主要版本号,次要版本号,补丁版本号]高级范围语法指按照确定的方法分离比较器为原始比较器。通过原始比较器可以明显的看出版本范围。连字符(-) X.Y.Z - A.B.C常规使用：1.2.3 - 2.3.4 1.2.3<=实际版本<=2.3.4 如果开始版本只提供了部分版本号，则用0替换丢失的部分：1.2 - 2.3.4 ...
2018-10-08 14:42:01
204
原创 vue开发实战2.1——atom插件配置
使用ATOM进行开发，引用插件： Emmet 基于Emmet语法产生HTML 让ATOM编辑器的EMMET插件支持VUE文件的方法 原资料出处：https://github.com/emmetio/emmet-atom/issues/364 atom-html-preview Atom编辑器内实时预览的工具,不支持vue Atom编辑器折...
2018-09-27 18:33:17
360
原创 vue开发实战2.0——插件使用
在引入插件后，可以在package.json中的dependencies和devDependencies看到。npm install 插件名 或 npm install 插件名 --save 归属dependencies，表示代码运行时所需要的包。npm install 插件名 --save-dev 归属devDependencies,表示开发时依赖的插件(即不会打包至线上)。如：jq...
2018-09-27 18:31:26
263
原创 vue开发实战2.0.2——使用scss
首先，按规矩先引用一段官方定义：Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compass）有助于更好地组织管理样式文件，以及更高效地开发项目。...
2018-09-27 18:28:26
865
原创 vue开发实战2.0.1——vue配置文件详解
目录 config/index.jswebpack.base.conf.js(基础环境配置)webpack.prod.conf.js(生产环境下的配置文件)webpack.dev.conf.js(开发环境配置)build/build.js config/index.js'use strict'// Template version: 1.3.1// see...
2018-09-27 16:06:08
483
原创 vue开发实战2——项目框架结构
为了在vue项目中更好的管理项目，按功能划分src文件，按业务模块划分前端展示相关内容。build 构建相关，相关配置文件详情。 打包时，命令执行npm run build时运行，其中webpack.base.conf.js文件当中的 entry: { app: './src/main.js' } 是入口路径。而 output:{...} ...
2018-09-26 10:02:37
619
转载 vue构建项目并添加依赖
1、vue-cli 快速构建项目npm install -g vue-cli //安装vue-clivue init webpack market-manage //构建并初始化项目cd market-managenpm run dev //启动项目2、安装 normalize.cssnpm install normalize....
2018-09-25 18:32:26
2945
转载 vue开发实战1——环境搭建(vue-cli)
一开始很多刚入手vue.js的人，会扒GitHub上的开源项目，但是发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。首先，列出来我们需要的东西： node.js环境（npm包管理器）vue-cli 脚手架...
2018-09-20 15:36:54
165
转载 如何优雅的使用 phpStorm
如何优雅的使用 phpStorm#按照惯例依然是从百科上复制一条简介: PhpStorm 是 JetBrains 公司开发的一款商业的 PHP 集成开发工具。PhpStorm可随时帮助用户对其编码进行调整，运行单元测试或者提供可视化debug功能和智能HTML/CSS/JavaScript/PHP编辑、代码质量分析、版本控制集成（SVN、...
2018-09-20 11:37:58
118
原创 node.js实战(一)
安装node.js，选择国内镜像.node -v 查看node.js版本 node 进入命令交互模式，可以输入一条代码语句后立即执行并显示结果 例： $ node console.log("hello world!"); hello world! ...
2018-09-20 10:21:02
156
原创 mac命令使用总结
su - xiaoming 切换到用户xiaoming su root 切换到root用户，需要输入密码，当忘记密码，执行sudo bash sudo bash 出现sh-3.2#，输入sudo passwd root sudo passwd root 修改root密码 ...
2018-09-18 16:50:08
146
原创 会话跟踪
首先，了解一下会话： HTTP是一种无状态协议，当用户发出请求，服务器就会做出响应，请求结束，连接断开，下次服务器再收到请求，它就不知道这个请求是哪个用户发过来的。由此可见，客户端与服务端之间的联系是离散的、非连续的。虽然当用户在同一网站的多个页面之间转换时，它知道是哪个客户端地址发过来的，却无法确定是否是同一个客户，而对于我们的应用来说，需要靠用户来管理，而不是靠客户端。 所...
2018-09-10 11:05:18
386
原创 sessionStorage、localStorage和cookie之间的区别
共同点：保存在浏览器端，且同源。区别： cookie localStorage sessionStorage 是否传递 始终在同源的http请求中携带(即使不需要) 不会自动把数据发给服务器，仅在本地保存 存储大小 <=4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据，如会话标识 5M或更大...
2018-09-10 11:03:21
309
原创 layui的laytpl使用，以table应用为例
laytpl是javascript模板引擎，在字符解析上有着教出色的表现，欠缺之处在于异常调试上。应用：table中某个字段值为obj类型的，需要遍历每个值进行处理后显示时 <script type="text/html" id="value_mapping"><div class="rowspan"> {{# layui.each(d....
2018-09-06 13:35:43
9576
原创 layui日期范围控件(支持周季)
需求：需要日期范围控件支持日周月季年，以及日期偏移，同时周类型具体应支持到选择周几(如周类型日期偏移为3，则只能选择周三)季周结果展示： 解决：/** * 初始化日期控件 * @param id 日期控件id #id * type 日期类型,date week month quarter year * offset 偏移量,周类型值为1-7，...
2018-08-21 10:08:06
10184
9
原创 js中date日期的使用总结
赋某日期为日期类型 new Date(myYear,myMonth,myDate);//当myDate为0时，返回当前月份的上月末日期 当前日期 now new Date() 设置日期分钟为0 now.setMinutes(0) 设置当前日期秒为1 now.setSeconds(1） 当前日期...
2018-08-08 16:17:53
6792
原创 layui数据表格跨行自动合并
需求描述：在数据表格中，对于按某个分类展示数据其分类下又有多个细分的嵌套细分项，如省市区昵称，省下面有多个市，市下面有多个区，区下面有昵称，需要实现跨行合并，且操作按钮以分类为单位（即操作按钮需按照分类合并）。需求分析：除操作列外，以左边列为基础单位进行跨行合并，当前单元格合并数<=左边列；操作列可以选择任意列作为基础单位（这个待完善）。原始页面：处理页面：...
2018-08-07 17:08:42
26897
12
原创 smarty的tpl语法使用
根据foreach执行次数判断下一个页面元素是否需要渲染 {counter start=0 skip=1 assign="count"} 在foreach里面添加：{counter} {if $count ==0}页面元素{/if} 使用replace处理变量值 {if $flag==true} {foreach $listsArr ...
2018-07-27 09:56:56
1834
原创 HTML5 文件上传-学习笔记
HTML：<form method="post" action="http://localhost/test" enctype="multipart/form-data"> <p>图片预览：</p> <p></p><div id="test-image-previe
2018-07-18 11:25:23
1911
原创 CSS清除浮动-学习笔记
为什么要清除浮动？首先说一下CSS中的定位机制：普通流（normal flow，也叫文档流或普通文档流），浮动，决定定位（其中'position:fixed'是'position:absolution'的一个子类）。1）普通流：很多人或者文章称之为文档流或者普通文档流，其实标准里根本就没有这个词。如果把文档流直译为英文就是 document flow ，但标准里只有另一个词，叫做 普通流 ...
2018-07-18 11:24:36
307
原创 jQuery内置动画样式-学习笔记
show()/hide()：从左上角逐渐展开或收缩；直接以无参数形式调用show()和hide()，会显示和隐藏元素，只要传递一个时间参数（或者'slow'、'fast'这些字符串）进去，就变成了动画；div.hide(3000);//在3秒内逐渐消失。div.show('slow');//在0.6秒内逐渐显示toggle()：根据当前状态决定是show()还是hide()。s...
2018-07-18 11:12:35
133
原创 CSS居中总结-学习笔记
一、水平居中(1) 行内元素.parent{ display:block; text-align:center;}(2) 单个块状元素.item{ margin:0 auto;}优点：实现方法简单易懂，浏览器兼容性强缺点：扩展性差，无法自适应未知项情况(3) 多个块状元素1、使用inline-block.parent{ disp...
2018-07-18 11:12:08
166
原创 get和post的区别-学习笔记
参数GET传递的参数只能带URL后面，文本格式QueryString，各浏览器一般有长度限制，一般是2048，如果有中文字符更短。提交到服务器端的数据量小。 POST可以传递application/x-www-form-urlencoded的类似body参数。提交到服务端的数据量大。 ...
2018-07-18 11:11:38
113
原创 防止SQL注入攻击-学习笔记
所谓SQL注入，就是通过把SQL命令插入到web表单提交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。具体来说，它是利用现有应有程序，将（恶意的）SQL命令注入到后台数据库引擎执行的能力，它可以通过在web表单中输入（恶意）SQL语句得到一个存在安全漏洞的网站上的数据库，而不是按照设计者意图去执行SQL语句。SQL注入是比较常见的网络攻击方式之一，它不是利用...
2018-07-18 11:10:46
8566
原创 layui多选下拉使用笔记
formSelects-v4:http://sun.faysunshine.com/layui/formSelects-v4/example/example_v4.html 201809:http://sun.faysunshine.com/layui/formSelects-v4/example/example_v4.html#select_linkagebug、新增内容、修改内容...
2018-07-18 11:08:54
11531
2
原创 js的执行时间控制
使用cookie设置js只执行一次 设置一个cookie变量存储时间，每个页面访问后都用js去更新这个时间。为了避免开着多个页面，多次弹出窗口，还需要再设置一个cookie（isalert）为标识是否已经弹出过窗口。每个页面的JS代码都要有一个setTimeout去间隔时间读取这个cookie，如果间隔达到了24小时。就弹出窗口，并将isalter设置。 function...
2018-07-18 11:05:52
2572
原创 正则表达式使用总结
实例 匹配年月日 ^([0-9]{3}[1-9]|[0-9]{2}[1-9][0-9]{1}|[0-9]{1}[1-9][0-9]{2}|" + "[1-9][0-9]{3})(((0[13578]|1[02])(0[1-9]|[12][0-9]|3[01]))|" + "((0[469]|11)(0[1-9]|[12][0-9]|30))|(02(0[1-9]|[...
2018-07-18 11:00:28
210
原创 关于include和require-学习笔记
服务器端包含（SSI）用于创建可在多个页面重复使用的函数、页眉、页脚或元素。include（或require）语句会获取指定文件中存在的所有文本/代码/标记，并复制到使用include语句的文件中。语法： include 'filename'; require 'filename';include和require语句是相同的，除了错误处理方面：require会生成致命错误(E_COMP...
2018-04-18 15:59:57
208
原创 php常量及函数-学习笔记
常量__FILE__当前代码所在文件(而不是url所在文件)完整路径。详情。FILESYSTEM函数:允许访问和操作文件系统readfile(文件名[,include_path[,context]])读入一个文件并写入到输出缓冲。如果想在include_path中搜索文件，可以使用include_path参数并将其设为true。错哦ntext规定文件句柄的环境，context是可以修改流的行为的一...
2018-04-17 15:33:06
469
原创 class继承-学习笔记
总结：1.子类需要使用super(...)调用父类的构造函数，否则父类的name属性无法正常初始化；2.class的作用就是让JavaScript引擎去实现原来我们需要自己编写的原型链代码；3.对于不支持ES6的class的主流浏览器，可以使用Babel工具把class代码转化成传统的原型链代码。class Student{ constrcutor(name){ this.nam...
2018-03-09 14:28:07
163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人