自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

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

转载 每天学点node系列-zlib

永不放弃,永不放弃又有两个原则,第一个原则是永不放弃,第二个原则就是:当你想放弃时回头看第一个原则。概览做过web性能优化的同学,对性能优化大杀器gzip应该不陌生。浏览器向服务器发起资源请求,比如下载一个js文件,服务器先对资源进行压缩,再返回给浏览器,以此节省流量,加快访问速度。浏览器通过HTTP请求头部里加上Accept-Encoding,告诉服务器,“你可以用gzip,...

2019-07-11 20:58:00 221

转载 每天学点node系列-fs文件系统(续)

理想如果不向现实做一点点屈服,那么理想也将归于尘土。创建目录异步创建目录path<string> | <Buffer> | <URL>options <Object> | <integer> - recursive <boolean> 默认值: false。 - mode <integer&...

2019-07-10 21:27:00 196

转载 每天学点node系列-fs文件系统

好的代码像粥一样,都是用时间熬出来的。概述文件 I/O 是由简单封装的标准 POSIX 函数提供的。 通过 require('fs') 使用该模块。所有文件系统操作都具有同步和异步的形式。异步的形式总是将完成回调作为其最后一个参数。 传给完成回调的参数取决于具体方法,但第一个参数始终预留用于异常。 如果操作成功完成,则第一个参数将为null或undefined。// ...

2019-07-09 23:19:00 211

转载 每天学点node系列-http

任何可以使用JavaScript来编写的应用,最终会由JavaScript编写。--Atwood's Lawhttp模块概览http模块主要用于创建http server服务,并且支持更多特性不缓冲请求和响应能够流式传输数据借助http模块,可以几行代码就搞定一个超迷你的web server:var http=require("http")http.createS...

2019-07-08 21:13:00 141

转载 每天学点node系列-stream

在编写代码时,我们应该有一些方法将程序像连接水管一样连接起来 -- 当我们需要获取一些数据时,可以去通过"拧"其他的部分来达到目的。这也应该是IO应有的方式。 -- Doug McIlroy. October 11, 1964为什么应该使用stream?在node中,I/O都是异步的,所以在和硬盘以及网络的交互过程中会涉及到传递回调函数的过程。你之前可能会写出这样的代码:var...

2019-07-05 20:59:00 138

转载 聊聊前端模块化开发

随着JavaScript开发变得越来越普遍,命名空间和依赖性变得越来越难以处理。前端开发者都以模块化的方式处理该问题。在这篇文章中,我们将探讨前端开发人员目前使用的模块化方案以及试图解决的问题。为什么需要JavaScript模块?模块化可以使你的代码低耦合,功能模块直接不相互影响。可维护性:每个模块都是单独定义的,之间相互独立。模块尽可能的需要和外部撇清关系,方便我们独立的对其进...

2019-05-24 09:40:00 267

转载 位运算解决多标签问题【原创】

日常开发中经常用到一个酒店下有多个标签比如酒店的风格特点有:无柱场地方正豪华美食自然采光园林草坪温泉景区周边水景泳池中式院落西式装修少数民族 会场进车高尔夫我们一般都会对其进行编号:{ '1': 无柱, '2': 场地方正, '3': 豪华, '4': 美食, '5': 自然采光, '6': 园林草...

2019-05-19 21:51:00 271

转载 vue系列之动态路由【原创】

开题最近用vue来构建了一个小项目,由于项目是以iframe的形式嵌套在别的项目中的,所以对于登录的验证就比较的麻烦,索性后端大佬们基于现在的问题提出了解决的方案,在看到他们的解决方案之前,我先画了一个比较标准的单系统的解决方案。本文目录:一: 设想二: 讨论三:实现四:总结一: 设想简单解释下上图就是:首先前端从cookie获取token,如果没有token就...

2017-09-09 18:18:00 258

转载 <未来世界的幸存者> 读后感(现实篇和职业篇)【原创】

摘要:前几天有幸看到阮老师的 <未来世界的幸存者)>,花了几晚的时间阅读完毕,内心受到了很大的触动,现在将感觉不错的地方记录下。职业篇1. 为什么雇佣制度对工人不利?雇佣制度是一种有倾向性的制度:对资方有利,对劳方不利。资方和劳方的利益是对立的:工人少拿一点,老板就多赚一点。这一点并没有问题,利益分配总是这样。雇佣制度的真正问题是劳资双方的地位不平等,做出决策...

2017-08-16 21:19:00 133

