自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

子非鱼

记录成长,记录生活

  • 博客(29)
  • 收藏
  • 关注

原创 装修

主要工序水电改造 (多带几只铅笔将需要的线路划出来)墙体新砌找平填补防水闭水试验瓷砖铺贴地面找平石膏板吊顶及轻质隔墙施工及木工墙面基层处理室内门及门套的现场制作或厂家定制柜体制作或厂家定制(包括橱柜)喷刷墙漆厨卫及阳台吊顶安装室内门铺贴地板与踢脚线安装合金推拉门安装开关面板安装定制家具和相关电器设施调试安装灯具光源安装卫具洁具安装窗帘轨道和窗帘布其他定制采

2018-01-30 13:55:27 374

原创 快速制作雪碧图

分享一个快速生成雪碧图并生成对应css代码的网站 https://www.toptal.com/developers/css/sprite-generator 左边上传图片,右边生成雪碧图,并且可以选择图片的排列形式。

2018-01-30 09:35:30 12622 3

原创 win10多任务处理快捷键

点击当前程序,win键+←/→可以使该应用缩至一半,并能调动左右位置在上一步的基础上,同时按住win键+↑/↓,能实现右上角四分一窗口显示;任务视图快捷键win+Tab,显示当前运行的任务程序;win+Ctrl+D,新建桌面窗口,可以重新再进行多个程序操作,这样子就不会觉得很乱啦;win+Ctrl+←/→,切换新建桌面窗口;win+Ctrl+↑/↓,是程序右上角的最大化、向下还原、最小化的

2018-01-14 11:50:22 6832

原创 sublime快捷键

今天深入了解一下sublime的各种快捷键功能,作为一个专业coder,不深入了解一下自己的工作工具,实在是不应该,赶紧看看优雅的sublime会带给我们什么样的惊喜。使用频率五颗星Ctrl+/ 注释单行。Ctrl+Shift+/ 注释多行。ctrl + N —— 新建ctrl + shift + p —— 命令模式通常用于安装插件ctrl + p —— 全能搜索 直接搜索视为

2018-01-14 11:20:35 243

原创 css透明背景与多重背景的实现技巧

