- 博客(48)
- 资源 (6)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 html2canvas 部分iPhone手机无效
刚遇到时有点懵，为啥？其他手机都没问题，发生了什么？然后，更诡异的事情也随之而来，then没执行，catch也没执行？？？只能搜索大法了？然后发现了这个~亲人啊，多么朴实无华的提问，单词全认识。。。然后解决方案有了切换到rc.3版本"html2canvas": "1.0.0-rc.4",果不其然~~~完美解决...
2021-04-14 19:23:45
816
3
原创 antd icons 导致bundle体积过大
问题描述antd 按需加载引入的，明明只是用了几个icon，然而bundle却多了几百KBwebpack-bundle-analyzer效果如下：解决方案官方出了个临时的解决方案@issue https://github.com/ant-design/ant-design/issues/12011大概思路是让你自己搞一个icon引入文件，把icon的默认库替换一下1. 创建一个文件antd-icons.js/* 列出你自己用到的@ant-design/icons的图标 *//* 下
2021-04-12 19:22:12
1213
原创 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
3616
转载 50个必备的实用jQuery代码段
本文会给你们展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法，另一些则是真正有用的函数或方法，他们能够帮助你又快又好地把事情完成。如果你发现你任何可以做得更好的地方的话，欢迎把你的版本粘贴在评论中!1. 如何修改jQuery默认编码（例如默认UTF-8改成改GB2312）：$.ajaxSetup({ a
2017-05-04 11:18:49
927
原创 HTML5中FormData对象的使用
FormData对象是HTML5的一个对象，目前的已经可以兼容一些主流的浏览器。当然了，如果你的项目还需要兼容IE8之类的低版本浏览器，这个好用的方法注定与你无缘啦。（不过你可以考虑jquery.form.js这种表单插件，同样容易上手）。FormData在使用的时候可以不使用html代码代码的情况下，向后端提交数据，譬如下面这段代码：var form = new FormData();form.
2017-05-04 10:03:37
6261
原创 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
13270
10
原创 高德地图---已知两点经纬度坐标求距离和角度
计算两个坐标点之间的距离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
12977
原创 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
974
原创 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
995
原创 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
11546
4
原创 ES6小白入门
ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMA-262标准的实现和扩展。随着ES6的发布，越来越多的javascript爱好者已经开
2017-03-30 20:09:08
620
转载 JS检测是手机否安装App并打开，否则跳转App Store的方法
常常有这样的场景，咱们开发出来的APP需要进行推广，比如在页面顶部来一张大Banner图片，亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接（App Store中的）。所以咱们来模拟一下用户的操作步骤：1、用户第一次访问宣传页面 a、点击Banner，进入到APP Store中对应的APP下载页 b、APP下载页中提示：安装；用户点击安装 c、安装完成后，APP下载页中提示：
2017-03-26 15:20:05
4328
原创 HTML5本地存储 LocalStorage和SessionStorage
了解HMLT5的同学，对本地存储的强大功能应该都不会陌生，因为它比之前的cookie和session实在是好用太多了。。。Cookies的用法相对比较麻烦，并且还有个致命的弱点，就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太少了。所以html5中本地存储的出现也算是程序员的福音啦。好了，废话不多说了，直接上干货：HTML5中本地存储分为sessio
2017-03-12 13:22:40
686
原创 前端Photoshop切图快速入门
如果你是一个从没用过ps的同学，请打开软件边看边尝试。相信这样可以让你更快的熟悉切图的基本方法，自己多练习应该可以满足前端工作中遇到的切图需求啦。（坚持看完，你会有收获的，当然仅仅是入门一丢丢咯~）PS新建文件ctrl+n,弹出窗口，宽高一般单位都是为像素，网页的psd颜色默认是均为rgb,分辨率一般为72像素/英寸。PS常用类 工具类：移动工具，选框工具（可以查看选中区域的大小，选择目标区域），
2017-03-04 12:05:13
4486
原创 WebApp微信集成登录
把一个WebApp发布在微信公众号上，并且想使用微信用户的信息，以求达到微信集成登录的目的。官方文档讲的也很详细，然而在做的过程中还是遇到很多坑，分享出来希望能对有需要的人有所帮助。实现效果如下：微信浏览器授权的前提： 1.拥有微信公众号，即有APPID，APPSecret，并设置了授权回调域 2.必须在手机端的微信浏览器打开方可，目测现在windows PC端的微信浏览器打开
2017-02-24 17:12:41
6770
3
原创 HTML5移动端优化
手机端笔记：https://segmentfault.com/a/1190000002712653不滥用Float Float在渲染时计算量比较大，尽量减少使用不滥用Web字体 Web字体需要下载，解析，重绘当前页面，尽量减少使用不声明过多的Font-size 过多的Font-size引发CSS树的效率减少重绘和回流 a) 避免不必要的D
2017-02-22 16:50:44
1437
翻译 投资网页设计的三个原因
原文链接：https://webresourcesdepot.com/3-reasons-invest-great-web-design/ 网页设计是数字网络体验的核心。Web设计决定了网站的外观，它们如何运作，它们如何与整体品牌叙事相关，等等。这样的公司WSI是最好的网页设计师北爱尔兰所提供的，但很多人都禁不住赞成DIY方式放弃专业的网页设计服务。虽然这可能在某些情况下工作，招聘专业人士几
2017-02-17 11:15:18
748
原创 浏览器缓存解决思路
思考方向：修改资源的地址名，对浏览器来说，就是一个全新的请求传统方式 原理：在【静态资源】后面加版本号script(src="indexPage.js?V=20160910")优点： 可以解决缓存造成的问题，能及时更新缓存，让用户访问更新的内容缺点：在中、大型项目中，版本号一般是统一加的变量，当只是一个小的修改的时候，比如只有一个js脚本发生变化，这时候所有资源的版本号都更新，造
2017-02-16 16:52:43
420
转载 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
2377
原创 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
22750
原创 HTML5常见面试题及答案（二）
1、HTML5的新特性 (1) 绘画canvas (2) 用于媒介回放的video和audio元素 (3) 本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失 (4) sessionStorage的数据在浏览器关闭后自动删除 (5) 语义化更好的内容元素，比如article,footer,header,nav,section (
2017-01-15 18:37:32
4540
原创 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
25160
转载 HTML5 WebSocket使用详解
1.使用Eclipse+Tomcat8环境进行演示2.创建一个Servlet用于接收客户端的请求数据，并进行处理[java] view plain copy print?package com.jCuckoo.server; import java.io.IOException; import javax.websocket.OnClose; import javax.websoc
2017-01-12 09:51:26
10881
1
原创 Sublime Text3支持LESS预编译
1.安装sublime插件(1)安装less2css插件：作用：a.当保存less文件的时候自动生成同名的css文件； b.当保存less文件的时候提示编译错误信息； c.批量编译项目目录下的所有less文件为css文件。方法：ctrl+shift+p>install Package>输入less2css按Enter (2)安装less插件作用：让less代码高
2017-01-11 17:38:25
5674
原创 关于数组的js编程题（面试很常见哦）
问题1：计算给定数组 arr 中所有元素的总和function sum(arr) { var result = 0; for(var i = 0; i < arr.length; i++){ result += arr[i]; } return result; }问题2：合并数组 arr1 和数组 a
2017-01-08 15:21:22
8169
1
原创 vue实现简易留言板（todolist）
vue.js入门demo，希望能够给初学者一点帮助！为了美观考虑，代码尝试使用了bootstrap布局，适合移动端演示。一、首先创建目录，结构一目了然。二、布局页面样式，简单布局，贴出效果，图省事，直接bootstrap三、接下来便是主要逻辑代码了，vue的简单实用，不啰嗦，直接源码！window.onload = function(){ new Vue
2017-01-07 16:12:14
6836
7
转载 JavaScript中this的六种模式
问this为何物，直教人苦逼不已this是面向对象编程中的一个概念，一般指向当前方法调用所在的对象，但在JS中灵活很多，为什么这么说呢？那是因为：this是运行时绑定而非编写时绑定this的绑定和函数声明的位置木有任何关系，执行上下文取决于函数调用时方式this既不指向函数自身也不指向词法作用域。So… 谁调用这个函数或方法,this关键字就指向谁这话是并不是完全准确的this应当如何确定！
2017-01-06 10:32:40
555
原创 JavaScript创建对象的四种方式
一. 使用Object创建一个新的对象1>定义一个新的对象var student1 = new Object()var student1 = new Object()2>添加属性student1.name = ‘张三’;student1.age = 12;3>取属性值var nameValue = student1.name;var nameValue
2017-01-06 09:22:19
482
转载 H5特殊符号速查
html特殊字符平时写代码很少用到HTML的特殊字符，最常用的可能是 了，但有时在移动端为了节省时间，可能会用这些字符实现某种特殊效果，现整理如下：使用方法：这些字符属于unicode字符集，所以，你的文档需要声明为UTF-8；编号用在HTML中时，需要在前面加上&#符号；用于CSS文件中，但是需要用反斜杠\转义；用于JavaScript，和CSS用法一样，不过要用\u来转义。需要注意
2017-01-06 09:13:25
4036
转载 jQuery中的ajax方法参数详解
jQuery中的ajax方法参数总是记不住，这里记录一下。 1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将
2017-01-05 17:42:23
703
转载 如何快速转载csdn中的博客
前言 对于喜欢逛CSDN的人来说，看别人的博客确实能够对自己有不小的提高，有时候看到特别好的博客想转载下载，但是不能一个字一个字的敲了，这时候我们就想快速转载别人的博客，把别人的博客移到自己的空间里面，当然有人会说我们可以收藏博客啊，就不需要转载，(⊙o⊙)… 也对。。实现 因为我自己当初想转载的时候却不知道该怎么转载，所以学会了之后就把方法写出来，帮助那些想转载却不知道该怎么转载的人（大神勿笑
2017-01-05 13:59:33
349
原创 JavaScript常见事件处理方法
1、事件处理ev.clientX ev.clientY 获得鼠标在屏幕上的横纵坐标ele.addEventListener('click',doSomething,true) // True为捕获，false为冒泡。ele.attachEvent("onclick", doSomething); // IE浏览器的处理方法// ev.target 等于事件发
2017-01-04 16:40:13
727
原创 vue绑定点击事件
document --> window.onload = function(){ var c = new Vue({ el:".box", data:{ a:true, arr:["a","b","c"] }, methods:{ add: function(){ this.arr.push("d"); },
2017-01-03 18:56:33
8142
原创 git常用命令
GIT常用命令远程仓库1.git clone http://git.firstshare.cn/fe/*.git 克隆远程仓库到本地 2.git clone http://git.firstshare.cn/fe-h5/*.git –recursive 克隆远程仓库到本地，同时递归克隆引用的子模块 3.git init 将本地目录初始化为git版本控制，会自动创建.git目录 4.git re
2016-12-30 16:41:17
513
原创 JavaScript实现的两种排序算法
想学一点原生的js，闲来无事写的冒泡排序和快速排序，欢迎指正，不喜勿喷。// 冒泡function PP(arr){ for( var i = 0; i < arr.length-1; i++ ){ for( var j = i+1; j < arr.length; j++ ){ if( arr[i] > arr[j] ){ var k = arr[j]; arr
2016-12-22 22:29:38
376
原创 非常实用的CSS命名（快速查找）
css命名一直是让很多人感觉头疼的一件事，参考网上的资料，总结了一些常用的命名方法，可以在用的时候方便查找。希望能给大家一些帮助，不足之处也欢迎指正！！！常用的CSS命名头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体佈局宽度：wrapper 左右中：left right cent
2016-12-21 09:33:28
2344
原创 Sublime text3 添加代码片段
创建方法：Tools （工具）> Developer > New Snippet（新片段）此时，会出现如下代码： <![CDATA[Hello, ${1:this} is a ${2:snippet}.]]> hello --> source.python --> 其中，content中由CDATA包裹起来的部分是我们要插入的代码片段，可选。tabT
2016-12-15 16:09:21
10709
1
原创 H5-WebApp 自适应方案 - rem
对于WebApp来说，为了更通用地满足各机型屏幕的自适应布局要求，我们可以采用rem布局方案。 rem是相对于根元素(html)字体大小的单位，它只是一种相对单位。不同于另一个相对单位em，em是相对于父元素的字体大小，而rem则相对于根元素(html)，与父元素的字体大小无关。 字号大小不推荐用rem作为单位，否则可能会有文字排版问题。因此，字号仍旧使用px作为单位，
2016-12-15 12:55:41
3263
原创 JavaScript异步加载
默认情况javascript是同步加载的，也就是javascript的加载时阻塞的，后面的元素要等待javascript加载完毕后才能进行再加载，对于一些意义不是很大的javascript，如果放在页头会导致加载很慢的话，是会严重影响用户体验的。异步加载方式如下：1.defer，只支持IE2.async：3.创建script，插入到DOM中，加载完毕后callBack，详见代码：
2016-12-12 21:38:12
473
原创 前端开发中常见的性能优化
1、 减少http请求次数：css spirit,data uri2、JS，CSS源码压缩3、 前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数4、用innerHTML代替DOM操作，减少DOM操作次数，优化javascript性能5、 用setTimeout来避免页面失去响应6、 用hash-t
2016-12-12 21:31:00
865
iphone浏览器input date上失效？
2017-01-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人