
前端开发
郝静and静静
这个作者很懒,什么都没留下…
展开
-
es5 Set数据集转换为数组Array
const set = new Set([1,2,3,4,2,3,4]);const arr = Array.from(set);Array.from可以实现将set数据集转换为数组形式;上述代码可以实现对数组的去重。最终arr=[1,2,3,4]。2:扩展运算符(...) let set = new Set(['red', 'green', 'blue']);let a...原创 2018-08-21 15:18:44 · 2790 阅读 · 0 评论 -
一次完整的HTTP事务是怎样的一个过程?
基本流程:a. 域名解析b. 发起TCP的3次握手c. 建立TCP连接后发起http请求d. 服务器端响应http请求,浏览器得到html代码e. 浏览器解析html代码,并请求html代码中的资源f. 浏览器对页面进行渲染呈现给用户转载 2017-07-24 17:35:32 · 388 阅读 · 0 评论 -
判断一个字符串中出现次数最多的字符,统计这个次数
字符串中字符出现次数最多的字符原创 2017-07-19 16:38:39 · 1309 阅读 · 0 评论 -
有一个大数组,var a = ['1', '2', '3', ...];a的长度是100,内容填充随机整数的字符串.请先构造此数组a,然后设计一个算法将其内容去重
生产随机数组,并去重转载 2017-07-19 14:53:30 · 810 阅读 · 0 评论 -
IQ:请实现一个Event类,继承自此类的对象都会拥有两个方法on,off,once和trigger
实现Event类转载 2017-07-19 14:43:16 · 1944 阅读 · 0 评论 -
javascript有哪些方法定义对象
js 定义对象的方法原创 2017-07-19 14:13:16 · 590 阅读 · 0 评论 -
for循环中的setTimeout()
for循环 异步执行原创 2017-07-19 14:11:10 · 435 阅读 · 0 评论 -
js的多维数组转换为一维
var arr = [1,[2,3],[4,5,6]]; 转为[1,2,3,4,5,6];method 1 :先将数组转换为字符串,再调用split函数转换为数组;即:arr.toString().split(',');method 2 :递归函数var tmp = [];function sortArr (arr) {for(var i = 0;iif(arr[i]原创 2017-07-19 13:57:15 · 424 阅读 · 0 评论 -
千分位
正则表达式:function toThousands(num) { return (num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');}原创 2017-07-18 15:50:56 · 239 阅读 · 0 评论 -
angularjs 弹框
当字段长度超出一定长度时才要显示弹框,其他情况不显示原创 2017-07-18 14:50:32 · 556 阅读 · 0 评论 -
JavaScript 的this对象
this 对象原创 2017-07-21 17:14:33 · 241 阅读 · 0 评论 -
js的call 与 apply 方法
js 的apply 和call原创 2017-07-21 16:49:07 · 231 阅读 · 0 评论 -
消除数组中重复的元素
数组去重原创 2017-07-21 16:05:55 · 263 阅读 · 0 评论 -
ES6 新特性summary
ES6原创 2017-07-27 17:22:59 · 225 阅读 · 0 评论 -
前端分页
前端分页代码原创 2017-09-04 15:57:07 · 281 阅读 · 0 评论 -
js对json数据处理,将同一省里的多条数据合并为一条数据
test:function(){ var arr =[ {pName:'内蒙古',pId:'1',cName:'内1',cId:'11'}, {pName:'内蒙古',pId:'1',cName:'内2',cId:'12'}, {pName:'河南省',pId:'2',cName:'郑州',cId:'21'}, {pName:'河南省'...原创 2018-06-14 14:30:12 · 3151 阅读 · 0 评论 -
$(this)与this的区别
当你用的是jquery时,就用$(this),如果是JS,就用this。$(this).html( $(this).html() + " BAM! ");这个里的html()是JQUERY方法,用$(this).html(),当然,JS里也有相似方法innerHTML,如果用innerHTML,就要这样写了,这里的reset是JS方法,所以同上得用this.reset(): 1 this.inne...转载 2018-04-23 10:03:05 · 336 阅读 · 0 评论 -
settimeout 0
var start = new Date(); setTimeout(function(){ var end = new Date(); console.log("Time elapsed: ", end - start, "ms"); }, 500); console.log("task finished."); 上述代码先输出:task finished. 后输出:...转载 2018-03-09 10:58:43 · 456 阅读 · 0 评论 -
javascript中this指向问题
this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象.function a(){ var user = "追梦子"; console.log(this.user); //undefined console.log(this); //Window}a();this最终指向的是调用它的对象,这...原创 2018-03-09 10:05:19 · 202 阅读 · 0 评论 -
使子div垂直居中
//此方法可使当子div的高度是动态调整时,也可使其在父元素里垂直居中.parent{ width:800px; height:800px; position:relative; background-color:gray;}.son{ width:100px; height:100px; position:absolute; background-col原创 2018-02-01 15:51:06 · 248 阅读 · 0 评论 -
js和jquery在操作dom节点时各自的方法
jquery 和 js 操作dom原创 2017-11-16 14:31:24 · 371 阅读 · 0 评论 -
浏览器各个宽度代表什么
浏览器窗口原创 2017-11-21 10:49:18 · 1220 阅读 · 0 评论 -
css 清除浮动的几种方法
清除浮动原创 2017-11-17 14:05:14 · 293 阅读 · 0 评论 -
css 实现三角形
css实现三角形样式原创 2017-11-17 11:40:20 · 276 阅读 · 0 评论 -
如何在一张图片上进行切图
切图原创 2017-11-01 17:22:38 · 1007 阅读 · 0 评论 -
css盒模型的padding 和margin
margin、padding原创 2017-10-31 13:26:13 · 395 阅读 · 0 评论 -
子div 的margin-top不生效
子div margin-top原创 2017-10-28 21:57:21 · 1855 阅读 · 0 评论 -
js类型转换原则
js类型转换原创 2017-07-21 10:31:42 · 360 阅读 · 0 评论 -
echarts折线图的数据视图样式重写
echarts折线图的数据试图table样式的修改原创 2017-07-16 22:30:02 · 8753 阅读 · 1 评论 -
js一些基础知识点
1:.instanceof typeof 运算符{} instanceof Object // true 这个方法是基于原型链判断,适用于原型链 数组对象。typeof 100 === ‘number’ // true 这个方式使用于 基本类型 判断函数。转载 2017-03-27 11:07:01 · 266 阅读 · 0 评论 -
angularjs自定义指令
replace:是否用模板替换当前元素。为true时 : 将指令标签替换成temple中定义的内容,页面上不会再有标签;为false时:则append(追加)在当前元素上,即模板的内容包在标签内部。默认false。var app = angular.module("app", []) .directive("hello", function () { var原创 2017-01-04 17:36:45 · 260 阅读 · 0 评论 -
表单提交
form method="post" action="index.html"> fieldset> legend>个人基本信息legend> div> label for="username">姓名:label> input id="username" type="text">br> l原创 2016-12-01 17:17:52 · 240 阅读 · 0 评论 -
事件冒泡
div style="background:lightgray;"> 外层div元素 span style="background: gray;">内层span元素span> 外层div元素div>div id="test">div>script type="text/javascript"> $(document).ready(function ()原创 2016-12-01 16:44:15 · 217 阅读 · 0 评论 -
单击文本框显示隐藏提示文本,失去焦点时再显示提示文本
input placeholder="账号" onfocus="this.placeholder='账号'" onblur="this.placeholder='账号'"/>原创 2016-09-29 17:12:06 · 2057 阅读 · 0 评论 -
QUERY 获取浏览器窗口可视区域的高度和宽度及滚动条高度
//浏览器时下窗口可视区域的高度alert($(window).height()); //浏览器时下窗口文档的高度alert($(document).height()); //浏览器时下窗口文档 body 的高度alert($(document.body).height()); //浏览器时下窗口文档 bo转载 2016-09-29 16:40:16 · 1777 阅读 · 0 评论 -
keyup 键盘事件
1:onkeyup是键盘监听事件;2:document.body.addEventListener("keydown",bodyKeydown);var bodyKeydown=function(){if(e.ctrlkey&&e.keyCode=="86"){alert(“按ctrl+v按钮进行复制操作”)}}3:搜索框,如百度或谷歌,当向输入框中输入查询原创 2016-09-29 15:53:10 · 3270 阅读 · 0 评论 -
制表符
console.log("123"+"\t"+"\t"+"123") ;console.log("12345678111111111");在控制台的输出形式如下图:\t 是制表符,相当于四个字符;第一个\t会把"123"的第四个字符先补齐;第二个\t相当于四个字符。注意第一行和第二行的字符对齐方式。原创 2016-09-29 15:42:46 · 1430 阅读 · 0 评论 -
点击事件
input type="button" value="click me" onclick="alert(this.type+' '+event.type+ ' '+this.value)">原创 2016-10-12 14:14:39 · 228 阅读 · 0 评论 -
利用键盘进行粘贴复制
scripttype="text/javascript">function copyTest(){var test=document.getElementById("hao");test.select(); // 选择对象document.execCommand("Copy"); // 执行浏览器复制命令alert("已复制好原创 2016-09-26 15:11:01 · 463 阅读 · 0 评论 -
js对null 和undefined的判断
var s; alert(typeof s);//undefined,变量只声明却没赋值。 var un= undefined; alert(typeof un);//undefined var nu =null; alert(typeof nu);//object if(null==undefined){ alert('this i原创 2016-10-11 10:00:37 · 725 阅读 · 0 评论