- 博客(45)
- 收藏
- 关注
RSS订阅原创 Eslint：Parsing error: The keyword ‘interface‘ is reserved
Parsing error: The keyword 'interface' is reserved
2022-08-18 14:36:13
7089
2
原创 js全选、全不选功能
实现功能：1. 全选2. 全不选3. 每条数据被勾选后，全选框变成被勾选状态4. 勾选全选框，取消某条数据的勾选，全选框变成未勾选状态直接看demo：（label标签和类名ui-checkbox、ui-checkbox-inline是在checkbox.css中对复选框做了美化）<!DOCTYPE html><html lang="en">...
2018-10-18 16:17:01
275
原创 前端开发的优化
（1） 减少 http 请求次数：css spirit,data uri（2） JS，CSS 源码压缩（3） 前端模板 JS+数据，减少由于 HTML 标签导致的带宽浪费，前端用变量保存 AJAX 请求结果，每次操作本地变量，不用请求，减少请求次数（4） 用 innerHTML 代替 DOM 操作，减少 DOM 操作次数，优化 javascript 性能（5） 用 setTimeo...
2018-10-16 14:19:22
231
转载 css兼容性hack写法
原文地址：http://www.wufangbo.com/css-hack/Hack是针对不同的浏览器去写不同的CSS样式，从而让各浏览器能达到一致的渲染效果，那么针对不同的浏览器写不同的CSS CODE的过程，就叫CSS HACK，同时也叫写CSS Hack。然后将Hack放在浏览器特定的CSS文件中，让其符合条件的浏览器解析这些代码，就如前面所说的条件样式，我们将CSS Hack代码放入条...
2018-10-15 18:31:57
203
原创 常见HTTP 状态码
100 Continue 继续，一般在发送 post 请求时，已发送了 http header 之后服务端将返回 此信息，表示确认，之后发送具体参数信息200 OK 正常返回信息201 Created 请求成功并且服务器创建了新的资源202 Accepted 服务器已接受请求，但尚未处理301 Moved Permanently 请求的网页已永久移动到新位置302 Found ...
2018-10-15 16:29:39
177
原创 如何获取和设置 cookie
// 创建 cookiefunction setCookie(name, value, expires, path, domain, secure) { var cookieText = encodeURIComponent(name) + '=' + encodeURIComponent(value); if (expires instanceof Date) { ...
2018-10-15 15:16:39
422
原创 区分 splice 和 slice
splice 和 slice 在使用时，经常会忘记二者的区别，造成混淆其实，关键在于区分二者的参数：1. splice（index,howmany,item1,.....,itemX） index: 必选。从index处开始的零个或多个元素。 Howmany：必选。删除多少个元素 item...
2018-10-11 11:20:21
152
原创 style.width 和 offsetWidth
style.width 返回值是定义的width属性值 返回的是字符串offsetWidth返回对象的padding+border+width属性值之和，返回的是 Number 型的数字在这里用一个面试题作为例子来看一下：写一个traverse函数，输出所有页面宽度和高度大于50像素的节点function traverse(){ var elements = []; ...
2018-10-11 10:51:56
191
转载 form表单提交方式
原文：http://www.anyrt.com/blog/list/submit.html无刷新页面提交表单表单可实现无刷新页面提交，无需页面跳转，如下，通过一个隐藏的iframe实现，form表单的target设置为iframe的name名称，form提交目标位当前页面iframe则不会刷新页面<form action="/url.do" method="post" tar...
2018-10-10 10:45:26
247
原创 sessionStorage的使用
写入： sessionStorage.setItem('scene',JSON.stringify({"scene":scene}));获取：var sceneObj = JSON.parse(sessionStorage.getItem('scene')) == null ? {"scene":''} : JSON.parse(sessionStorage.get...
2018-09-13 15:54:40
306
原创 CSS calc 兼容写法
width: 98%;/*写给不支持calc()的浏览器*/width:-moz-calc(100% - 80px);width:-webkit-calc(100% - 80px);width: calc(100% - 80px);
2018-09-13 15:47:08
2765
转载 什么是跨域？怎么解决跨域问题？
转载链接：https://www.cnblogs.com/sexintercourse/p/7011427.html什么是跨域？ 跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。所谓同源是指，域名，协议，端口均相同，不明白没关系，举个栗子：http://www.123.com/index.html 调用 ht...
2018-08-31 11:03:58
160
转载 VS Code 快捷键
常用 General按 Press 功能 Function Ctrl + Shift + P，F1 显示命令面板 Show Command Palette Ctrl + P 快速打开 Quick Open Ctrl + Shift + N 新窗口/实例 New window/instance Ctrl + Shift + W 关闭窗口/实例 Clo...
2018-07-31 18:19:41
353
原创 Es6新增数据类型 Symbol
· Symbol是通过symbol函数生成的。 let s = Symbol(); console.log(s);//Symbol() typeof(s);//”symbol”· Symbol()函数通过接收一个字符串作为参数，来对产生的Symbol值进行描述，方便区分不同的Symbol值。 给Symbol函数加了参数之后，控制台输出的...
2018-07-31 11:51:47
318
转载 浅谈前端安全以及如何防范？
随着互联网的发达，各种WEB应用也变得越来越复杂，满足了用户的各种需求，但是随之而来的就是各种网络安全的问题。作为前端开发行业的我们也逃不开这个问题。所以今天我就简单聊一聊WEB前端安全以及如何防范。 首先前端攻击都有哪些形式，我们该如何防范? 一、XSS攻击 XSS是一种经常出现在web应用中的计算机安全漏洞，它允许恶意web用户将代码植 入到提供给其它用户使用的页面中。比如这...
2018-07-26 16:47:46
4770
原创 如何去除谷歌的广告 -- ABP插件
下载插件，加入扩展:http://www.cnplugins.com/tools/how-to-setup-crx.html加入扩展后，在Adblock Plus的设置中选择过滤列表去除csdn上的广告，可以加上自定义过滤至此，烦人的广告就没有了~ ...
2018-07-25 10:26:47
2347
原创 前端在线客服窗口的制作
要制作比较完善，功能强大的在线客服弹窗，还需要用到第三方的工具，（我使用的是智齿客服，个人感觉还是比较强大，方便的。）html中写一个点击事件：kefu()js:<script type="text/javascript">function kefu(){ var url=''; //转向网页的地址;...
2018-07-24 16:52:08
6162
原创 收集关于angularjs的一些讲解比较详细的文章
1.深究AngularJS——自定义服务详解(factory、service、provider)博客地址：https://blog.youkuaiyun.com/zcl_love_wx/article/details/514043902.$q服务https://www.cnblogs.com/liulangmao/p/3907571.html3.angularJS自定义指令各配置项详解ht...
2018-07-24 14:25:23
228
原创 Angularjs过滤器
1.内置过滤器 (1).货币过滤器 currency <span ng-bind="price | currency:'人民币￥'"></span> (2).日期时间过滤器 <span ng-bind="date | date:'yyyy年MM月dd日 hh:mm:ss'">&l...
2018-07-23 15:49:07
182
转载 世界各国以及中国各区县的JSON数据下载
世界地图和主要国家的 JSON 文件 世界地图： world.json美洲：美国：USA.json 加拿大：Canada.json 巴西：Brazil.json大洋洲：澳大利亚：Australia.json 新西兰：NewZealand.json亚洲：印度：India.json 日本：Japan.json 俄罗斯:Russia.json 新加坡：Singap...
2018-07-20 15:15:09
2532
1
原创 echarts实现折线图的绘制
先来看一下效果图：实现的是2013年到2017年，每个产品的数量统计折线图代码如下：首先从echarts官网上下载echarts.js文件<script src="echarts.js"></script><!DOCTYPE html><html><head> <meta charset=&quo
2018-07-20 11:51:16
8443
原创 echarts如何画饼图
首先从echarts官网上下载echarts.js文件<script src="echarts.js"></script><!doctype html><html lang="en"><head> <meta charset="UTF-8"> &
2018-07-20 10:56:52
1192
原创 echarts如何画柱状图，以及参数解释
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial
2018-07-20 10:52:51
1863
原创 python学习积累
一、基础1. #!/usr/bin/python# -*- coding: UTF-8 -*-2.以单下划线开头 _foo 的代表不能直接访问的类属性，需通过类提供的接口进行访问，不能用 from xxx import * 而导入；以双下划线开头的 __foo 代表类的私有成员；以双下划线开头和结尾的 __foo__ 代表 Python 里特殊方法专用的标识，如 __init_...
2018-07-18 11:42:52
245
转载 17个正则表达式
1 . 校验密码强度密码的强度必须是包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间。^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$2. 校验中文字符串仅能是中文。^[\\u4e00-\\u9fa5]{0,}$3. 由数字、26个英文字母或下划线组成的字符串^\\w+$4. 校验E-Mail 地址同密...
2018-07-18 10:15:50
720
原创 javascript深拷贝和浅拷贝
浅拷贝：随着cloneArray、cloneobj改变，originArray和originobj也发生了改变深拷贝：（使用递归） 对目标进行完全拷贝，不像浅拷贝那样只是复制了一层引用，就连值也都复制了，只要进行了深拷贝，它们老死不相往来，谁也不会影响谁。 function deepClone(){//对每一层的数据都实现一次 创建对象->对象赋值 的操作 ...
2018-07-17 15:03:53
176
原创 原生js实现多图片上传、预览
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多图上传、预览缩略图</title></head><script src="tinyImgUpload
2018-07-17 14:59:41
2942
1
原创 前端实现输入联想
引用插件：autocomplete.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><link rel=&
2018-07-17 14:49:07
4061
原创 前端实现pdf预览
引入pdf预览插件：<script type="text/javascript" src="jquery.media.js"></script><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&a
2018-07-17 14:40:16
4327
原创 区分 event.preventDefault() 和 event.stopPropagation()
event.preventDefault();阻止默认行为event.stopPropagation();//阻止事件往上冒泡<style>#text,.testdiv{ width: 50px; height: 50px; color: #666; border:1px solid #ddd;}.outdiv{ width: 50px; height...
2018-07-17 14:22:16
226
原创 javascript退格键禁用
在前端页面操作时，有时候会需要将退格键禁用掉，比如：在窗口中编辑时禁用掉退格键，主要是因为退格键会发生页面后退动作，影响编辑操作//处理键盘事件 禁止后退键（Backspace）密码或单行、多行文本框除外function forbidBackSpace(e) { var ev = e || window.event; //获取event对象 var obj = ev.ta...
2018-07-17 14:09:42
412
原创 python删除某个文件
cmd = r'python %s/assets/export_asset_tree.py'%(PROJECT_ROOT) //%s为变量 %(PROJECT_ROOT) 为变量值filePath = "/tmp/exportTree.xls"; os.system(cmd)
2018-07-17 14:03:15
1949
原创 js去掉字符串中的空格
去除所有空格：str = str.repalce(/\s*/g,"");去除两头空格：str = str.replace(/^\s*|\s*$/g,"");去除左空格：str = str.replace(/^\s*/,"");去除右空格：str = str.replace(/(\s*$)/g,"");...
2018-07-13 15:50:02
235
原创 金钱正则判断
var testmoney = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9](0-9)?$)/;if(!testmoney.test($input.val())){ alert('请输入正确的金额')； return false;}
2018-07-13 15:39:06
2165
原创 关于box-shadow的ie兼容问题（ie6、7、8）
有两种方法：（1）使用滤镜： filter:progid:DxImageTransform.Microsoft.Shadow(color=’rgba(,0,0,0,1)’,Direction=135,stregth=5); Background:#color;(注：必须有background)（2）behavior:url(ie-css3.htc);引入ie-css.h...
2018-07-13 15:29:29
1011
原创 正则判断： 有线MAC地址、无线MAC地址、ipv4、ipv6
（1） 有线MAC地址：/[A-Fa-f0-9][A-Fa-f0-9]-[A-Fa-f0-9][A-Fa-f0-9]-[A-Fa-f0-9][A-Fa-f0-9]-[A-Fa-f0-9][A-Fa-f0-9]-[A-Fa-f0-9][A-Fa-f0-9]-[A-Fa-f0-9][A-Fa-f0-9]/（2） 无线MAC地址：/([A-Fa-f0-9]{2}-){5}[A-Fa-f0-9]{2}/（...
2018-07-13 15:27:11
1198
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人