- 博客(43)
- 收藏
- 关注
RSS订阅转载 判断用户使用的浏览器
function myBrowser() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 if (userAgent.indexOf("Opera") > -1) { return "Opera" }; //判断是否Opera浏览器 if (userAgent.indexOf("Firefox")...
2019-09-26 14:37:00
289
转载 函数声明与变量声明
1.函数声明与变量声明都会进行变量的声明与提升2.function name(){}这种格式为函数声明var x = function name(){}这是函数表达式，相当于变量赋值，也就是说此处的函数不会进行变量的声明与提升3.函数声明会覆盖变量声明，但不会覆盖变量赋值function name(){}var name;alert(typeof name)//结...
2019-09-06 17:15:00
402
转载 lodash方法
lodash：一、Array1. _.chunk(array,size):将一个数组分割成多个size长度的区块，不足则剩余部分组成一个区块。（新数组）2. _.compact(array):去除一个数组中的假值（undefined，null，false，''，0，NaN）。（新数组）3. _.concat(array,[values]):将array与任何数组或值连接在一起（新...
2019-08-08 16:53:00
498
转载 函数节流
节流在于，短时间间隔内无法连续调用，只有上一次触发结束后才能调用export const Throttle = (fn,t)=>{ let timer = null; let delayTime = t || 200; let initTime; return function(){ let args = arguments; let...
2019-07-22 14:24:00
136
转载 函数防抖
防抖在于，高频触发事件，我只执行最后一次。export const Debounce = (fn, t) => { let timer = null; let delayTime = t || 600;//这里是延迟时间 return function(){ let args = arguments; //在上一次timer结束之前，再次触发，...
2019-07-22 13:50:00
179
转载 简单的web Notifations发通知
Web Notifications API 使页面可以发出通知，通知将被显示在页面之外的系统层面上（通常使用操作系统的标准通知机制，但是在不同的平台和浏览器上的表现会有差异）Notification.requestPermission( function(status) { //让用户进行通知权限选择，根据用户的选择进行操作 console.log(status); // 仅...
2019-07-16 10:28:00
135
转载 css水波流动渐变色
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .flow-colorful { max-wid...
2019-07-03 10:01:00
1038
转载 grid布局
Grid布局：有兼容，IE（都别看我啊）display：grid；display：inline-grid；属性：grid-template-columns：定义每一列的列宽grid-template-rows：定义每一行的行高有如下用法：1. grid-template-columns: 100px 100px 100px;//三列，每列100px grid-template-ro...
2019-07-02 15:07:00
115
转载 vue中input框输入四位自动产生一个空格
<input placeholder="填写身份证号" v-model="id_card"/>watch: { ['id_card'](val) { this.$nextTick(() => { this.id_card = val.replace(/\s/g,'').replace(/....(?!$)/g,'$& '); }); ...
2019-06-14 17:51:00
1677
转载 改变input框placeholder样式
input::-webkit-input-placeholder { /* WebKit browsers */ color: #dddddd;}input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #dddddd;}input::-moz-placeholder { /* Mozilla Firefox 1...
2019-06-04 16:12:00
256
转载 横向鼠标拖动引发滚动条横向滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box{width:600px;margin: 0 auto;overflow-x: aut...
2019-06-03 17:56:00
747
转载 canvas属性，方法
基于：var canvas = document.getElementById('id');var ctx = canvas.getContext('2d');1.样式：ctx.fillStyle = 'color'-填充色ctx.strokeStyle = 'color'-线色ctx.lineWidth = 'length'-线宽lineCap = type-设置线条末端的外观。l...
2019-06-03 16:03:00
484
转载 git指令
git branch 分支名：创建分支git checkout 分支名：切换到分支git checkout -b 分支名：创建并切换到分支git merge 分支名：将此分支名合并到当前操作的分支上git rebase 分支名：将当前操作的分支合并到分支名上git checkout 提交号：将HEAD分离指向操作号git checkout 分支名^：向上移动一个提...
2019-05-21 18:00:00
113
转载 vue备忘录
1.Vue构造其中有一个el参数，它是dom元素中的id。2.Vue中的实例属性与方法都有前缀$,以便与用户定义的属性区分开来。如：$el。3.v-html指令用于输出html代码。4.修饰符是以半角句号 . 指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。例如，.prevent 修饰符告诉 v-on 指令对于触发的事件调用 event.preventDefault()。...
2019-05-14 15:08:00
286
转载 window备忘录
1.window.name属性是一个字符串，表示当前窗口的名字，只有当浏览器窗口关闭的时候，此属性才会消失。2.window.closed属性返回一个布尔值，表示窗口是否关闭。此属性一般用来检查使用脚本打开的窗口是否关闭，如：var popup = window.open();if ((popup !== null) && !popup.closed) { // 窗...
2019-04-24 18:39:00
367
转载 正则表达式\1
正则表达式中\1代表引用第一个分组，\2引用第二个分组；分组就是（）里的内容，一个（）叫一个分组。如判断一个字符串中有没有连续相同的两个字符：/([a-zA-Z])\1/.test(str)假设一个字符串aa；首先a属于a-z，\1再引用一次a，为aa，满足条件，返回true；假设一个字符串ab；首先a属于a-z，\1再引用一次a，为aa，不符合条件，返回false。转载于:ht...
2019-01-16 14:14:00
3143
转载 postMessage
postMessage(message, targetOrigin);message :信息内容，低版本浏览器只支持字符串，高版本可以各种数据都行targetOrigin :目标窗口的源，可以是字符串*表示无限制，或URI,需要协议端口号和主机都匹配才会发送window.onload = function(){//iframe模拟 window.frames[0].postMessa...
2019-01-02 17:13:00
213
转载 flex-grow，flex-shrink,flex-basis及flex
flex-grow:默认值0；分配剩余空间的扩张比例；flex-basis:默认值auto；倘若设置了此属性，那么计算剩余空间之前要优先减去此属性，且它的层级比width高，会将width覆盖。有一点需要注意，如果flex-basis和width其中有一个是auto，那么另外一个非auto的属性优先级会更高。（也就是非auto的会覆盖auto的）。flex-shrink：默认...
2018-12-18 10:42:00
220
转载 解决单选框、复选框与文字不对齐
基于vertical-align:top;height：父盒子的高度；margin-top:0;基于vertical-align：text-top;height:文字的大小；margin-top：0；转载于:https://www.cnblogs.com/xinyouhunran/p/10131615.html...
2018-12-17 15:06:00
730
转载 Object备忘录
1.Object.assign(target,...source) 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。2.Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。 子类.prototype = Object.create(父类.prototype);3.Object.defineP...
2018-12-10 12:00:00
140
转载 iframe父页面获取子页面元素方法
1.window.frames["iframe的id"].contentDocument.getElementsByClassName("mycontainer")2.document.getElementById('myiframe').contentWindow.document.getElementsByClassName("mycontainer")3.$(window....
2018-12-05 16:07:00
360
转载 js，jquery备忘录
1.var s = str.charCodeAt();转ASCII码2.String.fromCharCode(65);转字母3.es6 ... (扩展运算符)，将一个数组转化成由逗号分割的队列。 如：arr = [1,2,3] ...arr => 1,2,3; 当你需要找一个数组中的最小值的时候便可以Math.min(...arr);4.arr.reduce...
2018-11-22 09:55:00
244
转载 css，html备忘录
1.background:url()#000 ;代表当图片不够充满容器时，用黑色填满。2.height:inherit;继承父级元素的高度。当子元素给了绝对定位，父元素不给相对定位，子元素也能适配高度。3.网上有在线excel表格转json数据。4.对于现代浏览器，例如webkit内核的浏览器，或者移动端，是可以实现多行文本内容超出点点点…最后一行显示的，典型的CSS组合...
2018-11-22 09:30:00
157
转载 async：false；渲染阻塞
当我想让一个节点show（）完以后再ajax获取数据进行操作；$("#outerdiv2").show(); $.ajax({})；如果此时ajax里设置了async：false（代表ajax被设置为同步）；此时如果此段js有耗时操作，那么show（）方法会在ajax之后执行。原因：ajax设置成同步时（async:false,），浏览器的渲染(UI)线程和j...
2018-11-20 17:15:00
604
转载 零宽断言正则表达式
"(?=exp)"匹配exp前面的位置 如 "How are you doing" 正则"(.+(?=ing))" 这里取ing前所有的字符，值为"How are you do";"(?<=exp)"匹配exp后面的位置 如 "How are you doing" 正则"((?<=How).+)" 这里取"How"之后所有的字符，值为"are you...
2018-11-09 14:36:00
63
转载 合并数组，改变原数组apply与不改变原数组
一看见合并数组，可能第一反应就是concat，concat确实具有我们想要的行为，但它实际上并不附加到现有数组，而是创建并返回一个新数组。同样你也许会想到ES6的扩展运算符... 但它同样也是新生成一个数组。但是我们想要附加到我们现有的阵列，运用apply：var array = ['a', 'b'];var elements = [0, 1, 2];a...
2018-11-09 11:07:00
747
转载 原生js实现Base64编码解码
注：ie10+var str = window.btoa("liusong"); console.log(str); var s = window.atob("bGl1c29uZw==") console.log(s);//应对中文解析 var ss = window.btoa(window.encodeURI("刘松")); console.log(ss); var...
2018-10-23 15:03:00
379
转载 js快速排序
function quikSort(arr){ if(arr.length<2){ return arr; } var left = [], right = [], midnum = parseInt(arr.length/2), mid = arr[midnum]; for(var i = 0;i<arr.length;i++){ i...
2018-10-18 18:08:00
60
转载 找到区间内符合间隔的第一个素数对
/*素数不是有规律的间隔。例如，从2到3的间隙1。从3到5差距2。从它7到11现在4。在2到50之间，我们有以下两个空位素数对： 3-5, 5-7, 11-13, 17-19, 29-31, 41-43长度为n的主要间隙是两个连续素数之间的n-1个连续复合数的运行（参见：http：//mathworld.wolfram.com/PrimeGaps.html）。我们将用参数写一个函...
2018-10-18 17:09:00
186
转载 返回一个两个数之间，质数倒过来也是质数的所有数
如13倒过来是31也是质数，则返回；function backwardsPrime(m,n){ var arr = []; var x; if(m<13){ m=13; } for(m;m<=n;m++){ if(zhishu(m)){ x = parseInt(m.toString().split("").reverse().j...
2018-10-18 17:04:00
482
转载 特大数字之和，返回结果是字符串（考虑到数字特别大，如果相加会产生e）
做这个题时，最总要的一步思路就是，先让长度一致，然后从个位开始，每一个与每一个数字相加，如果大于10，则下一次另外两个数相加时加1function add(a, b) { var arr = a.split(""); var brr = b.split(""); var crr = []; var i; var n; var flag = false;判断两个数字相加是否...
2018-10-18 16:54:00
116
转载 获取当前页面url
function getCurrUrl() { var url = ""; if (parent !== window) { try { url = window.top.location.href; } catch (e) { url = window.top.document.referrer; } } if (url.length == 0) url = docum...
2018-09-04 15:30:00
106
转载 判断URL是否能被链接
判断url是否能被正确链接function checkUrl(url, name) { $.ajax({ url: url, type: "get", dataType : 'jsonp', crossDomain : true, complete: function(xhr, textStatus) { if( xhr...
2018-08-29 17:53:00
141
转载 判断二进制数能否被3或5整除
判断二进制数能否被3整除正则表达式：var reg = /^0*(1(01*0)*10*)*$/判断二进制数能否被5整除正则表达式： let reg = /^(0|1(10)*(0|11)(01*01|01*00(10)*(0|11))*1)*$/转载于:https://www.cnblogs.com/xinyouhunran/p/9530026.html...
2018-08-24 15:11:00
1356
转载 四舍五入，整数依然保留整数，小数保留两位
num代表一个数字：四舍五入且保留两位小数的方法：num.toFixed(2);如果你想要整数仍然保留整数，小数的话才保留后两位，则在之前的表达式前添加一个+：+num.toFixed(2)；或者也可以使用下面的方法Math.round(num*100)/100；转载于:https://www.cnblogs.com/xinyouhunran/p/952998...
2018-08-24 15:07:00
740
转载 刷题时遇到的经典解法（实时更新）
1.威尔史密斯的儿子贾登史密斯是电影的明星，如空手道小子（2010）和地球之后（2013）。Jaden也以他通过Twitter提供的一些哲学而闻名。在Twitter上写作时，他几乎总是将每个单词都用于大写。你的任务是将字符串转换为Jaden Smith编写的字符串。这些字符串是来自Jaden Smith的实际引用，但它们没有像他最初输入的那样大写。（也就是说将一个句子每一个单词的...
2018-08-13 11:17:00
234
转载 头部尾部始终处于两端（适用于pc端和移动端）
此代码展示的效果阐述：（随着屏幕宽高度的变化而变化）当页面内容小于屏幕高度时，头尾分别处在屏幕顶部和屏幕底部；当页面出现滚动条时，头尾分别处于屏幕顶部和内容底部；<style> *{ margin: 0; padding: 0; } html,body{ height: 100%; 这一步很关键 } .contai...
2018-07-27 10:46:00
190
转载 运用active和hover实现导航栏的页面切换
.nav ul li a:hover{ background: #3E6EDD;}.nav ul li a:hover img{ display: block;}.nav ul li a.active{ //注意此处是 .active background: #3E6EDD;}.nav ul li a.active img{ display: block;}<d...
2018-07-26 14:58:00
858
转载 ie兼容，手机端兼容问题
兼容性:1.ie6，7不能兼容border-radius；若需要可以用图片的方式进行模拟。2.ie6, 7中如果兄弟元素没有给左浮动，而本身给了右浮动，将会出现塌陷（也就是掉下去）；如需要可以将右浮动的元素写在左边元素的前面。如：<span style="float:right"></span><p></p>3.ie6, 7不兼...
2018-07-12 15:08:00
260
转载 JS-cookie和正则表达式
一 cookie 1 什么是cookie？ 会话跟踪技术 2 作用 验证身份，存储信息。 3 特点 大小限制，最多存4k； 每个域下只能存50个cookie； 有时间限制； 只能存放字符串； 只能访问同一个域内的cookie 4 读取和设置cookie 读：document.cooki...
2017-11-20 19:39:00
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人