- 博客(36)
- 收藏
- 关注
原创 JavaScript 基本定义
JavaScript 是这样的编程语言:高级:它允许你更加注重本身的逻辑,忽略当前运行它的机器的详细信息。JavaScript 通过垃圾回收器自动管理内存,让你可以更专注代码而不是管理内存,它也提供了很多构造函数让你能够处理强大的变量和对象。 动态:和静态语言在编译时执行相反,动态语言在运行时才会执行。这有利有弊,JavaScript 给我们提供了强大的功能,比如:动态类型,延迟绑定,反射,...
2018-11-30 10:50:00 616
原创 vue之什么是虚拟dom?
什么是虚拟dom? 官网概念:Vue通过建立一个虚拟DOM树对真实DOM发生的变化保持追踪。 一棵真实DOM树的渲染需要先解析CSS样式和DOM树,然后将其整合成一棵渲染树,再通过布局算法去计算每个节点在浏览器中的位置,最终输出到显示器上,这些步骤在浏览器的渲染过程及页面加载的优化方案一文中有详细的说明。 而虚拟DOM则可以理解为保存了一棵DOM树被渲染之前所包含的所有信息,而...
2018-11-30 10:06:16 3662
转载 “点击”改变样式(事件源,冒泡捕获)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2018-11-30 09:46:27 839
转载 js实现promise
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-11-30 09:36:01 663 1
原创 bootstrap写响应式导航栏
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap 实例 - 响应式的导航栏</title> <link rel="stylesheet" href="https://cdn.stat
2018-11-29 17:36:54 1174
原创 通过CSS禁用页面内容选中和复制操作
-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;
2018-11-28 15:45:25 1632
原创 纯css写标题样式,时间引导图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-11-28 15:30:56 3422
原创 jquery实现全选全不选的案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-11-27 10:00:57 886
原创 tab选项卡,点击只请求一次数据
代码如下:前端用全局变量做判断 刷新时全局变量初始化,或者点击按钮初始化如:按钮事件里 其他方式:cache缓存
2018-11-23 09:36:35 4942
转载 js中常见的去重方式
/** 几种常用的去重的方式*/var arr = [2, 6, 1, 15, 11, 7, 12, 8, 5, 4, 3, 12, 10, 1, 7, 2, 4, 4, '4', 12, false, false, 3, '3'];// 去重方法1 : 先将数组排序,然后循环数组,判断当前元素与上一个是否相当,只针对numbervar unique1 = function(a...
2018-11-23 08:52:55 3296
转载 用js将从后台得到的时间戳转换成日期
转载 https://blog.csdn.net/qq_38052210/article/details/80277569得到的时间戳:1526007949000;处理:var unixTimestamp = new Date(1526007949000);commonTime = unixTimestamp.toLocaleString();console.log(com...
2018-11-22 17:04:32 633
原创 canvas背景粒子效果/页面背景效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-11-20 14:38:50 2660 3
转载 原生JS的事件绑定
1、通过JavaScript对象属性来绑定var btn = document.getElementById('oBtn');btn.onclick = function(){alert('xixi');}但是这种方法的缺陷就是只能对一个元素的一个事件进行绑定,会出现覆盖的效果,只会执行最后面定义的。2.通过HTML属性处理函数的绑定example:&l...
2018-11-19 17:39:50 1635
原创 if( in )语句在js中什么意思
var man={ name:"小明", age:18 } if("age" in man){ console.log("man对象中含有age属性") }else{ console.log("没") }
2018-11-19 17:22:58 12250
转载 ES6 Proxy的应用场景
一、相关APIProxyReflect二、Proxy应用场景1.数据校验表单提交的时候做数据校验,例如年龄是不是满足条件,数据类型是不是满足要求等等,这场场景非常适合使用Proxy。下面展示与业务解耦的校验功能1)ES6实现方式 { function validator(target, validator) { return ne...
2018-11-19 17:15:53 1168
转载 es6 javascript的Proxy 实例的方法
1 get()get方法用于拦截某个属性的读取操作。 上文已经有一个例子, 下面是另一个拦截读取操作的例子。 var person = {name: " 张三 "};var proxy = new Proxy(person, {get: function(target, property) {if(property in target) {ret...
2018-11-19 17:08:59 543
原创 利用js对数组进行全排列
从n个不同元素中任取m(m≤n)个元素,按照一定的顺序排列起来,叫做从n个不同元素中取出m个元素的一个排列。当m=n时所有的排列情况叫全排列。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport&qu
2018-11-19 09:27:39 3747
转载 IE和FireFox中JS兼容之event .
转载于:http://blog.csdn.net/jiachunfeng/article/details/6448186 http://justcoding.iteye.com/blog/587876event对象IE 中可以直接使用 event 对象,而 FF 中则不可以,解决方法之一如下:var theEvent = window.event || arguments.call...
2018-11-16 15:39:12 98
转载 a标签使用href=”javascriptvoid(0)"在火狐浏览器跟chrome 不兼容
a标签使用href=”javascript:void(0); 在火狐浏览器跟chrome 不兼容使用如下方式的链接。在Chrome中点击后行为符合预期,但在IE下会新开标签卡(根据参考资料,Firefox中有相同问题)。<a href=”javascript:void(0);” target=”_blank”>test</a>后经查找资料,发现需如下解决。...
2018-11-16 15:20:10 1241
转载 解决了火狐下无法触发click事件的问题
<script language="javascript"> function test2(name) { if(document.all) { document.getElementById(name).click(); } else { var evt = document.createEvent("MouseEvents"); evt....
2018-11-16 13:53:26 4427 2
原创 vscode常用快捷键
快捷键: Ctrl + G 跳转到指定的行数Ctrl + F 查找Ctrl + H 替换Ctrl+Home 回顶部Ctrl+End 回尾部折叠一块ctrl + shift + [展开一块ctrl + shift + ]折叠所有ctrl + k, ctrl + 0展开所有ctrl + k, ctrl + j...
2018-11-13 14:12:22 228
转载 js使用转义符技巧输出HTML
有时候我们需要使用js输出html代码,会涉及一些标签、变量。 对于很长的html代码,为了让js具有较好的可读性,需要在js里对html代码进行一定的拆分、拼接。简单明了版 通常我们这样做 var div = document.getElementById("divc"); var html = "" html += "" + "...
2018-11-12 11:29:27 1125
转载 vue中数组的值交换位置
替换数组 data () { return { tableData: [1,2,3] } }数组的某一位与前一位交换(例:表格上移) // index 是索引位置 var tempOption = this.tableData[index - 1] this.$set(this.table...
2018-11-12 10:17:26 10354
原创 vue的注意规范之v-if 与 v-for 一起使用
当v-if与v-for一起使用时,v-for具有比v-if更高的优先级,这意味着v-if将分别重复运行于每个v-for循环中所以,不推荐v-if和v-for同时使用使用推荐方式: <ul> <li v-for="user in activeUsers" :key="user.id" > {{ u...
2018-11-12 10:08:50 159743 14
转载 Truthy、Falsy与true、false的区别
Truthy和Falsy介绍这个truthy以及falsy该如何翻译,google了下没有这单词。其实想了想也不必翻译,按照中文的感性理解,不就是“对的”,“能返回否的东西”嘛!像很多语言一样,javascript也支持boolean数据类型(有true和false两个值),不过特别的是,javascript中的任何对象都还隐含一个boolean值,这便是大家所说的truthy和fals...
2018-11-12 09:47:26 7784 1
原创 函数去抖(debounce)和函数节流(throttle)
目的以下场景往往由于事件频繁被触发,因而频繁执行DOM操作、资源加载等重行为,导致UI停顿甚至浏览器崩溃。window对象的resize、scroll事件 拖拽时的mousemove事件 射击游戏中的mousedown、keydown事件 文字输入、自动完成的keyup事件实际上对于window的resize事件,实际需求大多为停止改变大小n毫秒后执行后续处理;而其他事件大多的需求...
2018-11-12 09:20:48 845
原创 js获取时间的简单方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-11-12 08:45:28 588
原创 前端性能优化
(1) 减少http请求次数:CSS Sprites, JS、CSS源码压缩、图片大小控制合适;网页Gzip,CDN托管,data缓存 ,图片服务器。 (2) 前端模板 JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数 (3) 用innerHTML代替DOM操作,减少DOM操作次数,优化javascript性...
2018-11-10 10:58:06 125
原创 基于jquery的函数方法封装调用案例
var Common = (function () { var Common = { BindTable: function (table, url, uniqueid, queryid, columns) { $(table).bootstrapTable({ // data: bt_data, ...
2018-11-10 10:46:28 5362
原创 基于jquery的ajax简单封装调用案例
// submitAjax(post方式提交)function submitAjax(form, callbak, success, cache, alone) { var cache = cache || true; var form = $(form); var url = form.attr('action'); var data = form.seria...
2018-11-10 10:43:37 4565 5
原创 js匹配字符串中文字关键字高亮
// 匹配颜色高亮 function keywordscolorful(str, key){ var reg = new RegExp("(" + key + ")", "g"); var newstr = str.replace(reg, "<font style='background:#ff0;'>$1</font>");
2018-11-07 22:29:58 8210 2
转载 jquery操作select(增加,删除,清空)
jquery操作select(增加,删除,清空) 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的 3. var che...
2018-11-06 17:38:53 2087
原创 域名判断
//域名判断var str = '(https?://|ftp://|file://|www.)[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]';
2018-11-06 17:36:39 908
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人