SF
前端黑科技
前端黑科技
注册登录
关注博客
注册登录
主页
关于
RSS
原生js替换jQuery各种方法-中文版
jsoncode
2018-10-05
阅读 17 分钟
15.9k
前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大大减少。本项目总结了大部分 jQuery API 替代的方法,暂时只支持 IE10 以上浏览器。
一段万能的nginx接口反向代理配置
jsoncode
2018-09-30
阅读 8 分钟
14.3k
作为前端开发,每次调试接口,把代码发到测试服务器,是很费时费事的一件事情。为了提高效率,想到了nginx反向代理来解决这一问题。 接口地址:test.com 访问地址:localhost 最核心的问题就是,登录时,无法写入cookie的问题,为了解决这个问题,走了不少弯路。 {代码...} 核心代码在三行代码上:proxy_set_header Cook...
html5 indexeddb的简明api
jsoncode
2018-09-25
阅读 6 分钟
1.5k
网上搜来一堆api,demo,几乎没有找到满意的答案,经过汇总并结合自己的理解,封装了一套简单的api {代码...} 以下是我自己封装好的方法: {代码...} 测试一下: {代码...}
给自己的网站接入谷歌翻译,以及修复了一个谷歌翻译的一个bug
jsoncode
2018-09-03
阅读 2 分钟
17.7k
给网站加谷歌翻译,搜索引擎一搜一大堆,这里不再赘述。只贴一个申请谷歌翻译的一个地址:[链接]和一段代码: 下面是官方给出的代码: {代码...} 下面是我改良的代码: {代码...} 之所以这么改,里面有三个地方要注意的: 1,为什么用定时器轮询?根据自己的网站布局,这个div可能是其他js动态添加,此时调用不一定存在...
js通过CSV倒入excel数据
jsoncode
2018-05-29
阅读 3 分钟
5.6k
是不是感觉用英文逗号就可以分离每一cell了?年轻人,说了每一个cell用英文逗号隔开,不代表每一个cell里都是纯洁的啊!如果这几个:每一个cell,用英文逗号隔开,如果中间出现双字节字符或空格或英文逗号,cell会加上双引号
sublime text3 package control 报错
jsoncode
2018-05-26
阅读 1 分钟
4k
安装sublime text3之后,安装package control 报错,错误信息:There are no packages available for installation
js 导出excel ,elsx格式
jsoncode
2018-05-11
阅读 3 分钟
8k
思路,js下载文件,无非就是生成base64,然后赋值给a标签进行导出下载 读取文件excel的filetype: {代码...} js中btoa可以把字符串转成base64编码。可以通过这个方法进行生成要导出的excel base64 {代码...} 通过标签a可以下载一个文件: {代码...} 通过模拟点击事件,触发下载操作 {代码...} 最终代码: {代码...}
css3 实现圆角的三角形
jsoncode
2018-05-04
阅读 1 分钟
11k
今天碰到这样一个需求,为带有圆角的框加一个角标。而且角标是圆角的。我真的不想切图,怎么办。突然想到css3可以实现条纹背景,那这不就可以了么
正则中的\1的作用
jsoncode
2017-12-28
阅读 1 分钟
3.5k
网友给出了:'aaabbbbcdddd'.match(/(.)1+/gi); 测试发现没有匹配到c,但是这已经给出了思路。优化:'aaabbbbcdddd'.match(/(.)(1+)?/gi); 可以匹配到c,结果也对了。继续优化:'aaabbbbcdddd'.match(/(.)1*/gi); 更简洁,也的确应该如此。
js数组排序踩的一个坑
jsoncode
2017-12-12
阅读 1 分钟
2.8k
我有一个简单的一维string数组: {代码...} 想对其进行a-z的顺序排序 {代码...} 我操作错误了?哪里出了问题,完全蒙了 ==! 我把字母转成小写,一样的。 我把字母全部转成unique的编码看一下: {代码...} 还不行,百思不得姐。 最后查询文档得结果: sort返回值有3种, 1:正序排序-1:倒叙排序0:保持不变 最后:成功解...
css3 实现一个k歌效果和一个进度条的效果
jsoncode
2017-09-15
阅读 2 分钟
4.1k
先看两个效果:相信这两个效果很多人都想要,哈哈,我看到很多app,下载进度就是这样的,虽然平淡,但是很有用,只有你遇到了,才知道为什么有用了。下面就简单分析一下实现原理。首先,用到的css3特性有:css3线性渐变linear-gradient,和-webkit-background-clip,-webkit-text-fill-color,这三个特性。k歌效果比较简...
css3 实现自定义有序列表序号
jsoncode
2017-07-15
阅读 1 分钟
3.8k
有一下代码结构: {代码...} 我想显示成: part:1这是第一部分part:2这是第二部分part:3这是第三部分 {代码...}
$.ajax 与 $.post 的区别,以及$.post的bug
jsoncode
2017-06-15
阅读 1 分钟
2.5k
先来看两个方法: {代码...} 这都能看懂,没有什么问题正常的使用,不会有什么问题,那什么是不正常的使用呢? 上传文件 {代码...} 请求地址有302重定向(同域下,没有跨域) 这种情况下,$.post的回调函数就没有执行,$.ajax正常执行 jQuery版本:2.2
浏览器不支持播放flash,一个神奇的链接解决问题
jsoncode
2017-05-25
阅读 1 分钟
4.3k
[链接] 从表面上看,这是获取flash的链接,但是很神奇 如果在页面加上这个链接 {代码...} 浏览器会弹出提示,是否允许:允许一次,始终允许 然后就可以播放了。 注意几点:此链接必须放在a标签中,不能在浏览器直接访问
基于 Tampermonkey插件的 百度广告屏蔽脚本
jsoncode
2017-05-17
阅读 2 分钟
6.2k
由于一些广告是动态加载,adplus也无能为力,所以,自己写了一个脚本来过滤这些动态广告。 使用前: 使用后: {代码...} 脚本:[链接]
js实现文件切片上传,断点续传
jsoncode
2017-05-17
阅读 3 分钟
39.7k
思路整理:拿到文件,对文件进行fingerprint = md5(file),得到文件指纹。将指纹保存服务器。切割文件,分段上传,每次上传一段。服务器根据指纹进行索引判断文件上传进度,直到文件的全部片段上传完毕。
js校验文件唯一性
jsoncode
2017-05-17
阅读 1 分钟
6.7k
{代码...}
一个面试题 :两个四位数,翻转数字后与原数4倍关系
jsoncode
2017-03-08
阅读 1 分钟
2.1k
这题真无聊,我不知道有啥用,由于我比较笨,想了半天也没出结果。其实道理很简单,从1000-9999中有那么两个数字符合上面的关系(有没有我不确定)
vuejs2遇到的一些坑
jsoncode
2017-03-03
阅读 1 分钟
3.7k
TypeError: Cannot read property 'invoker' of undefined 错误原因: @click="obj.myFn" 绑定是事件方法 myFn被移除 敬请期待更多
使用chrome remote debug时打开inspect时出现一片空白
jsoncode
2016-12-13
阅读 1 分钟
41.5k
chrome://inspect/#devices能够在pc chrome调试 Android wechat 的页面 条件:1,能够访问google.com2,手机开启usb调试模式3,允许电脑访问手机 否则chrome://inspect/#devices出现空白页 但是,chrome://inspect/#devices出现空白页的情况不止上面的原因 可以试一下chrome://appcache-internals/#清除一下这里的缓存,...
从jquery,zepto中提取的90行代码实现一个完整的ajax
jsoncode
2016-12-01
阅读 4 分钟
4.4k
{代码...} test {代码...}
js正则断言整理
jsoncode
2016-11-29
阅读 1 分钟
4.4k
前人栽树后人乘凉:[链接]如:匹配一个图片 abc.jpg 如果只匹配除abc,不要.jpg如何匹配: {代码...} 如果只匹配.jpg,不要abc {代码...}
chrome 监听touch类事件报错:无法被动侦听事件preventDefault
jsoncode
2016-11-28
阅读 1 分钟
112.5k
Unable to preventDefault inside passive event listener due to target being treated as passive. See [链接]
使用js对被转义的特殊符号(如: )进行反转义
jsoncode
2016-11-22
阅读 1 分钟
9.1k
{代码...} 吃水不忘挖井人:[链接]
vuejs在chrome extensions中不起作用
jsoncode
2016-11-19
阅读 1 分钟
7.6k
在谷歌插件中竟然没有任何错误,并且没有任何显示,页面是空的,网上搜到一篇文章:[链接]意思就是,谷歌插件中的js运行环境比较特殊(称为 Content Security Policy (CSP)),使得通常的 vue 不能被正常使用。
fn有toString方法,string没有toFunction方法,自定义一个toFunction方法
jsoncode
2016-11-10
阅读 1 分钟
3.1k
更新:感谢 @行列[xxooyy] 给了一个更加精简的方法实现: {代码...} {代码...} 方法很笨拙,不知道有没有大神给改改的,或者有什么可替换的系统方法。[链接] 总结一行神奇的代码: {代码...}
正则匹配常见链接地址
jsoncode
2016-10-13
阅读 1 分钟
6k
{代码...} 说明: a=(https?|ftp|news):// 以常见协议开头的b=w+(.w+)+ 涵盖ip,多级域名 c=(:w+)?非80端口 d=.*任意非空字符 ^(a|b)cd
使用css3的radial-gradient实现一个穿透效果的圆
jsoncode
2016-10-08
阅读 1 分钟
8k
先看需求: 如图,需要做一个这个效果。一般怎么做?那个半圆切成图片,可以解决一种情况——图片背景固定并且不平铺。 如果背景图片是花纹平铺,且不是固定不动的呢?切好的半圆就无法与背景图对应 现在使用css3的径向渐变是可以实现这个透明的圆的,这样一来,如果圆是透明的,就不用担心背景图片的情况了 {代码...} 代...
js 数组去重(单元素和对象数组)
jsoncode
2016-09-28
阅读 1 分钟
10.3k
源码 {代码...} 使用方法: {代码...} {代码...}
js 时间任意格式化 ,又来造轮子了
jsoncode
2016-08-23
阅读 2 分钟
2k
{代码...} 测试: {代码...} 下一步,还有一个方法,字符串之间的格式转换:2016-09-01 => 09/01/2016 {代码...} 测试: {代码...}
1
2
(current)
3
下一页
上一页
2
(current)
下一页