转载 聊一聊FE面试那些事【原创】

最近公司由于业务的扩展、技术的延伸需要招一批有能力的小伙伴加入,而我有幸担任“技术面试官”的角色前前后后面试了不下50多位候选人,如同见证了50多位前端开发者的经历一样,在面试的过程中也让我获益匪浅,特此记录。本文目录:属于什么级别/应该掌握哪一些技能?面试中的一些事我们在面试需要注意什么?一: 属于什么级别/应该掌握哪一些技能?本次的招聘对于级别没有特殊的限制,所以在初...

2017-07-26 19:32:00 140

转载 解决window.navigator.geolocation.getCurrentPosition在IOS10系统中无法进行地理定位问题 【原创】...

昨天接到用户通知说在点击“看场地”时无法获取地理位置信息。在接到通知时,首先想到的是排查机型问题。由于客户多为IOS用户,所以最先看的是在安卓是有没有此问题的发生,调查结果为安卓没有任何问题。再排查IOS的版本问题,结果发现无法获取地理位置的为IOS10版本,而IOS9上同样无此现象的产生。所以基本定位到是IOS 10版本可能对我们现在的代码没法兼容,没办法小胳膊弄不过大腿,所以我们...

2017-05-17 15:54:00 359

转载 JavaScript中的数据结构及实战系列(2):栈

开题: 不冒任何险,什么都不做,什么也不会有,什么也不是。本文目录栈介绍:JavaScript实现栈:栈的应用:栈介绍:和队列一样,栈也是一种表结构,但是和队列的“先进先出”不同的是栈是“先进后出”的一种数据结构,它更像我们生活中向箱子里放东西,后放的在上面,最先被我们取出来。由于栈是“先进后出”的结构,所以我们基本上都是对栈顶元素的操作,任何不在栈顶的元素都不能...

2017-04-25 11:16:00 69

转载 JavaScript中的数据结构及实战系列(1):队列

开题 张三丰教无忌太极剑法: 还记得吗? 全都记得. 现在呢? 已经忘却了一小半. 啊,已经忘了一大半. 不坏不坏,忘得真快,那么现在呢? 已经全都忘了,忘得干干净净. 好了,你上吧.长时间写前端代码,将自己以前的积累都忘得一干二净,所以开了一个关于J...

2017-04-24 15:05:00 100

转载 JavaScript中的数据结构及实战系列

本系列主要是讲解JavaScript中的数据结构及在实际项目中遇到的地方JavaScript中的数据结构及实战系列(1):队列JavaScript中的数据结构及实战系列(2):栈转载于:https://www.cnblogs.com/jingh/p/6742727.html...

2017-04-21 11:25:00 78

转载 gulp基于seaJs模块化项目打包实践【原创】

公司还一直在延续使用jq+seajs的技术栈,所以只能基于现在的技术栈进行静态文件打包,而众所周知seajs的打包比较“偏门”,在查了不少的文档和技术分享后终于琢磨出了自己的打包策略。本文目录1. devDependencies依赖2. css的压缩、合并、md53. seajs合并4. js压缩5. html压缩6. 程序的默认执行7. 总结一:devDepend...

2017-04-18 13:24:00 115

转载 关于首屏性能优化的总结【原创】

这两天一直在看首屏优化的文章,所以将其总结归纳一下,方便以后使用。相对于移动端的首屏优化,PC在有些方面要苛刻得多,主要是因为PC端有太多的东西想要让用户看到,这就难免PC端的页面大而“重”,与我们现在“富客户端”的概念想相呼应。本文目录1. 什么是首屏?2. 为什么要做首屏优化?3. 大公司是怎么做首屏优化的?4. 还需要注意些什么?一 什么是首屏?以800x600...

2017-03-10 15:55:00 846

转载 你还在为移动端选择器而捉急吗?【原创】

开题:得益于项目的上线,现在终于有时间来写一点点的东西,虽然很浅显,但是我感觉每经历一次项目,我就学到了很多的东西,现在接着上次的文字轮播将本次项目中学到的其他东西分享出来。这次分享的是一个基于jquery/zepto的选择器插件github地址:https://github.com/jinghaoo/mobile-selector相信对于移动开发有过经验的同学都对UI的不统一而感...

2017-02-09 11:07:00 120

转载 我是这样写文字轮播的【原创】

