- 博客(88)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 记录一次sass安装失败的解决方案
1，使用gem install sass 报错依次执行下面三条命令，移除旧源，改用新源gem sources --remove http://rubygems.org/gem sources --remove https://rubygems.org/gem sources -a https://gems.ruby-china.org/然后执行下面的命令，查看源列表gem so...
2019-05-08 10:33:41
365
原创 vue学习笔记 slot插槽 自定义指令 生命周期实例
<!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src="https://cdn.jsdelivr.net/vue/2.2.3/vue.js"></script&am
2018-11-07 10:55:17
472
原创 js树结构数据和数组相互转换方法
&amp;lt;script&amp;gt; var pub = { // tree 为当前树的数据源 key为父节点key值 treeTransArray: function(tree, key) { return tree.reduce(function(con, item) { var callee = argu...
2018-10-26 16:20:45
8655
原创 本地使用nvm安装的node版本在安装express时遇到express不是内部或外部命令，也不是可运行的程序
由于在本地安装node版本时，使用nvm安装，所以在安装express时遇到express不是内部或外部命令，也不是可执行程序的问题， 尝试使用此篇博客提供的方法， npm install -g express npm install -g express-generator 执行命令后发现还是没有解决当前出现的问题，于是开始查找是不是本地配置的问题，发现全局...
2018-09-06 12:18:54
760
转载 js彻底解决中文乱码问题
如果一个页面规定了整个页面的编码格式为utf-8，但是由于浏览器默认编码为iso-8859-1,在数据提交到服务器后好说，不管是java还是php都可以轻松的进行不同编码格式之间的相互转换，举一个极端情况的例子，我要把地址栏中的某一段中文数据获取到，并且放到input输入框中，如果页面编码格式是utf-8，那么使用下面这段代码必然是乱码 $(‘input:first’).val(windo...
2018-09-04 09:45:30
35538
转载 字符串处理
题目： 写一个字符串转换成驼峰的方法？例如：border-bottom-color -&gt; borderBottomColor方法一let str = "border-bottom-color";function change(val){ // 用‘-’切分成一个数组 let arr = val.split('-'); // 首字符大写 ...
2018-08-30 15:12:55
212
原创 函数节流demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <sc
2018-08-30 14:16:00
257
转载 js函数节流防抖动
js函数节流和函数防抖函数节流: 频繁触发,但只在特定的时间内才执行一次代码函数防抖: 频繁触发,但只在特定的时间内没有触发执行条件才执行一次代码函数节流函数节流应用的实际场景，多数在监听页面元素滚动事件的时候会用到。因为滚动事件，是一个高频触发的事件。以下是监听页面元素滚动的示例代码：// 函数节流var canRun = true;document.getEle...
2018-08-22 14:50:12
245
原创 一道js题 [] == ![] 引发关于严格运算符（===）和相等运算符（==）的思考？
前段时间看见这样一道js的题，[] == ![] 的结果，经过在chrome控制台中打印发现结果是true,才发现自己没有完全掌握好 “==”和”===”的底层比较原理。 于是查阅相关文档，关于”==” 和 “===”的总结： “===”叫做严格运算符，”==”叫做相等运算符。 严格运算符的运算规则如下： 1、如果类型不同，就[不相等] 2、如果两个都是数值，并且是同一...
2018-07-23 12:16:22
3988
3
原创 图片知识总结
1.图片格式分类： （1）无压缩。无压缩的图片格式不对图片数据进行压缩处理，能准确地呈现原图片。如BMP。 （2）无损压缩。压缩算法对图片的所有的数据进行编码压缩，能在保证图片的质量的同时降低图片的尺寸。如png。 （3）有损压缩。压缩算法不会对图片所有的数据进行编码压缩，而是在压缩的时候，去除了人眼无法识别的图片细节。因此有损压缩可以在同等图片质量的情况下大幅降低图片的尺寸。如jpg。...
2018-07-13 10:21:54
463
原创 使用eventBus 实现兄弟组件间通信
1.在list组件中每个选项绑定点击事件，并通过eventBus.$emit触发选中项。2.在alert弹窗组件中使用eventBus.$on接收list组件传递来的选中项并控制自身显示。&amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;html lang=&amp;amp;amp;quot;en&amp;amp;amp;qu
2018-06-25 17:48:38
1158
转载 jq插件实现
1：jQuery插件开发分为类级别开发和对象级别开发，因为类级别开发在真实项目中几乎不用，下面只对象级别进行探究。a ， 首先准备好一个架子，如下：;$(function($){})(jQuery);b， 这个架子是你编写插件代码要写入的空间，下面简单解释一下这个架子：1）在jQuery环境下封装自己的插件，首先为避免与其他库的冲突，需要在插件的后面传一个jQuery参数进去...
2018-05-29 10:29:38
394
原创 获取元素位置函数
function getRec(ele) { var _t = document.documentElement.clientTop, _l = document.documentElement.clientLeft, rect = ele.getBoundingClientRect(); return { top: rect.to...
2018-05-28 19:42:20
422
原创 span标签模拟input checkbox实现父子级选中同步，vuejs数据绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://unpkg.com/[email protected]
2018-03-21 11:13:57
2093
原创 vue父子组件传参学习
Document {{total}} Vue.component('click-add',{ template:'{{count}}', data:function(){ return {
2018-03-20 00:26:50
344
原创 记一次svn更新失败lock后解决方案
svn出现此错误：SVN Update Error: Please execute the 'Cleanup' command,原因：有文件未提交，就删除文件或者是删除目录造成；尝试解决方案：1.右键选择clean up 中有一个选项break lock勾选上，结果失败；2.进入.svn隐藏文件夹寻找lock文件，未出现，结果失败；3.将项目重新拉取一遍替换当前.svn文件夹，结果修复。...
2018-03-19 16:50:48
1138
原创 ngrok实现内网穿透
一、访问https://dashboard.ngrok.com/user/login此地址，注册账号或者使用gayhub账号登录二、下载相关文件三、打开ngrok.exe文件四、执行当前命令五、ngrok http 80 , 80为启动本地服务的端口号六、访问生成的动态域名...
2018-03-16 09:25:37
289
1
原创 js 深拷贝
（1）方法1function copy(obj1,obj2){ var obj2=obj2||{}; for(var name in obj1){ if(typeof obj1[name] === "object"){ //先判断一下obj[name]是不是一个对象 obj2[name]= (obj1[name].constructor===Array)?[]:{};
2018-03-06 11:33:39
247
原创 js生成随机id方法
function randomRangeId(num){ var returnStr = "", charStr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; for(var i=0; i<num; i++){ var index = Math.r
2018-03-05 12:06:15
4157
原创 从头开撸vue全家桶
从头开撸vue全家桶由于项目中不能经常用到很多知识，所以会遗忘很多以前的知识点，从头开始撸一遍，做个小demo出来。同步更新：https://github.com/yuedongxu/vueDemo...
2018-02-28 16:09:09
319
原创 js常用函数库总结
/*1.深拷贝*///（1）function deepClone(obj) { if (!obj && typeof obj !== 'object') { return; } var newObj = obj.constructor === Array ? [] : {}; for (var key in obj) { if (
2018-01-16 10:05:08
4831
2
原创 es6学习-let,const
> <!DOCTYPE html> <html lang="en">> <head>> <meta charset="UTF-8">> <meta name="viewport" content="width=device-width, initial-scale=1.0">> <meta http-equiv="X-UA-Compatible" content="i
2017-12-06 11:31:06
137
原创 js reduce方法
1.使用reduce（）对数值进行累加<script>var arr = [1,2,3,4,5]arr.reduce(function(prev,curr,index,array){console.log(prev +curr);console.log(index);console.log(array)return prev + curr});</script>2.将多个数组合并成
2017-11-30 17:05:09
2208
原创 使用when.js解决函数回调地狱
1.如果函数a2执行依赖a1的返回值就会将a2函数的调用方法写入a1的回调函数中，如果是$ajax请求就需要卸载success中，如果依赖过多就会产生毁掉地狱。如下：function a1(cb){setTimeout(cb,1000);console.log('a1 finish');} function a2(){console.log('a2 finish');}a1(a2);
2017-11-30 17:02:22
2019
1
原创 扩展jquery 实现增强版console.log方法
1.console.log()方法在打印原始类型变量的时候会正常的输出，如string,number...，在输出对象类型的时候就会得到[object Array]或[object Object],这时候就需要使用JSON.stringify()进行数据格式转换；2.扩展jquery方法实现打印不同类型的数据$.extend({ log:function(message){ ...
2017-11-29 16:52:10
4212
原创 js 时间格式化
将yyyyMMddhhmmss转换为yyyy-MM-dd hh:mm:ssvar str="20170703051000";var nstr=str.substr(0,4)+"-"+str.substr(4,2)+"-"+ str.substr(6,2) +" "+ str.substr(8,2) +":" +str.substr(10,2)+":"+str.substr(12,2)
2017-09-21 10:36:42
274
原创 css设置关于溢出隐藏
1.如果需要实现标签中的文本内容的溢出隐藏显示省略号在父元素设置一个宽度在子元素内设置{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}这三个属性就可以了，2.如果需要实现标签内中的标签实现溢出隐藏显示省略号父元素使用块元素，子元素使用行内元素比如em标签，然后在子元素内设置...
2017-09-01 17:05:28
6220
原创 js reduce用法
1.使用reduce（）对数值进行累加<script>var arr = [1,2,3,4,5]arr.reduce(function(prev,curr,index,array){ console.log(prev +curr); console.log(index); console.log(array) return prev + curr...
2017-08-31 14:42:27
486
转载 sublime 快捷键收藏
Ctrl+D 选词 （反复按快捷键，即可继续向下同时选中下一个相同的文本进行同时编辑）Ctrl+G 跳转到相应的行Ctrl+J 合并行（已选择需要合并的多行时）Ctrl+L 选择整行（按住-继续选择下行）Ctrl+M 光标移动至括号内开始或结束的位置Ctrl+T 词互换Ctrl+U 软撤销Ctrl+P 查找当前项目中的文件和快速搜索；输入 @ 查找文件主标题/函数；或者输入 : 跳转...
2017-08-24 16:43:02
178
原创 vue组件学习6（props传参）
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script src="js/vue-1.0.24.debug.js">&
2017-08-12 17:45:18
964
原创 vue组件学习5(tab切换)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="js/vue-1.0.24.debug.js"
2017-08-12 17:13:43
868
原创 vue组件4-props传参2
vue组件4-props传参2-子元素通过$emit改变父元素中状态<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>父子组件传参5</title></head><
2017-07-11 11:27:37
363
原创 vue组件3-父子组件props传参
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>父子组件传参-props</title></head><script src="vue.js"&a
2017-07-11 11:19:16
2791
原创 vue组件2-局部注册
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>局部注册</title></head><script src="vue.js">&a
2017-07-11 11:09:58
1136
原创 vue组件1-全局注册
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>全局注册</title></head><script src="vue.js">&a
2017-07-11 11:08:22
797
原创 解决移动端文本框被原生键盘弹出后挡住文本框
记一次，解决移动端文本框弹出键盘遮挡输入框的方法:document.activeElement.scrollIntoViewIfNeeded();方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。 如果该元素已经在浏览器窗口的可见区域内，则不会发生滚动。 使用方法：var input= document.getElementById("input");inp...
2017-07-04 15:35:26
5966
原创 学习js扩展运算符
<!DOCTYPE html><html><head> <title>扩展运算符</title> <meta charset="UTF-8"> <meta name="description" content="" />
2017-06-01 12:10:18
791
原创 三栏布局（圣杯布局和双飞翼布局）
1.圣杯布局<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>圣杯布局</title><style>*{ margin: 0; padding: 0;}.con
2017-05-27 11:40:40
516
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人