前端开发
文章平均质量分 75
12ers_梦骑士
这个作者很懒,什么都没留下…
展开
-
AngularJS 应用入门
AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expression }}。AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。AngularJS 将在表达式书写的位置"输出"数据。AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。实例 {{原创 2016-03-30 17:50:48 · 299 阅读 · 0 评论 -
学习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 · 503 阅读 · 0 评论 -
【《代码整洁之道》精读与演绎】之二 高质量代码的命名法则
本系列文章由@浅墨_毛星云 出品,转载请注明出处。 文章链接: http://blog.csdn.net/poem_qianmo/article/details/52144086作者:毛星云(浅墨) 微博:http://weibo.com/u/1723155442 本文与大家聊一聊编程中非常关键的一个点,如何更好的对代码命名。转载 2016-08-21 00:40:40 · 258 阅读 · 0 评论 -
前端跨域请求原理及实践
一、 跨域请求的含义浏览器的同源策略,出于防范跨站脚本的攻击,禁止客户端脚本(如 JavaScript)对不同域的服务进行跨站调用。一般的,只要网站的 协议名protocol、 主机host、 端口号port 这三个中的任意一个不同,网站间的数据请求与传输便构成了跨域调用。这也是我们下面实践的理论基础。我们利用 NodeJs 创建了两个服务器,分别监听 30转载 2016-09-30 18:15:26 · 307 阅读 · 0 评论 -
了解真实的『REM』手机屏幕适配
rem 作为一个低调的长度单位,由于手机端网页的兴起,在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下,通过等比缩放的方式达到设计图要求的效果。rem 的官方定义『The font size of the root element.』,即以根节点的字体大小作为基准值进行长度计算。一般认为网页中的根节点是 html 元素,所以采用的方式也是通过设置 html 元转载 2016-12-05 15:35:56 · 1503 阅读 · 0 评论 -
如何写出好的 JavaScript —— 浅谈 API 设计
如何写出好的 JavaScript —— 浅谈 API 设计版本一版本二版本三版本四版本五版本六总结这是 奇舞前端特训营 JavaScript 培训课程 的节选。很多同学觉得写 JavaScript 很简单,只要能写出功能来,效果能实现就好。还有一些培训机构,专门教人写各种“炫酷特效”,以此让许多人觉得这些培训很“牛逼”。然而事实上,能写 JavaScript 和写好转载 2017-01-09 19:15:03 · 1201 阅读 · 0 评论 -
写JQuery 插件
前言 如今做web开发,jquery 几乎是必不可少的,就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了。至于使用jquery好处这里就不再赘述了,用过的都知道。今天我们来讨论下jquery的插件机制,jquery有着成千上万的第三方插件,有时我们写好了一个独立的功能,也想将其与jquery结合起来,可以用jquery链式调用,这就要扩展jquery,写成插件形式了,转载 2017-02-08 17:32:52 · 297 阅读 · 0 评论 -
图片上传的跨域问题的几种解决方案和细节及优缺点
方案一 传到前端服务器本地,然后用服务器跨域ajaxSubmit方式,需要jquery.form.min.js插件$("#imgUploadForm").ajaxSubmit({ type: "POST",//提交类型 dataType: "json",//返回结果格式 url: '/php/temporary/Controller/aotuTailorUplo原创 2017-03-06 19:08:52 · 11875 阅读 · 0 评论 -
总结oninput、onchange与onpropertychange事件的用法和区别
前端页面开发的很多情况下都需要实时监听文本框输入,比如腾讯微博编写140字的微博时输入框hu9i动态显示还可以输入的字数。过去一般都使用onchange/onkeyup/onkeypress/onkeydown实现,但是这存在着一些不好的用户体验。比如onchange事件只在键盘或者鼠标操作改变对象属性,且失去焦点时触发,脚本触发无效;而onkeydown/onkeypress/onkeyup在处转载 2016-08-06 11:47:48 · 401 阅读 · 0 评论 -
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 · 533 阅读 · 0 评论 -
再谈雅虎关于性能优化的 N 条规则
再谈雅虎关于性能优化的 N 条规则来源:alimama ued链接:ued.alimama.com/front-end/quick-tips-among-yahoo-n-rules/本来这是个老生常谈的问题,上周自成又分享了一些性能优化的建议,我这里再做一个全面的Tips整理,谨作为查阅型的文档,不妥之处,还请指正;一转载 2016-08-15 15:12:30 · 804 阅读 · 0 评论 -
AngularJS Scope(作用域)
Scope 概述AngularJS 应用组成如下:View(视图), 即 HTML。Model(模型), 当前视图中可用的数据。Controller(控制器), 即 JavaScript 函数,可以添加或修改属性。scope 是模型。scope 是一个 JavaScript 对象,带有属性和方法,这些属性和方法可以在视图和控制器中使用。原创 2016-03-30 18:07:58 · 445 阅读 · 0 评论 -
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 · 12402 阅读 · 0 评论 -
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 · 1037 阅读 · 0 评论 -
Firebug入门指南
Firebug入门指南作者: 阮一峰日期: 2008年6月 8日据说,对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一。我最近就在学习怎么使用Firebug,网上找到一篇针对初学者的教程,感觉比较有用,就翻译了出来。=================Firebug入门指南转载 2016-04-10 00:21:55 · 310 阅读 · 0 评论 -
JS实现简单分页,页码显示
分页有许多插件可以实现,现在想试着写一个自己的分页。分页有这几个问题需要解决,本文先讨论页码显示问题页码显示 上一页,下一页链接输入页码(可选)后台交互页面显示需求当前页码前后显示 3 页,然后需要显示第一页和最后一页 未显示的页码用省略号表示。举例:如果总共 110 页当前页码为 1,那么显示 1 2 3 4 ... 110 下一页原创 2016-03-28 15:50:30 · 16639 阅读 · 2 评论 -
文本编辑常用快捷键
Home 跳到行首 End 跳到行尾 Ctrl+home 跳到文件第一行 Ctrl+end 跳到文件最后一行 Ctrl+ → 左移一个单词 Ctrl+ 右移一个单词 Shift+→ 左移选中一个字符,常用于复制、剪切和删除 Shift+ 右移选中一个字符Ctrl+shift+→ 左移选中一个单词Ctrl+shift+ 右移选中一个单词Shift+ 向原创 2016-05-05 10:51:27 · 831 阅读 · 0 评论 -
数字签名是什么?
数字签名是什么?作者: 阮一峰日期: 2011年8月 9日今天,我读到一篇好文章。它用图片通俗易懂地解释了,"数字签名"(digital signature)和"数字证书"(digital certificate)到底是什么。我对这些问题的理解,一直是模模糊糊的,很多细节搞不清楚。读完这篇文章后,发现思路一下子就理清了转载 2016-04-22 19:46:12 · 234 阅读 · 0 评论 -
获取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 · 2559 阅读 · 0 评论 -
使用requireJS重构framework7项目实践
使用requireJS重构framework7项目实践本文记录了使用requireJS重构framework7项目实践.分为以下部分项目背景现状项目需求改造实验改造准备改造实践改造展望项目背景现状m站基于framework7框架.框架只在首次今入时加载head和foot,只在首次进入时加载css和js.f7框架的头部和尾部仅在首次加载时能起作用.一般是在首页时加载这一次.head和fo原创 2017-03-27 14:59:43 · 2464 阅读 · 0 评论