- 博客(20)
- 收藏
- 关注
RSS订阅原创 前端几种重要的排序算法
1.快排 //选一个数比它小的放左边，比它小的放右边，递归 var quickSort = function(arr) { if (arr.length <= 1) { return arr; } var pivotIndex = Math.floor(arr.length / 2); var pivot = arr.splice(pivotIndex, 1)[0]; var left = []; var right = []; for (var i = 0; i < a
2020-07-11 15:37:37
386
原创 对象引用、0.1+0.2
1. function Hero (){ this.name = "nihao"; this.sayMe = function(){ alert("this is nihao"); } } Hero.prototype.name = "hellow; Hero.prototype.sayMe = function({ alert('this is hellow); } var hero ...
2020-04-23 23:01:30
218
原创 数组去重、深拷贝、身份证正则
1.用es5与es6分别封装一个数组去重的方法 es5： var arr = [5,5,2,1,2,4,4]; function quchong(arr){ var brr =[] , obj ={} ; for(var i=0; i<arr.length;i++){ if(!obj[arr[i]]){ obj[arr[i]]=true; brr.push(arr[i]...
2020-04-17 23:09:44
237
原创 作用域、执行流程、this指向
function c(){ var b=1 function a(){ console.log(b)//因b在下面,表示未赋值undefined var b=2 console.log(b)//2 } a() console.log(b)//1 } c() function Foo(){ getName=function(){alert(1)} return th...
2020-04-10 23:33:08
131
原创 数据类型、作用域、优先级
1.输出多少 alert(typeof(NaN))：NaN非数字，一种特殊的number alert(typeof(undefined))：undefined alert typeof(null)：object alert typeof(object)：function 2.输出多少(几秒输出几) 涉及到setTimeout是异步执行的和js的闭包特性，循环的时候它会先计算i的值，然后才进行ale...
2020-04-10 23:30:25
367
原创 html标签、Doctype、iframe
1.分别写出以下几个HTML标签:文字加粗，下标、居中、字体 加粗:b strong 下标:sub 上标：sup 居中：center 字体:font 2.Doctype作用?你知道多少种Doctype文档类型? a>Doctype位于文档最前面，处于html标签之前的，告诉浏览器文档使用哪种htmL或者xhtmL b>Doctype类型 1>严格版本 2>过滤版本 3>...
2020-04-05 22:24:17
422
原创 flex、浏览器内核、htmI5标签兼容
6、常见浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?原因，解决方法是什么，常用hack的技巧? Trident: ie/360/搜狗浏览器 Geoko：ff Presto : opera Webkit :谷歌，safari 7、html5有哪些新特性?如何处理HTML5新标签的浏览器兼容问题? （1）a>添加了canvas==》画图 b>新增语法化标签 c>本地存储 ...
2020-04-05 22:23:29
370
原创 盒子模型、优先级、新增伪类
1、行内元素有哪些?块级元素有哪些? 行内: a b span input… 块: div ul li p h1 dl… 空: br hr 2、画图解释一下CSS的盒子模型。 3、CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算？ （1）CSS选择符有哪些? id # class . 标签 div p 相邻 ul+div 子 ul>li 后 ul li 通配 * 属性 a [hre...
2020-04-05 22:22:01
280
原创 居中、双飞翼、清除浮动
一个200×200的div在不同分辨率上下左右居中，用css实现 方法一： .box{ width:200px; height: 200px; background-color: antiquewhite; position: absolute; left: 50%; top: 50%; margin-left: -100px; //margin-left是做边距，是宽度 mar...
2020-03-28 14:44:16
193
原创 Vue 从数据库获取列表及添加删除功能
注意：vue-resource的引入要在vue版本文件之后 源代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1....
2020-03-27 16:46:29
2366
原创 Vue列表添加删除功能
源代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA...
2020-03-24 00:19:16
923
原创 vue 跑马灯效果
一、功能 1.点击按钮开始滚动 2.点击按钮停止滚动 二、源代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>跑马灯</title> <!-- 引入vue.js--> <script...
2020-03-21 15:44:56
201
原创 js弹幕
一、功能 1.鼠标点击发送 2.键盘enter发送 3.隐藏：将运动的消息隐藏 背景图片亮度增强 4.显示：弹幕继续向前运动 背景图片变模糊 二、源代码 <body> <div id = "box"> <div id= "content"></div> <p id = "btm"> <span><inp...
2020-03-16 17:40:25
227
原创 js打砖块（更正网上流传的bug版本）
因球与砖块的位置关系写错，只考虑小球与砖块下面碰撞的情况，因此出错 更改后代码 增加了小球与砖块其他三面碰撞的情况 <script> function $(id){ return document.getElementById(id); } function rand(min,max){ return Math.floor(Math.random()*(max-min+1))+m...
2020-03-13 01:11:05
236
原创 js实现flappy bird小游戏
js实现flappy bird小游戏 游戏构架思路 一、小鸟 1.x轴位置不变，y轴位置遵循自由落体运动和点击向上运动（onmousedown，onmouseout） 2.向上飞和向下飞用不同的图片 二、柱子 1.x轴位置向左均匀移动，上面柱子因在屏幕外y轴位置要用负数表示，屏幕总宽度减去留在屏幕内下面柱子和上面柱子的总长度要等于固定的给鸟通过的宽度 三、得分 1.当鸟经过柱子时得分加一 2.鸟...
2020-03-11 18:47:23
592
原创 jQuery全选框
一、实现功能 （1）选中头选项则子选项全部选中 （2）全部的子选项选中则头选项选中 二、部分代码 <script src=".js"></script> <script> $('thead input').change(function(){ var isChecked = $(this).prop('checked');//监听头选项点击事件,若当前头...
2020-03-08 00:36:37
225
原创 js水平轮播
一、实现功能 （1）左右点击水平轮播 （2）下方小按钮点击轮播 （3）自动轮播 （4）鼠标放置在图片上停止轮播，移开继续轮播 二、遇见问题及解决方案 1.z-index:999 图片设置在文字上方 2. !important 优先级设置为最高 3.list.style.left = -liWidth +'px' 跳到最后一个图片再点击下一个时，使长度为第一个图片陷进屏幕里不被看到的负值，再跳转到第...
2020-02-19 16:38:29
330
原创 JS透明度轮播图
一、实现功能 （1）左右点击轮播 （2）下方小按钮点击轮播 （3）自动轮播 （4）鼠标放置在图片上停止轮播，移开继续轮播 二、遇见问题及解决方案 1、 <html lang="en"> 此句可以不加但删除后谷歌浏览器会自动翻译 2、 <ul class="pagination"> <li class="bullet focus">1</li> <...
2020-02-14 23:28:03
377
原创 JS碰撞检测
JS碰撞检测 一、算法原理 判断任意两个（无旋转）矩形的任意一边是否无间距，从而判断是否碰撞。大体实现方式就是以一个矩形的某个定点作为运动物，计算自己的坐上顶点与另一元素的左上定点的位置和宽高数据进行判断检测，如图。 二、代码实现 if(react1.offsetLeft<react2.offsetLeft+react2.offsetWidth&& react1.of...
2020-02-09 23:40:18
514
原创 【个人笔记】JavaScript 6.5.2 提升循环运算性能
6.5.2 提升循环运算性能 这是我在csdn上的第一篇学习笔记~ 数据处理循环的三种方法 以没有优化的代码举例 //循环一 for (var i=0;i<items.length;i++) { process(items[i]); } //循环二 var j=0; while (j<items.length) { process(items[j++]); } //循环三 va...
2019-05-18 15:37:40
239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人