aby2106-CSDN博客

转载 JavaScript实现本地图片上传前进行裁剪预览

本项目支持IE8+，测试环境IE8，IE9，IE10，IE11，Chrome，FireFox测试通过另：本项目并不支持Vue，React等，也不建议，引入JQuery和Vue、React本身提倡的开发方式并不一致注：本项目未对移动端进行测试，不保证移动端可以使用，并且也不推荐移动端使用这个项目，移动端建议使用Cropper插件，功能更丰富，也更强大，使用更便捷，地址：https:...

2017-05-31 15:27:00 544

转载一些小技巧

以下是本人在前端开发过程中，碰到的一些问题以及解决方法，当然有些方法依然有问题，之后会长期更新，更新时间不定注：所有IE测试环境为IE8+，更低版本IE不予考虑1、使用CSS去掉iPhone网页上文本框及按钮的圆角在使用iPhone浏览网页时，按钮总是会显示超大圆角并且颜色由上到下渐变的样式，而且文本框也会有一定的圆角，这样与我们定义的样式肯定不一致，但是，即使我们将样式定义...

2017-02-17 09:53:00 216

转载 NodeJS学习之异步编程

NodeJS -- 异步编程NodeJS最大的卖点--事件机制和异步IO，对开发者并不透明代码设计模式异步编程有很多特有的代码设计模式，为了实现同样的功能，使用同步方式和异步方式编写代码会有很大差异，以下举例。1、函数返回值使用一个函数的输出作为另一个函数的输入是常见的需求，在同步方式下一般以下述方式编写代码：var output = fn1(fn2('in...

2016-10-25 10:25:00 249

转载 NodeJS学习之网络操作

NodeJS -- 网络操作使用NodeJS内置的http模块简单实现HTTP服务器var http = require('http');http.createServer(function(req, res) { res.writeHead(200, {'Content-Type': 'text/html'}); res.end('Hello wor...

2016-10-25 10:09:00 170

转载 NodeJS学习之文件操作

NodeJS -- 文件操作Buffer（数据块）JS语言自身只有字符串数据类型，没有二进制数据类型，因此NodeJS提供了一个与String对等的全局构造函数Buffer来提供对二进制数据的操作。除了可以读取文件得到Buffer的实例外，还能够直接构造，例如：var bin = new Buffer([0x68, 0x65, 0x6c, 0x6c, 0x6f]);...

2016-10-25 09:26:00 115

转载 Sass和Compass设计师指南

注：配合查看：Sass为什么使用Sass和Compass？1、减少重复工作，加快开发进度2、使用变量，便于记忆，变量使用$符号开头3、自动转换RGBA颜色值.color { color: $green; color: rgba($green, .9);}Sass会进行自动转换4、Compass带有大量混合宏，可以忘记浏览器前缀，...

2016-10-24 17:48:00 167

转载 Sass

注：配合查看：Sass和Compass设计师指南Sass是基于Ruby编程语言的命令行工具。要使用它就必须先在电脑上安装Ruby，Ruby的安装可以通过网址：http://rubyinstaller.org/downloads/，下载最新版Ruby进行安装，安装完后可以使用ruby-v进行验证是否安装成功Sass安装通过使用Ruby自带的 RubyGems的系统来进行安装...

2016-10-24 17:03:00 88

转载 CKEditor配置及使用

注：使用CKEditor版本为js版本的CKEditor 4，所有配置均参考自CKEditor官方API：http://docs.ckeditor.com/，以及实践经验一、快速使用1、引入CKEditor的js文件// 当此文件载入完毕之后，CKEditor的JavaScript API就已准备就绪，可以使用<script src="ckeditor/cked...

2016-10-20 12:11:00 1236

转载 jQuery EasyUI

datagrid单元格数据过长时的显示省略号网络上很多的方法，均需要改动部分EasyUI的源码或样式，这种做法虽然也是可以，但个人觉得，改动框架的源代码并不是一种非常好的方式，为此改用datagrid自带的formatter方法进行了实现：1 {field: 'test',title: '测试',width:100,align:'center',formatter: func...

2016-10-18 16:36:00 88

转载修复浏览器不支持Array自带的indexOf方法的扩展

JavaScript中Array的indexOf方法支持的浏览器有：IE9+、Firefox 2+、Safari 3+、Opera 9.5+和Chrome如果想要在不支持的浏览器中使用indexOf方法，可以使用如下的方式进行扩展：方法一：使用jQuery的$.inArray方法扩展Array方法（使用的jQuery版本是1.11.3版本）1 if(!Array.prot...

2016-10-18 16:16:00 158

转载锋利的jQuery第2版学习笔记8~11章

第8章，用jQuery打造个性网站网站结构文件结构images文件夹用于存放将要用到的图片styles文件夹用于存放CSS样式表，个人更倾向于使用CSS文件夹scripts文件夹用于存放jQuery脚本，个人更倾向于使用JS文件夹存放所有的js及jQuery脚本编写CSS样式推荐首先编写全局样式，接着编写可大范围内重用的样式，最后编写细节样式，这样根据CSS最...

2016-04-04 23:02:00 126

转载锋利的jQuery第2版学习笔记6、7章

第6章，jQuery与Ajax的应用Ajax的优势和不足Ajax的优势1、不需要插件支持2、优秀的用户体验3、提高Web程序的性能4、减轻服务器和带宽的负担Ajax的不足1、浏览器对XMLHttpRequest对象的支持度不足2、破坏浏览器前进、后退按钮的正常功能3、对搜索引擎的支持的不足4、开发和调试工具的缺乏Ajax的XMLHttpRe...

2016-04-04 22:49:00 112

转载锋利的jQuery第2版学习笔记4、5章

第4章，jQuery中的事件和动画注意：使用的jQuery版本为1.7.1jQuery中的事件JavaScript中通常使用window.onload方法，jQuery中使用$(document).ready()方法。1、执行时机window.onload方法在网页所有元素都加载完毕之后才执行，$(document).ready()方法在DOM完全就绪就可以被调用...

2016-04-01 21:32:00 78

转载锋利的jQuery第2版学习笔记1~3章

第1章，认识jQuery注意：使用的jQuery版本为1.7.1目前流行的JavaScript库Prototype（http://www.prototypejs.org），成型早，面向对象的思想把握不到位，导致结构松散Dojo（http://dojotoolkit.org），学习曲线陡，文档不全，最严重的是API不稳定YUI（http://developer.yaho...

2016-03-31 21:05:00 137

转载关于盒模型的理解

CSS中一个很重要的概念是盒模型，CSS处理网页时，它认为每个元素都包含在一个不可见的盒子里由内容区域、内容区域周围的空间（内边距，padding）、内边距的外边缘（边框，border）和边框外面将元素与相邻元素隔开的不可见区域（外边距，margin）构成。具体如下图浏览器中元素的宽度与其width属性值并不一致（除非没有内边距和边框）。CSS中的宽度指示的是内边距里内容区域...

2016-03-29 20:30:00 106

转载 CSS3秘笈第三版涵盖HTML5学习笔记13~17章

第13章，构建基于浮动的布局使用的是float（浮动）属性注：float:none值将取消所有浮动，通常只用来取消元素中已经应用的浮动。切记：不需要给正文的div设计宽度，即使设计成固定宽度也不用用浮动进行布局LayoutGala网站（http://blog.html.it/layoutgala/）上提供了40种不同的CSS设计，但大多只是基本框架，里面只有<d...

2016-03-26 22:59:00 107

转载 CSS3秘笈第三版涵盖HTML5学习笔记9~12章

第9章，装饰网站导航限制访问，处于隐私方面考虑，浏览器已经开始限制可以对伪类:visited应用哪些CSS属性了。其中包括对已访问过的链接定义color、background-color、border-color等样式（除非已经为那些链接的正常状态定义了颜、背景色和边框色）对于<a>标签可以对所有不同的访问状态设置样式，但要让样式有效，必须以特定的顺序指定链接：lin...

2016-03-25 22:21:00 139

转载 CSS3秘笈第三版涵盖HTML5学习笔记6~8章

第二部分----CSS实用技术第6章，文本格式化指定备用字体：font-family:Arial,Helvetica,sans-serif;当访问者没有安装第一种字体时，浏览器会在列表中继续往下搜寻，直到找到备用字体。若字体名称中包含多个单词，则必须用双引号将它们括起来font-family:"Times New Roman",Times,serif;sans...

2016-03-24 22:16:00 1113

转载 CSS3秘笈第三版涵盖HTML5学习笔记1~5章

2016-03-23 22:00:00 128

转载 HTML5与CSS3基础教程第八版学习笔记16-21章

第十六章，表单HTML5引入了新的表单元素、输入类型和属性，以及内置的对必填字段、电子邮件地址、URL以及定制模式验证。元素：<input type="email"> ---- 电子邮件框<input type="search"> ---- 搜索框<input type="tel"> --...

2016-03-22 22:19:00 173

转载 HTML5与CSS3基础教程第八版学习笔记11~15章

第十一章，用CSS进行布局开始布局注意事项1、内容与显示分离2、布局方法：固定宽度和响应式布局固定宽度，整个页面和每一栏都有基于像素的宽度响应式布局也称为流式页面，使用百分数定义宽度3、浏览器问题注：HTML5 shiv 是少有的必须在head中加载JavaScript的情况之一，否则就不起作用。关于HTML5 shiv：与其他主流浏览器不同，IE8及...

2016-03-21 22:14:00 201

转载 HTML5与CSS3基础教程第八版学习笔记7~10章

第七章，CSS构造块CSS里有控制基本格式的属性（font-size，color），有控制布局的属性（position，float），还有决定访问者打印时在哪里换页的打印控制元素。CSS还有很多控制项目显示或消失的动态属性，可以用于创建下来列表和其他交互性组件。构造样式规则样式表中的每条规则都有两个部分：选择器和声明块。选择器决定哪些块受影响，声明块由一个或多个属性-值对...

2016-03-20 22:20:00 169

转载 HTML5与CSS3基础教程第八版学习笔记1~6章

第一章，网页的构造块网页主要包括三个部分：1、文本内容（纯文字）2、对其他文件的引用：图像，音频，视频，样式表文件，js文件3、标记：对文本内容进行描述并确保引用正确地工作注：所有这些成分都仅由文本构成基本HTML页面HTML使用< ,> 包围HTML标签。开始标签（如<head>）标记元素开始，结束标签（</head>）用...

2016-03-20 22:06:00 145

转载 JavaScript高级程序设计（第三版）学习，第一次总结

Array类型var arr = [];arr.length; //返回数组元素个数改变length可以动态改变数组大小检测数组instanceof可以检测某个对象是否是数组，限制：只能是一个网页或一个全局作用域Array.isArray(arr); //最终确定某个值到底是不是数组，没有限制转换方法arr...

2016-03-16 22:02:00 135

转载 JavaScript高级程序设计（第三版）学习笔记22、24、25章

第22章，高级技巧高级函数安全的类型检测typeof会出现无法预知的行为instanceof在多个全局作用域中并不能正确工作调用Object原生的toString方法，会返回[Object NativeConstructorName]格式字符串。每个类内部都有一个[[Class]]属性，这个属性中就指定了上述字符串中的构造函数名。原生数组的构造函数名与全局作用域无...

2016-03-15 20:16:00 127

转载 JavaScript高级程序设计（第三版）学习笔记20、21、23章

第20章，JSONJSON（JavaScript Object Notation，JavaScript对象表示法），是JavaScript的一个严格的子集。JSON可表示一下三种类型值：简单值：字符串，数值，布尔值，null，不支持js特殊值：undefined对象：一组无序的键值对数组：一组有序的值的列表不支持变量，函数或对象实例注：JSON的字符串必须使用...

2016-03-14 21:05:00 185

转载 JavaScript高级程序设计（第三版）学习笔记13、14章

第13章，事件事件冒泡IE的事件叫做事件冒泡：由具体到不具体<!DOCTYPE html><html><head> <title>Event Bubbling Example</title></head><body> <div id="myDiv"...

2016-03-13 23:00:00 364

转载 JavaScript高级程序设计（第三版）学习笔记11、12、17章

第11章，DOM扩展选择符APISelector API Level1核心方法querySelector、querySelectorAll，兼容的浏览器可以使用Document，Element实例调用它们，支持浏览器：IE8+，Firefox3.5+，Safari3.1+，chrome，Opera10+querySelector方法接收一个CSS选择符，返回与...

2016-03-12 23:05:00 187

转载 JavaScript高级程序设计（第三版）学习笔记8、9、10章

第8章，BOMBOM的核心对象是window，具有双重角色，既是js访问浏览器的一个接口，又是ECMAScript规定的Global对象。因此，在全局作用域中声明的函数、变量都会变成window对象的属性和方法。例：var age = 20;function sayAge(){ alert(this.age);}alert(window.age); ...

2016-03-11 23:36:00 138

转载 JavaScript高级程序设计（第三版）学习笔记6、7章

第6章，面向对象的程序设计对象：1、数据属性configurable，表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，或能否把属性修改为访问器属性，默认为trueenumerbale，表示能否通过for-in访问属性，默认truewritable，表示能否修改属性值，默认truevalue，数据存储位置，默认undefined修改默认属性...

2016-03-10 21:43:00 108

转载 JavaScript高级程序设计（第三版）学习笔记1~5章

第2章，在html中使用JavaScriptHtml引入外部js脚本<script type="text/javascript" src="test.js">两个</script>之间不应放脚本，因为并不会被执行</script><script>标签有一个defer属性可以延迟脚本执行，但是并不保证会按脚本排列顺序执行建议：...

2016-03-10 21:10:00 182

aby2106的博客