前端学习笔记

没有注释留给你,难写的代码必定难读!

Form提交参数处理

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

2018-04-01 14:54:27

阅读数 1026

评论数 0

50个必备的实用jQuery代码段

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

2017-05-04 11:18:49

阅读数 597

评论数 0

HTML5中FormData对象的使用

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

2017-05-04 10:03:37

阅读数 5284

评论数 0

JS 将Table数据导出到Excel表

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

2017-04-21 17:53:35

阅读数 10905

评论数 9

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

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

2017-04-20 14:03:05

阅读数 7369

评论数 0

jquery 简易分页

实现效果需要引入的文件<link rel="stylesheet" type="text/css" href="page.css"> <script type="text/javascript" sr...

2017-04-20 13:19:51

阅读数 752

评论数 0

Gulp前端构建工具

安装介绍1.全局安装gulpnpm install --global gulp2. 作为项目的开发依赖(devDependencies)安装:(在项目根目录操作) npm install --save-dev gulp3.在项目根目录创建一个gulpfile.js文件(此文件名不可更改)4.初始化...

2017-04-16 11:42:18

阅读数 790

评论数 0

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

高德API坐标转换:http://lbs.amap.com/api/webservice/guide/api/convert/ 算法优势高德API自带坐标转换方法,每次转换都需要一次请求,效率太低。当你需要批量将GPS国际坐标转换成高德的火星坐标时,使用本算法,会有意想不到的性能提升。使用方法GP...

2017-04-13 18:39:43

阅读数 6831

评论数 1

ES6小白入门

ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,但实际...

2017-03-30 20:09:08

阅读数 442

评论数 0

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

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

2017-03-26 15:20:05

阅读数 3378

评论数 0

HTML5本地存储 LocalStorage和SessionStorage

了解HMLT5的同学,对本地存储的强大功能应该都不会陌生,因为它比之前的cookie和session实在是好用太多了。。。 Cookies的用法相对比较麻烦,并且还有个致命的弱点,就是太小,大概也就4KB的样子,而且IE6只支持每个域名20个cookies,太少了。所以html5中本地存储的...

2017-03-12 13:22:40

阅读数 423

评论数 0

前端Photoshop切图快速入门

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

2017-03-04 12:05:13

阅读数 3615

评论数 0

WebApp微信集成登录

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

2017-02-24 17:12:41

阅读数 5181

评论数 3

HTML5移动端优化

手机端笔记:https://segmentfault.com/a/1190000002712653 不滥用Float     Float在渲染时计算量比较大,尽量减少使用 不滥用Web字体     Web字体需要下载,解析,重绘当前页面,尽量减少使用 不声明过多的Font-size ...

2017-02-22 16:50:44

阅读数 1079

评论数 0

投资网页设计的三个原因

原文链接:https://webresourcesdepot.com/3-reasons-invest-great-web-design/ 网页设计是数字网络体验的核心。Web设计决定了网站的外观,它们如何运作,它们如何与整体品牌叙事相关,等等。这样的公司WSI是最好的网页设计师北爱尔兰所...

2017-02-17 11:15:18

阅读数 515

评论数 0

浏览器缓存解决思路

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

2017-02-16 16:52:43

阅读数 274

评论数 0

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功能类似,使用方式相...

2017-02-09 17:02:20

阅读数 1919

评论数 0

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...

2017-02-08 12:44:44

阅读数 14437

评论数 0

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

1、HTML5的新特性    (1) 绘画canvas    (2) 用于媒介回放的video和audio元素    (3) 本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失    (4) sessionStorage的数据在浏览器关闭后自动删除    (5) 语...

2017-01-15 18:37:32

阅读数 3727

评论数 0

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

1、文字超出显示为省略号 //单行: overflow: hidden; text-overflow:ellipsis; white-space: nowrap; //多行: display: -webkit-box; -webkit-box-orient: vertical; -webkit-l...

2017-01-14 12:36:34

阅读数 20801

评论数 0

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