闲谈:今天打开园子发现园龄已经指向1年,才恍然发现时间的流逝永远是悄无声息的,离开学校那座象牙塔已经也有大半年的事件了,生活中不再充满了茫然只有忙碌。连续加班加点大半个月,做的活动项目终于算是告一段落了,而今天也将是考验其真正价值的时候,现在将这次开发中遇到的问题做一下总结。项目背景: 这次的项目主要是做一次全国酒店人气排名的营销活动,主要是基于在微信中传播,预计访问量达到亿级,并发做...

2017-02-08 13:07:00 115

转载 话说Fetch这个API

前言:最近在研究React这个框架,成功的成为了一名新的入坑着。用过React的都知道React的强大主要是在于它的生态的强大,React说的再大不过也就是一个UI框架罢了。不过我们学习react也主要因为这个生态,有facebook支持,质量相对有保障,衍生出的react-native, react-canvas等轮子在很多场景下可以直接拿来用。碎片化是React当前的状态,比如fl...

2017-01-16 17:27:00 76

转载 ***网Web前端开发规范(初稿)

这几天一直在梳理关于前端方面的开发规范,现在暂时梳理了HTML的开发规范,暂且放置于此!规范目的:使开发流程更加规范化文件命名规范:(需审批)1.项目命名 全部采用小写方式, 以下划线分隔。 例:my_project_name2.目录命名 参照项目命名规则; 有复数结构时,要采用复数命名法。 例:scripts, styles, images, dat...

2017-01-16 16:15:00 151

转载 移动端常用功能总结【原创】

1.rem常用框架(js计算--来自淘宝) <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> ...

2017-01-11 15:49:00 347

转载 万豪项目总结

技术总结:移动端的问题1. border 涉及到1px线的问题最好给宽度为具体的像素 不要给rem,因为很多的手机不支持0.5像素,可能会发生问题2. 图片最好给背景图片(在图片尺寸不统一的情况下)3. 注意css3的前缀4. 国产手机自带浏览器(如华为),有的外联样式会有问题。5. 文字垂直居中最好用padding6. 盒子水平居中 用inline-block + tex...

2017-01-09 14:10:00 101

转载 解决jquery animate({scrollTop$pos},500)与$(window).scroll方法冲突的问题

