- 博客(56)
- 收藏
- 关注
RSS订阅原创 解决jquery ajax在跨域访问post请求的时候，ie9以下无效（包括ie9）的问题
最近在做项目的时候遇到一个问题，就是跨域请求ajax的时候ie9以下的浏览器不可以访问，直接执行error里面的代码，但是也不报错，就上网查了查，发现了一个很好用的方法，在这里记录一下，也希望可以帮到大家。调用ajax方法时，设置crossDomain为相反的值。crossDomain：true ==!(document.all) jQuery CORS in IE7
2017-12-15 09:47:35
3303
2
转载 很赞的一款JS压缩/混淆器：Javascript Obfuscator v4.0
主角：Javascript Obfuscator v4.0功能：Javascript代码压缩与混淆点评：Javascript Obfuscator v4.0 比JS Min 和YUI Compressor 的压缩率要高，并且混淆效果更好，可以很方便的人工控制哪些名称混淆哪些不混淆，界面也非常的美观。美中不足：是一款共享软件，试用版会有一些功能限制。特性：
2017-11-28 09:14:04
8363
转载 nodejs在window环境下的安装配置和gulp命令的安装
nodejs在window环境下的安装配置和gulp命令的安装1.去官网找资源下载：http://nodejs.cn/ 2.然后在window环境下安装就好了 3.如果是默认安装的话，进入 C:\Program Files\nodejs\ 这个就是你安装node的路径，然后去把这个地址配置一下环境变量。 4.然后进入自己的项目，我这个项目需要安装gulp的，命令如下：n
2017-09-15 20:00:32
1387
转载 Node.js安装及环境配置之Windows篇
一、安装环境1、本机系统：Windows 10 Pro（64位）2、Node.js：v6.9.2LTS（64位）二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 Node.js
2017-09-15 19:41:15
227
转载 webpack学习资源集合及学习笔记
webpack学习资源集合及学习笔记官方文档：http://webpack.github.io/docs/中文文档：http://webpackdoc.com/demo集合：https://github.com/ruanyf/webpack-demoswebpack2 资源集合webpack交流QQ群：564362126（有问题可以在群里问哈~） webpack最新推荐
2017-09-14 11:04:14
786
转载 做了这么久的前端开发，听过Css模块化开发么
说起前端模块化开发，大部分人可能只会想到js模块化开发吧，网上也确实有各种各样的js模块化方法，但是鲜有谈论Css模块化开发的吧。因为JS是编程语言，比如业内的seajs、KISSY loader等，都有很成熟的模块化规则和方案了，前端工程师可以采用模块化的方法去编写页面，打包，上线，但是CSS界却没有。后来，CSS界出现了SASS、LESS之类的语言，这些语言的出现可以说是非常应景的，有
2017-09-06 16:19:14
418
转载 浅谈模块化加载的实现原理
相信很多人都用过 seajs、 requirejs 等这些模块加载器，他们都是十分便捷的工程管理工具，简化了代码的结构，更重要的是消除了各种文件依赖和命名冲突问题，并利用 AMD / CMD 规范统一了格式。如果你不太明白模块化的作用，建议看看玉伯写的一篇文章。为什么他们会想到使用模块化加载呢，我觉得主要是两点。一是按需加载，业务越来越大，基础代码也会越来越多，开发人员可能开发
2017-09-06 16:18:25
948
转载 快速上手seajs——简单易用Seajs
http://www.cnblogs.com/xjchenhao/p/4021775.html主题 SeaJS背景一个网站必然会涉及很多功能，tab选项卡、slide轮播图、pop弹出层、美化alert、paging分页等等等等，如果是企业网站那整合成一个js文件就够了，即 插件库 。但是对于一个大的网站平台来说需要的功能可能会有很多，而且随着平台的发展
2017-09-06 15:50:44
253
原创 H5项目常见问题及注意事项
Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构"viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />// width 设置viewport宽度，为一个正
2017-09-06 15:35:51
635
转载 倾力总结40条常见的移动端Web页面问题解决方案
1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，
2017-09-06 15:08:09
479
转载 【grunt整合版】30分钟学会使用grunt打包前端代码
grunt是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：① 压缩文件② 合并文件③ 简单语法检查对于其他用法，我还不太清楚，我们这里简单介绍下grunt的压缩、合并文件，初学，有误请包涵准备阶段1、nodeJs环境因为grunt是基于nodeJs的，所以首先各位需要安装nodeJS环境，这块我们便不管了http://www
2017-09-06 14:53:40
275
原创 ajax，json，跨域jsonp总结
1.ajax作用使用了ajax技术的网页，通过在后台跟服务器进行少量的数据交换，网页就可以实现异步的局部更新。2.XMLHttpRequest对象的创建运用HTML和CSS来实现页面，表达信息运用XMLHttpRequest和Web服务器进行数据的异步交换运用js操作DOM，实现动态的局部更新。实例化XMLHttpRequest对象：var
2016-10-11 11:21:36
1258
原创 ajax知识点
$.ajax({ type: 'GET', // 这是请求的方式 可以是GET方式也可以是POST方式, 默认是GET url: ' xxx.php ', // 这是请求的连接地址 一般情况下这个地址是后台给前端的一个连接，直接写就可以 dataType: 'json', // 这是后台返回的数据类型 一般情况下都是一个json数据
2016-10-11 11:07:11
557
转载 Sublime Text 2的Less2Css插件介绍与安装
Sublime Text 2这个编辑器应该不用再介绍了，配合各种插件使用起来非常方便，今天要介绍的是一款Sublime Text 2的插件——Less2Css。这款插件的名字已经表明了它的作用——把less文件转换为css文件。Less2Css插件特性Less2Css插件的目前主要的功能包括：当保存less文件的时候自动生成同名的css文件；当保存less文件的
2016-07-13 16:22:58
565
转载 JS一般般的网页重构可以使用Node.js做些什么
JS一般般的网页重构可以使用Node.js做些什么这篇文章发布于 2016年06月7日，星期二，00:18，归类于 web综合。 阅读 7268 次, 今日 109 次by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=5422一、非计算机
2016-06-23 17:30:32
307
转载 bootbox自定义dialog、confirm、alert样式，以及基本设置方法setDefaults中可用参数
html> head> meta charset="utf-8"> meta name="viewport" content="width=device-width, initial-scale=1"> meta http-equiv="X-UA-Compatible" content="IE=edge"> title>bootbox自
2016-06-01 09:29:54
1513
转载 移动端应该如何动态设置字体大小？
rem由来：font size of the root element，那么rem是个单位，单位大小由它第一代老祖宗的font-size的大小决定。现在前端码农们为了能在各个屏幕上看到一个健康的网页在默默的牺牲着自己的健康，因为不仅要知道rem是个单位，更重要的是要知道怎么能在不同分辨率下呈现的页面都很NB。事故造成原因：1.px单位在PC上很流行，在手机屏幕上一看，MLGB的，同样的
2016-05-19 14:28:32
2738
转载 前端构建：Less入了个门
一、前言 说到前端构建怎能缺少CSS预处理器呢！其实CSS的预处理器有很多啦，比较出名的有Scss、Sass、Stylus和Less。（最近还听说出现了Autoprefixer等CSS后处理器，可参考@一丝的PPT） 众多CSS预处理器中Less的语法最接近原生CSS，因此相对来说更容易上手，假如有JS、C#等编程经
2016-05-04 17:53:02
1319
转载 JSON与XML的区别比较
1.定义介绍(1).XML定义扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一，跨平台和语言，早已成为业界公认的标准。XML
2016-05-04 12:14:10
228
转载 AJAX工作原理及其优缺点
1.什么是AJAX?AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。它使用：使用XHTML+CSS来标准化呈现；使用XML和XSLT进行数据交换及相关操作；使用XMLHttpRequest对象与Web服务器进行异步数据通信； 使用Javascript操作Document
2016-05-04 11:56:55
374
转载 SASS界面编译工具——Koala的使用
《SASS界面编译工具——Codekit的使用》一文中图解了"CodeKit"图形工具编译SASS项目。由于CodeKit是一款付费工具，而且只能在Mac中使用，因此国内众多SASS爱好者，或者初学者也就无法体验CodeKit工具编译SASS项目。幸运的是，有一款国产图形工具Koala和CodeKit功能极其类似，支持多个平台，而且是开源的。KoalaKoala官网下载Ko
2016-04-28 15:20:49
2946
转载 LESS CSS 框架简介
简介CSS（层叠样式表）是一门历史悠久的标记性语言，同 HTML 一道，被广泛应用于万维网（World Wide Web）中。HTML 主要负责文档结构的定义，CSS 负责文档表现形式或样式的定义。作为一门标记性语言，CSS 的语法相对简单，对使用者的要求较低，但同时也带来一些问题：CSS 需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，
2016-04-27 13:47:55
398
原创 sass、less和stylus的安装使用和入门实践
刚开始的时候，说实话，我很反感使用css预处理器这种新玩意的，因为其中涉及到了编程的东西，私以为很复杂，而且考虑到项目不是一天能够完成的，也很少是一个人完成的，对于这种团队的项目开发，前端实践用css预处理器来合作，是一种很痛苦，即使不痛苦那也是需要花费非常多的时间来协调合作上的。对于预处理器的态度，目前是本着学习新技术和推动css向前进的思想来学习新玩意。下面这篇文章来自w3cplus，这是一篇
2016-04-26 23:37:55
7049
转载 Ajax工作原理
在写这篇文章之前，曾经写过一篇关于AJAX技术的随笔，不过涉及到的方面很窄，对AJAX技术的背景、原理、优缺点等各个方面都很少涉及null。这次写这篇文章的背景是因为公司需要对内部程序员做一个培训。项目经理找到了我，并且征询我培训的主题，考虑到之前Javascript、CSS等WEB开发技术都已经讲解过了，所以决定针对AJAX这一块做一个比较系统的培训，所以这篇文章实际上是一个培训的材料。
2016-04-26 18:33:58
420
原创 js里面“===”与“==”的区别
首先，== equality 等同，=== identity 恒等。 ==， 两边值类型不同的时候，要先进行类型转换，再比较。 ==，不做类型转换，类型不同的一定不等。 下面分别说明： 先说 ===，这个比较简单。下面的规则用来判断两个值是否===相等： 1、如果类型不同，就[不相等] 2、如果两个都是数值，并且是同一个值，那么[相等]；(！例外)的是，如果其中至少一个
2016-04-26 17:29:14
653
转载 JS中创建函数的三种方式及区别
1.函数声明?123functionsum1(n1,n2){ returnn1+n2; };2.函数表达式，又叫函数字面量?123varsum2=fun
2016-04-26 17:00:08
532
转载 JavaScript绑定事件的方法[3种]
要想让 JavaScript 对用户的操作作出响应，首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。在JavaScript中，有三种常用的绑定事件的方法：在DOM元素中直接绑定；在JavaScript代码中绑定；绑定事件监听函数。一. 在DOM元素中直接绑定这里的DOM元素，可以理解为HTML标签。JavaSc
2016-04-26 16:49:32
545
原创 jquery $(document).ready() 与window.onload的区别
1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
2016-04-25 17:04:02
364
转载 iOS设备上高效演示APP原型的方法总结
相信许多产品和设计师童靴都可以用原型设计工具制作制作出逼真的产品交互原型，如果能方便、直接地在iPhone上演示这些APP原型，对于我们模拟用户真实体验，展示设计亮点都有很大帮助。壮壮结合自己这几天阅读资料和摸索实践，总结了一下个人认为最高效的方法，希望对在iPhone上演示APP交互原型有困扰的童靴们有所帮助。 首先，简单介绍下我了解到的制作及演示APP原型的工具:
2016-04-14 12:04:07
787
原创 html5-svg标签使用基础三
html5-svg 标签滤镜（Path）它开始于位置 250 150，到达位置 150 350，然后从那里开始到 350 350，最后在 250 150 关闭路径。 M = movetoL = linetoH = horizont
2016-04-14 11:35:50
567
原创 html5-svg标签使用基础二
1.html5-svg 标签滤镜 标签的 id 属性可为滤镜定义一个唯一的名称（同一滤镜可被文档中的多个元素使用）filter:url 属性用来把元素链接到滤镜。当链接滤镜 id 时，必须使用 # 字符滤镜效果是通过 标签进行定义的。fe 后缀可用于所有的滤镜 标签的 stdDeviation 属性可定义模糊的程度in="SourceGraphic" 这个
2016-04-14 11:34:47
1006
原创 html5-svg标签使用基础一
1.html5-svg 标签画圆（circle ）cx 和 cy 属性定义圆点的 x 和 y 坐标。如果省略 cx 和 cy，圆的中心会被设置为 (0, 0)r 属性定义圆的半径 stroke边框颜色。2.html5-svg 标签画椭圆 （ellipse ）cx 属性定义圆点的 x 坐标、cy
2016-04-14 11:34:03
4452
转载 请描述一下 cookies，sessionStorage 和 localStorage 的区别？
请描述一下 cookies，sessionStorage 和 localStorage 的区别？sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。sessionStorage、localSto
2016-04-04 00:07:34
585
原创 浅谈移动端之touch事件--手指的上滑、下滑、左滑和右滑
原理：第一，当开始一个touchstart事件的时候，获取此刻手指的横坐标startX和纵坐标startY；第二，当触发touchmove事件时，在获取此时手指的横坐标moveEndX和纵坐标moveEndY;最后，通过这两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。具体代码如下：总结：touchmove的最后坐标减去touchstart的起始坐标，X的结果如果正数，则说明手指是从左往右划动
2016-04-01 13:53:04
6611
转载 移动端web app自适应布局探索与总结
1、困扰多时的问题在这之前做web app开发的的时候，在自适应方面一般都是宽度通过百分比，高度以iPhone6跟iPhone5之间的一个平衡值写死，我们的设计稿都是iPhone5的640 * 1136标准，所以高度一般取个大概值，各种图标的宽高也是取平衡值写死，然后部分样式通过媒体查询来设置，例如背景图的多倍图、基础字体大小、图标宽高。这样做的弊端很明显：1. 做出来
2016-04-01 10:45:52
966
1
转载 Flex 布局教程：语法篇
网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就
2016-04-01 10:32:45
639
转载 web前端 —— 移动端知识的一些总结
个人在移动端的一些总结归纳，有新的知识点会一直更新一.css部分1.meta标签移动端加上这个标签才是真正的自适应，不加的话，假如你把一个980px宽度(手机端常规是980)的PC网页放在手机上显示，倒也能正常显示不出现滚动条，不过是移动设备对页面 做了缩小优化，所以字体等都相应缩小了（980px是相对于手机像素的，我的是超过1000px多一些就出现滚动条了，这个没
2016-04-01 10:23:40
1109
原创 移动端meta定义 & 触屏事件
移动端meta标签属性说明：width – // viewport 的宽度 （范围从 200 到 10,000，默认为 980 像素）height – // viewport 的高度 （范围从 223 到 10,000 ）initial-scale – // 初始的缩放比例 （范围从 > 0 到 10）minimum-scale – // 允许用户缩放到
2016-04-01 10:01:45
719
原创 日常整理的一些网址
框架应用集手机框架ratchet 框架http://cnratchet.com/jquery mobile 框架jquerymobile.weebly.comMUI 框架http://dev.dcloud.net.cn/mui/SUI Mobile 框架http://m.sui.taobao.org/客户端框架uikit框架htt
2016-03-31 15:00:53
8113
1
原创 简单的JavaScript图像延迟加载库Echo.js
插件描述：和 Lazy Load 一样，Echo.js 也是一个用于图像延迟加载 JavaScript。不同的是 Lazy Load 是基于 jQuery 的插件，而 Echo.js 不依赖于 jQuery 或其他 JavaScript 库，可独立使用。并且 Echo.js 非常小巧，压缩后不足 1KB。兼容性Echo.js 使用了 HTML5 的 date 属性，并且需要获取该属
2016-03-31 14:27:36
418
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人