效果 源码html lang="en">head> meta charset="UTF-8"> title>Documenttitle>head>style> body{ background: #999; } .box{ width: 100px; height: 100px; float: left; margin-

2018-01-12 23:19:01 666

原创 解决页面滚动条出现和消失的过程页面会横向移动的问题

平时我们看一些网页刚开始加载的时候没有多少内容,页面也没有出现纵向滚动条,当我们点击加载更多,页面内容高度超过一屏于是出现滚动条,这个时候,页面会向左横向移动一段距离,正好是滚动条的宽度,这是因为滚动条的出现占据了原本属于内容显示区的空间,自然内容就会被挤到左边去,毕竟这是一个很不好的体验,那么有什么好的解决方案呢? 这里我们可以借助css3 的语法: calc(): 用于计算,IE9+浏览器

2018-01-10 18:55:36 6936

原创 debounce函数让一个方法在一定时间内只能执行一次

debounce函数让一个方法在一定时间内只能执行一次源码:function debounce(func, wait, immediate) { let timeout, args, context, timestamp, result const later = function() { // 据上一次触发时间间隔 const last = +new Da

2018-01-10 18:09:07 7487

原创 js将json转换成queryString的形式

js将json转换成queryString的形式代码:function cleanArray(actual) { const newArray = [] for (let i = 0; i < actual.length; i++) { if (actual[i]) { newArray.push(actual[i]) } }

2018-01-10 17:09:22 9744 4

原创 获取字符串的byte长度

获取字符串的byte长度代码:function getByteLen(val) { let len = 0 for (let i = 0; i val.length; i++) { if (val[i].match(/[^\x00-\xff]/ig) != null) { len += 1 } else { len += 0.5 } }

2018-01-10 17:04:48 2532

原创 js获取url中的查询字符并返回对象格式

js获取url中的查询字符并返回对象格式代码:function getQueryObject(url) { url = url == null ? window.location.href : url const search = url.substring(url.lastIndexOf('?') + 1) const obj = {} const reg = /

2018-01-10 17:02:30 961

原创 时间戳显示为多少分钟前,多少天前的JS处理

时间戳显示为多少分钟前,多少天前的JS处理代码:/*** 时间戳显示为多少分钟前,多少天前的处理** eg.** console.log(dateDiff(1411111111111)); // 2014年09月19日** console.log(dateDiff(1481111111111)); // 9月前** console.log(dateDiff(149991111

2018-01-10 16:56:48 4370 2

原创 js时间戳格式化成任意格式时间

时间戳转换成格式化日期JS代码:/*** 时间戳转换成指定格式日期** eg. ** dateFormat(11111111111111, 'Y年m月d日 H时i分')** → "2322年02月06日 03时45分"*/var dateFormat = function (timestamp, formats) { // formats格式包括 // 1. Y

2018-01-10 16:50:40 3476

转载 彻底弄懂 JavaScript 执行机制

本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。 不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单线程语言,所以我们可以得出结论:javascript是按照语句出现的顺序执行的看到这里读者要打人了:我难道不知道

2018-01-10 15:50:41 803 1

原创 codewar--刷题日记

1.Multiplication Tables Create a function that accepts dimensions, of Rows x Columns, as parameters in order to create a multiplication table sized according to the given dimensions. **The return

2018-01-08 15:09:12 905

转载 利用HTML5 Web Audio API给网页JS交互增加声音

转自张鑫旭老师博客 原文地址一、庞然的HTML5 Web Audio API首先务必要弄清这一点,本文这里所说的HTML5 Web Audio API和HTML5 元素完全不是一个东西,其体量也完全不是一个等级的,HTML5 Web Audio API接口的丰富程度和体量可以和HTML canvas API相提并论,其能实现的功能也非常令人瞠目。HTML5 Web Audio API可以让我们无中

2018-01-03 14:00:27 2165

原创 javascript闭包超级形象解释

闭包犹如编程语言中的吸血鬼,他们捕获部下并给其永久的生命,直到自己被摧毁。唯一的区别在于,闭包不会在阳光下化为灰烬。–Michael Fogus

2018-01-03 13:27:24 200

原创 Vue中数组和对象更改后视图不刷新的问题

Vue数据响应原理官方的解释很清晰: 当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性,这也就是为什么 Vue 不支持 IE8 以及更低

2018-01-02 11:29:51 52541 5

原创 js正则表达式入门教程(详细)

首先,我们先讨论一下什么是正则?为什么需要正则?正则能做哪些事情?正则表达式实际上就是规定了一系列的字符串规则,例如说我们看到18788724827就能知道这是一个手机号,看到[email protected]就知道这是一个邮箱。那么,我们怎么让计算机知道这一切呢?我们人类之所以能分辨出来是因为我们心里有一个模型,我们知道十一位的数字很有可能就是一个手机号,@+邮箱品牌+.com的组合很有可能是一个邮箱。

2018-01-02 09:03:45 3719 2

原创 Tree结构菜单遍历及path生成方法

今天是17年的倒数第二天,明天就是跨年夜,17年末尾给小伙伴们分享一个小工具。 平时我们经常会遇到这样的需求,一个对象数组,对象中的每一项通过id和pid形成父子关系,我们需要取出某一个id节点下的所以子节点形成一个又父子关系层级的新对象;或者取出某一个id节点在整个节点树中的path路径,即父子层级上的关系,类似于面包屑导航。可能说的比较乱,还是用数据说话:我们有这么一个data数组,可能是sp

2017-12-30 22:30:16 2055

原创 关于sublime统一tab和space的小窍门

不知道大家有没有遇到这种情况,在使用eslint等一些代码检查工具的时候,总会产生一些莫名其妙的错误提示,比如这个 机智的到eslint网站看一下,说是混用了tab和space,尼玛,我怎么控制自己用的是space还是tab?怎么知道用的啥?别急,看下图:有没有看到红色框框里有点点和横线两者格式?点代表的是一个空格,而一个短横杠就是一个tab,so,我们果然是混用了tab和space,可是,这个东

2017-12-28 10:34:23 10336 2

原创 利用css换行技术实现加载中动画效果

效果图css代码dot { display: inline-block; height: 1em; line-height: 1; vertical-align: -.25em; overflow: hidden;}dot::before { display: block; content: '...\A..\A.'; white-spa

2017-12-27 16:18:26 285

转载 一个简单使用的缓动方案

翻看张鑫旭大神的博客,发现这个简单实用的好东西,拿过来整理记录一下,放上原文链接: 原文地址原理// requestAnimationFrame的兼容处理if (!window.requestAnimationFrame) { requestAnimationFrame = function(fn) { setTimeout(fn, 17); }; }//

2017-12-27 14:44:42 427

原创 underscore方法--debounce

用法_.debounce(function, wait, [immediate]) Creates and returns a new debounced version of the passed function which will postpone its execution until after wait milliseconds have elapsed since the la

2017-12-27 13:58:23 1135

原创 Vue中computed,methods,watch用法上的异同

vue computed methods watch

2017-12-27 09:55:03 814

原创 走近富兰克林--《富兰克林自传》

最近在读富兰克林先生的自传,感触颇多,这个出身平凡,依靠个人努力和独特的人格魅力走向人生巅峰的传奇先生。又怎样不平凡的人生,又是什么因素促使他实现自己的不平凡。 富兰克林对自己品格的要求很高,他认为一个人的习惯决定了品质,而品质决定了人生的意义。为此,它特意为自己做了一个专门用于培养自己品格的表格,里面列举出了自己希望养成的各种品格,并且按周一次执行下去,这样更加容易做到循序渐进,不断完善自己。

2017-12-24 10:33:18 445

原创 硅谷来信总结

读书 一、得到专栏–硅谷来信工作篇1.职业发展朗道五级工程师理论 第五级:能独立解决问题,完成工程工作;第四级:能指导和带领他人完成更有影响力的工作;第三级:能独立设计和实现产品,并在市场上获得成功;第二级:能设计和实现别人不能做出的产品,也就是说他的作用很难取代;第一级:开创一个产业; 反观现在的自己只不过是刚够着第五级的台阶,还算不上一个真

2017-12-19 21:12:50 2874

原创 underscore源码解读 -- 目录

underscore常用功能类用void 0 代替 undefinedunderscore方法–debounce

2017-12-19 18:06:26 210

原创 用void 0代替undefined

为什么要用void 0代替undefined?因为undefined在javascript中不是保留字。也就是说你可以给undefined赋值:function changeUndefined() { var undefined = 'hello world' console.log(undefined); //'hello world'}我们可以在一个局部作用于中改变undefi

2017-12-19 18:04:50 487

原创 javascript函数式编程库-underscore.js

javascript函数式编程库-unserscore.js javascript作为一门支持函数式编程的语言,衍生出一批优秀的函数式编程解决方案的第三方开源库。大名鼎鼎的jquery解决了js操作dom的难题,而underscore的出现则提供了一整套完整的函数式编程apiunderscore几个常用的功能点总结:Collectionmap/filter// 用于数组console.l

2017-12-19 15:22:39 499

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除