4 宗毅

尚未进行身份认证

我要认证

有事写代码,没事删代码,无聊看规范~~~

等级
TA的排名 4w+

Form提交参数处理

form表单是可以直接提交的,但是很多场景我们需要对参数稍作处理,转换成标准的JSON结构提交。基于jQuery的小插件:$.prototype.serializeObject = function() { var a, o, h, i, e; a = this.serializeArray(); o = {}; h = o.hasOwnProperty; ...

2018-04-01 14:54:27

50个必备的实用jQuery代码段

本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312):$.ajaxSetup({ a

2017-05-04 11:18:49

HTML5中FormData对象的使用

FormData对象是HTML5的一个对象,目前的已经可以兼容一些主流的浏览器。当然了,如果你的项目还需要兼容IE8之类的低版本浏览器,这个好用的方法注定与你无缘啦。(不过你可以考虑jquery.form.js这种表单插件,同样容易上手)。FormData在使用的时候可以不使用html代码代码的情况下,向后端提交数据,譬如下面这段代码:var form = new FormData();form.

2017-05-04 10:03:37

JS 将Table数据导出到Excel表

通过JavaScript方法将table中的数据导出在excel表中,使用方便,可以直接浏览器直接下载所需要的excel表,一般适用于后台管理的导出数据需求。使用方法1.对table标签设置id,例如:id=”ta” 2.点击按钮调用<button onclick="javascript:method1('ta')">导出EXCEL</button>实现过程var idTmr;function

2017-04-21 17:53:35

高德地图---已知两点经纬度坐标求距离和角度

计算两个坐标点之间的距离function calcDistance(lonA,latA,lonB,latB) { var earthR = 6371000; var x = Math.cos(latA * Math.PI / 180.) * Math.cos(latB * Math.PI / 180.) * Math.cos((lonA - lonB) * Math.PI / 180

2017-04-20 14:03:05

jquery 简易分页

实现效果需要引入的文件<link rel="stylesheet" type="text/css" href="page.css"><script type="text/javascript" src="jquery.js"></script><script type="text/javascript" src="page.js"></script> index.html<ul class

2017-04-20 13:19:51

Gulp前端构建工具

安装介绍1.全局安装gulpnpm install --global gulp2. 作为项目的开发依赖(devDependencies)安装:(在项目根目录操作) npm install --save-dev gulp3.在项目根目录创建一个gulpfile.js文件(此文件名不可更改)4.初始化生成package.json (可以先用默认配置)npm init 接下来就是安装各种组件了。。。

2017-04-16 11:42:18

JS算法 GPS国际坐标转换成高德火星坐标

高德API坐标转换:http://lbs.amap.com/api/webservice/guide/api/convert/算法优势高德API自带坐标转换方法,每次转换都需要一次请求,效率太低。当你需要批量将GPS国际坐标转换成高德的火星坐标时,使用本算法,会有意想不到的性能提升。使用方法GPS.gcj_encrypt("纬度","经度"); // 函数返回转换后的高德坐标代码实现var GPS

2017-04-13 18:39:43

ES6小白入门

ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMA-262标准的实现和扩展。随着ES6的发布,越来越多的javascript爱好者已经开

2017-03-30 20:09:08

JS检测是手机否安装App并打开,否则跳转App Store的方法

常常有这样的场景,咱们开发出来的APP需要进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接(App Store中的)。所以咱们来模拟一下用户的操作步骤:1、用户第一次访问宣传页面   a、点击Banner,进入到APP Store中对应的APP下载页   b、APP下载页中提示:安装;用户点击安装   c、安装完成后,APP下载页中提示:

2017-03-26 15:20:05

HTML5本地存储 LocalStorage和SessionStorage

了解HMLT5的同学,对本地存储的强大功能应该都不会陌生,因为它比之前的cookie和session实在是好用太多了。。。Cookies的用法相对比较麻烦,并且还有个致命的弱点,就是太小,大概也就4KB的样子,而且IE6只支持每个域名20个cookies,太少了。所以html5中本地存储的出现也算是程序员的福音啦。好了,废话不多说了,直接上干货:HTML5中本地存储分为sessio

2017-03-12 13:22:40

前端Photoshop切图快速入门

如果你是一个从没用过ps的同学,请打开软件边看边尝试。相信这样可以让你更快的熟悉切图的基本方法,自己多练习应该可以满足前端工作中遇到的切图需求啦。(坚持看完,你会有收获的,当然仅仅是入门一丢丢咯~)PS新建文件ctrl+n,弹出窗口,宽高一般单位都是为像素,网页的psd颜色默认是均为rgb,分辨率一般为72像素/英寸。PS常用类 工具类:移动工具,选框工具(可以查看选中区域的大小,选择目标区域),

2017-03-04 12:05:13

WebApp微信集成登录

把一个WebApp发布在微信公众号上,并且想使用微信用户的信息,以求达到微信集成登录的目的。官方文档讲的也很详细,然而在做的过程中还是遇到很多坑,分享出来希望能对有需要的人有所帮助。实现效果如下:微信浏览器授权的前提: 1.拥有微信公众号,即有APPID,APPSecret,并设置了授权回调域 2.必须在手机端的微信浏览器打开方可,目测现在windows PC端的微信浏览器打开

2017-02-24 17:12:41

HTML5移动端优化

手机端笔记:https://segmentfault.com/a/1190000002712653不滥用Float    Float在渲染时计算量比较大,尽量减少使用不滥用Web字体    Web字体需要下载,解析,重绘当前页面,尽量减少使用不声明过多的Font-size    过多的Font-size引发CSS树的效率减少重绘和回流    a) 避免不必要的D

2017-02-22 16:50:44

投资网页设计的三个原因

原文链接:https://webresourcesdepot.com/3-reasons-invest-great-web-design/ 网页设计是数字网络体验的核心。Web设计决定了网站的外观,它们如何运作,它们如何与整体品牌叙事相关,等等。这样的公司WSI是最好的网页设计师北爱尔兰所提供的,但很多人都禁不住赞成DIY方式放弃专业的网页设计服务。虽然这可能在某些情况下工作,招聘专业人士几

2017-02-17 11:15:18

浏览器缓存解决思路

思考方向:修改资源的地址名,对浏览器来说,就是一个全新的请求传统方式 原理:在【静态资源】后面加版本号script(src="indexPage.js?V=20160910")优点: 可以解决缓存造成的问题,能及时更新缓存,让用户访问更新的内容缺点:在中、大型项目中,版本号一般是统一加的变量,当只是一个小的修改的时候,比如只有一个js脚本发生变化,这时候所有资源的版本号都更新,造

2017-02-16 16:52:43

ng-if、ng-show和ng-hide指令的区别

angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏,值为true时元素会显示。ng-hide功能类似,使用方式相反。元素的显示或隐藏是通过改变CSS的display属性值来实现的。[javascript] view

2017-02-09 17:02:20

JavaScript字符串去重的四种方法

方法一:for遍历function quchong1(str){ var newStr=""; var flag; for(var i=0;i<str.length;i++){ flag=1; for(var j=0;j<newStr.length;j++){ if(str[i]==newStr[j]){ flag=0; break; } }

2017-02-08 12:44:44

HTML5常见面试题及答案(二)

1、HTML5的新特性   (1) 绘画canvas   (2) 用于媒介回放的video和audio元素   (3) 本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失   (4) sessionStorage的数据在浏览器关闭后自动删除   (5) 语义化更好的内容元素,比如article,footer,header,nav,section   (

2017-01-15 18:37:32

HTML5常见面试题及答案(一)

1、文字超出显示为省略号//单行:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;//多行:display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;2、div垂直居中 posi

2017-01-14 12:36:34

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!