当点击节点时 先移除$(window).on("scroll")监听事件 在animate动画结束之后再添加上 1 $('#J_tab li').on('click', function(){ 2 3 $(window).off(".changeCityActive"); 4 5 $('html,...

2017-01-09 13:57:00 627

转载 一波水文来袭-让我们一起谈谈闭包【原创】

对于前端人员面试,出现频率最多也是让人最头疼的就是面试官说:“请简单谈一谈你对闭包的理解”。对于这一个几乎快被人问烂的问题,屡屡出现在我们面试或被面试的过程中的原因很简单--我们一直都在接触闭包,却很少去正确地对待它。因为闭包是因为JS的一些语言特性而形成的,所以在谈它之前我们首先要了解一下的知识点1.执行上下文2.作用域3.垃圾回收机制4.函数嵌套本文只会简单的...

2016-11-18 21:08:00 179

转载 JS模块化规范AMD之RequireJS

1.基本操作加载 JavaScript 文件(入口文件)RequireJS以一个相对于baseUrl的地址来加载所有的代码<script data-main="scripts/main.js" src="scripts/require.js"></script>相关配置requirejs.config({ ...

2016-11-02 23:04:00 89

转载 JS模块化规范CMD之SeaJS

1. 在接触规范之前,我们用模块化来封装代码大多为如下: ;(function (形参模块名, 依赖项, 依赖项) { // 通过 形参模块名 修改模块 window.模块名 = 形参模块名 })(window.模块名 || {}, 依赖项, 依赖项)分号是什么作用?答:为了防止前面的代码没有添加分号造成语法解析错误,也可能会是 "!",...

2016-11-02 22:59:00 98

转载 邂逅Sass和Compass之Compass篇

本文主要讲解Compass的内容,众所周知Compass是Sass的工具库,如果对Sass不甚了解的同学可以移步 邂逅Sass和Compass之Sass篇 Sass本身只是一个“CSS预处理器”,Compass在它的基础上,封装了一系列的模块和模板,补充了Sass的功能。1.Compass的安装和Sass一样,Compass也是用Ruby语言开发的,所以在安装Sass之前必须先安...

2016-10-23 21:37:00 104

转载 邂逅Sass和Compass之Sass篇

对于一个从后台转到前端的web开发者来说,最大的麻烦就是写CSS,了解CSS的人都知道,它可以开发网页样式,但是没法用它编程,感觉耦合性相当的高,如果想要方便以后维护,只能逐句修改甚至重写相当一部分的CSS。随着后台人员大量的涌入前端这个行业,CSS又焕发了新的春天,人们开始为CSS加入编程元素,也就是“CSS预处理器”。它的基本思想就是用一门专门的编程语言,进行网页样式设计,然后再编译...

2016-10-14 11:40:00 90

转载 跨域浅谈

  说到跨域,我们就不得不先提一下同源。  同源是浏览器的一种安全策略,所谓同源是指,域名,协议,端口完全相同,而不同源就是跨域。也就是说我们如果域名,协议,端口只要有一个不是不同的那么就是跨域。  举个例子说:http://www.example.com/http://api.example.com/detail.html 不同源 域名不同 http...

2016-09-29 23:48:00 67

转载 关于rem的一点总结【原创】

关于rem的一点总结  最近在写一个关于小说阅读的webApp,由于没有借用任何框架,所以很多底层的内容都需要自己去解决,幸好的是这次只是关于移动端的内容,还不至于去向着jquery的方向码代码。言归正传,前几天在处理底色切换的时候,由于需要做到自适应即盒子的高度随着盒子的宽度变化,各种找资料发现了3中比较典型的解决办法,具体请点下面链接:     移动端布局:写一个自适应的正...

2016-09-26 22:23:00 165

转载 移动端布局:写一个自适应的正方形盒子【原创】

移动端布局,div按比例布局,宽度为百分比,让高度和宽度一样,即让div为正方形最近在写一个小程序,遇到了一个布局问题:一个div宽度比例width:20%,比如是屏幕宽度的20%,想让高度和宽度一样,即让这个div是正方形,怎么实现呢?因为做的是移动端,屏幕宽度不定,又想让这个div盒子宽高一样,呈现为正方形。效果如下:现在将查询到的方案汇总一下:方案一:J...

2016-09-21 14:14:00 366

转载 深度理解onmouseover事件和onmouseout事件

  今天简单的讲解下onmouseover事件和onmouseout事件,一直以为它们只是简单的分别实现鼠标指针移动到元素上时触发事件和在鼠标指针移出指定的对象时触发事件,但是突然发现这些只是对它们简单的描述,下面让我们一起看看它们终究还有神马奇怪的特性,是好还是坏呢?  首先实现一个盒子:        给这个盒子上绑定上onmouseover事件和onmouseout事件...

2016-08-15 00:25:00 493

转载 css 三(清除浮动专题)

1. 三个关于浮动的概念不浮动float:none;清除周围的浮动元素 float:both 这是清除浮动的本意清除子元素浮动对父元素的影响 clearfix 很多人都理解成这个叫清除浮动。。2. 什么是清除浮动清除浮动不是把当前标签的浮动给清除了,如果这样,还加浮动做什么其实清除浮动指的是清楚当前元素旁边的浮动元素,但是当前元素又不...

2016-08-06 21:43:00 69

转载 PHP面试常用算法

  一、冒泡排序  基本思想:    对需要排序的数组从后往前(逆序)进行多遍的扫描,当发现相邻的两个数值的次序与排序要求的规则不一致时,就将这两个数值进行交换。这样比较小(大)的数值就将逐渐从后面向前面移动。  //冒泡排序 1 <?php 2 //冒泡排序 3 function mysort($arr) 4 { 5...

2016-07-21 21:00:00 90

转载 PHP基础面试题

  一、PHP中几个输入函数echo, print(), print_r(), printf(), sprintf(), var_dump()的区别。    1.echo : 是语句不是函数,没有返回值,可输出多个变量值,不需要圆括号。不能输出数组和对象,只能打印简单类型(如int,string);    2.print : 是语句不是函数, 有返回值1,只能输出一个变量, 不一...

2016-07-20 11:18:00 69

转载 八大排序算法JS及PHP代码实现

  从学习数据结构开始就接触各种算法基础,但是自从应付完考试之后就再也没有练习过,当在开发的时候也是什么时候使用什么时候去查一下,现在在学习JavaScript,趁这个时间再把各种基础算法整理一遍,分别以JS和PHP语法的方式编写代码。  1.冒泡排序   原理:临近的数字两两进行比较,按照从小到大或者从大到小的顺序进行交换,这样一趟过去后,最大或最小的数字被交换到了最后一位,然...

2016-07-11 20:01:00 109

空空如也

空空如也

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

TA关注的人

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