自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(42)
  • 收藏
  • 关注

原创 学习ECMA6 let命令 \闭包和setTimeout\ECMA6的闭包变化

学习ECMA6 let命令 \闭包和setTimeout\ECMA6的闭包变化ECMA6 let命令let实际上为JavaScript新增了块级作用域。for循环的计数器,就很合适使用let命令。for (let i = 0; i < arr.length; i++) {}console.log(i);//ReferenceError: i is not defined上面代码的计数器i,只在fo

2016-08-21 00:37:06 499

原创 DIRECTORY_SEPARATOR\PHP_EOL\EOF

换行符unix系列用 \nwindows系列用 \r\nmac用 \rPHP中可以用PHP_EOL来替代,以提高代码的源代码级可移植性PHP_EOL : The correct 'End Of Line' symbol for this platform.自 PHP 5.0.2 起可用&lt;?php echo PHP_EOL; //windows平台相当于 echo "\r...

2018-07-02 18:55:25 286

转载 把if-else的代码风格改成表格驱动法的意义在哪里?

把if-else的代码风格改成表格驱动法的意义在哪里?转载 https://www.zhihu.com/question/37943171/answer/119525120表格驱动的意义在于:逻辑和数据分离。在程序中,添加数据和逻辑的方式是不一样的,成本也是不一样的。简单的说,数据的添加是非常简单,低成本和低风险的;而逻辑的添加是复杂,高成本和高风险的。用PHP举个例子吧,比如说,国家简写转换,给...

2018-07-02 18:36:06 606

转载 MySQL中int(M)和tinyint(M)数值类型中M值的意义

首先,我们创建一个数据表test:mysql&gt; CREATE TABLE test( -&gt; id1 int(1), -&gt; id2 tinyint(1) -&gt;);我们给id1定义为int,并设置字符长度为1,id2定义为tinyint,也设置字符长度为1;然后分别插入值127,127,结果发现,两者都插入到了数据表中:mysql&gt; INSERT ...

2018-03-26 15:45:12 226

原创 使用requireJS重构framework7项目实践

使用requireJS重构framework7项目实践本文记录了使用requireJS重构framework7项目实践.分为以下部分项目背景现状项目需求改造实验改造准备改造实践改造展望项目背景现状m站基于framework7框架.框架只在首次今入时加载head和foot,只在首次进入时加载css和js.f7框架的头部和尾部仅在首次加载时能起作用.一般是在首页时加载这一次.head和fo

2017-03-27 14:59:43 2457

转载 javascript中对象的深度克隆

今天就聊一下一个常见的笔试、面试题,js中对象的深度克隆。翻了下这个题目,在很多地方出现过,已经算一个老的题目了,但是每年的校招中总会考到,其实想想,这个题目考查的知识点还是蛮多的,尤其是对基础知识的考查。好了,闲话不多说,开始正题。  一、js中的对象   谈到对象的克隆,必定要说一下对象的概念。   js中的数据类型分为两大类:原始类型和对象类型。    (1)原始

2017-03-15 11:53:51 324

原创 js创建对象的构造函数模式+原型模式和组合继承\Hybrid Pattern & combination inheritance

HybridPatternExamplefunction Person(name, age, job) { this.name = name; this.age = age; this.job = job; this.friends = ['A', 'B']; } Person.prototype = {

2017-03-09 00:08:43 346

原创 css 透明度问题

.main{ clear:right; margin:20% auto; overflow:hidden; width:525px;}.main div{ color:red; float:left; display:inline-block; width:120px; height:120px; text-align:center;}/*使用opa

2017-03-08 19:19:25 632

原创 图片上传的跨域问题的几种解决方案和细节及优缺点

方案一 传到前端服务器本地,然后用服务器跨域ajaxSubmit方式,需要jquery.form.min.js插件$("#imgUploadForm").ajaxSubmit({ type: "POST",//提交类型 dataType: "json",//返回结果格式 url: '/php/temporary/Controller/aotuTailorUplo

2017-03-06 19:08:52 11771

转载 写JQuery 插件

前言  如今做web开发,jquery 几乎是必不可少的,就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了。至于使用jquery好处这里就不再赘述了,用过的都知道。今天我们来讨论下jquery的插件机制,jquery有着成千上万的第三方插件,有时我们写好了一个独立的功能,也想将其与jquery结合起来,可以用jquery链式调用,这就要扩展jquery,写成插件形式了,

2017-02-08 17:32:52 288

转载 如何写出好的 JavaScript —— 浅谈 API 设计

如何写出好的 JavaScript —— 浅谈 API 设计版本一版本二版本三版本四版本五版本六总结这是 奇舞前端特训营 JavaScript 培训课程 的节选。很多同学觉得写 JavaScript 很简单,只要能写出功能来,效果能实现就好。还有一些培训机构,专门教人写各种“炫酷特效”,以此让许多人觉得这些培训很“牛逼”。然而事实上,能写 JavaScript 和写好

2017-01-09 19:15:03 1188

转载 了解真实的『REM』手机屏幕适配

rem 作为一个低调的长度单位,由于手机端网页的兴起,在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下,通过等比缩放的方式达到设计图要求的效果。rem 的官方定义『The font size of the root element.』,即以根节点的字体大小作为基准值进行长度计算。一般认为网页中的根节点是 html 元素,所以采用的方式也是通过设置 html 元

2016-12-05 15:35:56 1494

转载 前端跨域请求原理及实践

一、 跨域请求的含义浏览器的同源策略,出于防范跨站脚本的攻击,禁止客户端脚本(如 JavaScript)对不同域的服务进行跨站调用。一般的,只要网站的 协议名protocol、 主机host、 端口号port 这三个中的任意一个不同,网站间的数据请求与传输便构成了跨域调用。这也是我们下面实践的理论基础。我们利用 NodeJs 创建了两个服务器,分别监听 30

2016-09-30 18:15:26 299

转载 【《代码整洁之道》精读与演绎】之二 高质量代码的命名法则

本系列文章由@浅墨_毛星云 出品,转载请注明出处。  文章链接: http://blog.csdn.net/poem_qianmo/article/details/52144086作者:毛星云(浅墨)    微博:http://weibo.com/u/1723155442 本文与大家聊一聊编程中非常关键的一个点,如何更好的对代码命名。 

2016-08-21 00:40:40 253

转载 再谈雅虎关于性能优化的 N 条规则

再谈雅虎关于性能优化的 N 条规则来源:alimama ued链接:ued.alimama.com/front-end/quick-tips-among-yahoo-n-rules/本来这是个老生常谈的问题,上周自成又分享了一些性能优化的建议,我这里再做一个全面的Tips整理,谨作为查阅型的文档,不妥之处,还请指正;一

2016-08-15 15:12:30 798

转载 总结oninput、onchange与onpropertychange事件的用法和区别

前端页面开发的很多情况下都需要实时监听文本框输入,比如腾讯微博编写140字的微博时输入框hu9i动态显示还可以输入的字数。过去一般都使用onchange/onkeyup/onkeypress/onkeydown实现,但是这存在着一些不好的用户体验。比如onchange事件只在键盘或者鼠标操作改变对象属性,且失去焦点时触发,脚本触发无效;而onkeydown/onkeypress/onkeyup在处

2016-08-06 11:47:48 395

转载 ECMAScript 6 扫盲

ECMAScript 6 扫盲作者: 小胡子哥 2016-07-09 14:30:40本文发布时间为2016年07月09日14时30分40秒 分类: 前端杂烩,JavaScript 标签: ES6 下面是正文内容评论数: 18条评论ECMAScript 6 目前基本成为业界标准,它的普及速度比 ES5 要快很多,主要原因是现代浏览器对 ES6 的支持相当迅速,尤其是 C

2016-07-21 14:49:44 526

转载 Mysql提示 “ Got a packet bigger than 'max_allowed_packet' bytes”

为什么总是提示 “ Got a packet bigger than 'max_allowed_packet' bytes” 呢?问题描述迁移服务器,要把旧服务器上的mysql数据复制到新服务器的mysql上。我先是把旧服务器的数据库用mysqldump复制了一份,然后想导入到新服务器,用命令导入,结果提示 ERROR 11

2016-07-13 20:31:26 3866

原创 获取scrollTop兼容各浏览器的方法,以及绑定

$(window).unbind('scroll').bind('scroll', function () {var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;if ($('').height() - scrollTop }});

2016-07-13 19:39:15 2553

原创 如何循环获取html的值,并拼写到json/json,求value所对应key的值

有如下html结构123123123123123123123123123123123123123123123123123123123123123...............标签个数不确定要求得到如下的json{    "airportList": [    

2016-06-30 22:18:23 1585

原创 JS闭包以及具体题目2

以下程序有什么问题,如何改进?function printListItem(arr){ var i, j = arr.length; for(var i = 0; i 1 ; i++){ setTimeout(function(){ console.info(arr[i]); }, 200); }}

2016-05-26 16:47:22 209

原创 文本编辑常用快捷键

Home 跳到行首 End 跳到行尾 Ctrl+home 跳到文件第一行 Ctrl+end 跳到文件最后一行 Ctrl+ → 左移一个单词 Ctrl+ 右移一个单词 Shift+→ 左移选中一个字符,常用于复制、剪切和删除 Shift+ 右移选中一个字符Ctrl+shift+→ 左移选中一个单词Ctrl+shift+ 右移选中一个单词Shift+ 向

2016-05-05 10:51:27 752

转载 数字签名是什么?

数字签名是什么?作者: 阮一峰日期: 2011年8月 9日今天,我读到一篇好文章。它用图片通俗易懂地解释了,"数字签名"(digital signature)和"数字证书"(digital certificate)到底是什么。我对这些问题的理解,一直是模模糊糊的,很多细节搞不清楚。读完这篇文章后,发现思路一下子就理清了

2016-04-22 19:46:12 230

原创 LESSCSS学习

变量:变量允许我们单独定义一系列通用的样式,然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。LESS源码:@color: #4D926F;#header {color: @color;}h2 {color: @color;}编译后的CSS:#header {color: #4D926F;

2016-04-22 16:55:13 342

原创 JSONP

1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求,一律不准;  2、不过我们又发现,Web页面上调用js文件时则不受是否跨域的影响(不仅如此,我们还发现凡是拥有”src”这个属性的标签都拥有跨域的能力,比如、、);  3、于是可以判断,当前阶段如果想通过纯web端(ActiveX控件、服务端代理

2016-04-19 17:33:47 241

原创 JSON基础以及JSON字符串转换为JSON对象

{"firstName":"Brett"}{"firstName":"Brett","lastName":"McLaughlin","email":"aaaa"}{    "people":[        {"firstName":"Brett","lastName":"McLaughlin","email":"

2016-04-19 17:29:40 349

原创 理解 i++ 和++i

var i = 1;var n = (i++ - --i);console.log(n);n是多少?答案是0i++ 与 ++i 的主要区别有两个:1、 i++ 返回原来的值,++i 返回加1后的值。2、 i++ 不能作为左值,而++i 可以。毫无疑问大家都知道第一点(不清楚的看下下面的实现代码就了然了),我们重点说下第二点。首先解释下什么是左

2016-04-12 11:05:16 427

转载 Firebug入门指南

Firebug入门指南作者: 阮一峰日期: 2008年6月 8日据说,对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一。我最近就在学习怎么使用Firebug,网上找到一篇针对初学者的教程,感觉比较有用,就翻译了出来。=================Firebug入门指南

2016-04-10 00:21:55 304

原创 JS闭包以及具体题目1

现有如下html结构123456 click me click me click me click me运行如下代码:1234567

2016-04-09 10:57:27 1547

原创 1. Two Sum

1. Two SumGiven an array of integers, return indices of the two numbers such that they add up to a specific target.You may assume that each input would have exactly one solution.给一个整数数组,

2016-04-07 23:37:53 187

转载 “互联网+”最可行的路径就是“社群+”

“互联网+”最可行的路径就是“社群+”36氪的朋友们 • 2016-04-05 17:04文章摘要:商业正从物以类聚走向人以群分编者按:本文作者 卢彦,原文来自微信公众号 互联网思维(ID:webthinking),36 氪经授权转载。前不久阿里 CEO 张勇发表讲话“商业正从物以类聚走向人以群分”。借助移动互联网的优势,社群成为企业与用户连接的最短路径

2016-04-07 15:50:19 2129

转载 何时加入一家创业公司?

何时加入一家创业公司?董老师 • 2016-04-05 11:43文章摘要:如果你正打算加入一家创业公司,可以进来看看本文作者  Tom Blomfield  翻译 kiko ZHOU 在过去几年间一些改变的发生使得越来越多的人想要加入创业公司。而这股热潮看起来很像是自打《社交网络》(2010年 上映,影片的故事原型来源于网站 facebook 的创始人马克

2016-04-07 15:40:46 558

原创 《人人都爱经济学》 读书笔记(1)

经济学作用:经济学很深刻,能够让人更好的理解社会,理解人生,认识社会。经济学可以帮助你澄清从小就有的似是而非和难解之谜。1、为什么物以稀为贵2、粮食是农民打出来的吗?3、利息就意味着剥削吗4、浪费是否是可耻的5、虚荣奢侈就那么不好吗6、为什么美国不生产电视,日本不生产药经济学理论分为两个部分:微观经济学:关注的是微观的行为,也就是一个消费者、一个厂商、一个市场是如何

2016-04-05 14:39:15 1706

原创 产品经理职业分享以及求职技巧讲座

讲座时间:3月29日 19:00地点:九教东102 分享人简介:王晓晨,橘子娱乐产品经理,前网易高级产品经理 简历:简介、突出关键词、要好看应聘渠道有:内推>招聘网站、公司网站策略:海投海面,积累经验,找到自己不足的地方(先从无所谓的公司开始),放松心态,自信面对。调研公司:查咨询,"公司名"+“投资”,了解公司的发展战略,对比同类公司

2016-03-31 23:16:07 882

原创 AngularJS 关于ng-model和ng-bind还有{{}}

What's the difference between ng-model and ng-bindng-bind has one-way data binding ($scope --> view). It has a shortcut {{ val }} which displays the scope value $scope.val inserted into

2016-03-31 09:37:53 12396

原创 AngularJS 应用实例

我的笔记保存清除Number of characters left: 应用程序文件 "myNoteApp.js":var app = angular.module("myNoteApp", []);控制器文件 "myNoteCtrl.js":app.controller("myNoteCtrl", function($scope

2016-03-30 23:24:45 1026

原创 AngularJS Scope(作用域)

Scope 概述AngularJS 应用组成如下:View(视图), 即 HTML。Model(模型), 当前视图中可用的数据。Controller(控制器), 即 JavaScript 函数,可以添加或修改属性。scope 是模型。scope 是一个 JavaScript 对象,带有属性和方法,这些属性和方法可以在视图和控制器中使用。

2016-03-30 18:07:58 441

原创 AngularJS 应用入门

AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expression }}。AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。AngularJS 将在表达式书写的位置"输出"数据。AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。实例 {{

2016-03-30 17:50:48 295

原创 学习Javascript闭包(Closure)

《javascript高级程序设计》(第三版)第7章第2节:闭包是指有权访问另一个函数作用域中的变量函数;《javascript权威指南》 (第六版)第8章第6节:从技术的角度讲,所有的JavaScript函数都是闭包:它们都是对象,它们都关联到作用域链。或者看网上教程:JavaScript 秘密花园 闭包是 JavaScript 一个非常重要的特性,这意味着当前作用域总是能够访问外部作用

2016-03-29 15:28:00 393

原创 JS实现简单分页,页码显示

分页有许多插件可以实现,现在想试着写一个自己的分页。分页有这几个问题需要解决,本文先讨论页码显示问题页码显示 上一页,下一页链接输入页码(可选)后台交互页面显示需求当前页码前后显示 3 页,然后需要显示第一页和最后一页 未显示的页码用省略号表示。举例:如果总共 110 页当前页码为 1,那么显示 1 2 3 4 ... 110 下一页

2016-03-28 15:50:30 16581 2

空空如也

空空如也

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

TA关注的人

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