- 博客(20)
- 收藏
- 关注
原创 前端几种重要的排序算法
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 280
原创 对象引用、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 141
原创 数组去重、深拷贝、身份证正则
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 137
原创 作用域、执行流程、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 72
原创 数据类型、作用域、优先级
1.输出多少alert(typeof(NaN)):NaN非数字,一种特殊的numberalert(typeof(undefined)):undefinedalert typeof(null):objectalert typeof(object):function2.输出多少(几秒输出几)涉及到setTimeout是异步执行的和js的闭包特性,循环的时候它会先计算i的值,然后才进行ale...
2020-04-10 23:30:25 250
原创 html标签、Doctype、iframe
1.分别写出以下几个HTML标签:文字加粗,下标、居中、字体加粗:b strong下标:sub上标:sup居中:center字体:font2.Doctype作用?你知道多少种Doctype文档类型?a>Doctype位于文档最前面,处于html标签之前的,告诉浏览器文档使用哪种htmL或者xhtmLb>Doctype类型1>严格版本2>过滤版本3>...
2020-04-05 22:24:17 311
原创 flex、浏览器内核、htmI5标签兼容
6、常见浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?原因,解决方法是什么,常用hack的技巧?Trident: ie/360/搜狗浏览器Geoko:ffPresto : operaWebkit :谷歌,safari7、html5有哪些新特性?如何处理HTML5新标签的浏览器兼容问题?(1)a>添加了canvas==》画图b>新增语法化标签c>本地存储...
2020-04-05 22:23:29 271
原创 盒子模型、优先级、新增伪类
1、行内元素有哪些?块级元素有哪些?行内: a b span input…块: div ul li p h1 dl…空: br hr2、画图解释一下CSS的盒子模型。3、CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?(1)CSS选择符有哪些?id #class .标签 div p相邻 ul+div子 ul>li后 ul li通配 *属性 a [hre...
2020-04-05 22:22:01 195
原创 居中、双飞翼、清除浮动
一个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 116
原创 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 2250
原创 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 785
原创 vue 跑马灯效果
一、功能1.点击按钮开始滚动2.点击按钮停止滚动二、源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>跑马灯</title> <!-- 引入vue.js--> <script...
2020-03-21 15:44:56 139
原创 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 129
原创 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 152
原创 js实现flappy bird小游戏
js实现flappy bird小游戏游戏构架思路一、小鸟1.x轴位置不变,y轴位置遵循自由落体运动和点击向上运动(onmousedown,onmouseout)2.向上飞和向下飞用不同的图片二、柱子1.x轴位置向左均匀移动,上面柱子因在屏幕外y轴位置要用负数表示,屏幕总宽度减去留在屏幕内下面柱子和上面柱子的总长度要等于固定的给鸟通过的宽度三、得分1.当鸟经过柱子时得分加一2.鸟...
2020-03-11 18:47:23 449
原创 jQuery全选框
一、实现功能(1)选中头选项则子选项全部选中(2)全部的子选项选中则头选项选中二、部分代码<script src=".js"></script><script> $('thead input').change(function(){ var isChecked = $(this).prop('checked');//监听头选项点击事件,若当前头...
2020-03-08 00:36:37 147
原创 js水平轮播
一、实现功能(1)左右点击水平轮播(2)下方小按钮点击轮播(3)自动轮播(4)鼠标放置在图片上停止轮播,移开继续轮播二、遇见问题及解决方案1.z-index:999图片设置在文字上方2. !important优先级设置为最高3.list.style.left = -liWidth +'px'跳到最后一个图片再点击下一个时,使长度为第一个图片陷进屏幕里不被看到的负值,再跳转到第...
2020-02-19 16:38:29 236
原创 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 258
原创 JS碰撞检测
JS碰撞检测一、算法原理判断任意两个(无旋转)矩形的任意一边是否无间距,从而判断是否碰撞。大体实现方式就是以一个矩形的某个定点作为运动物,计算自己的坐上顶点与另一元素的左上定点的位置和宽高数据进行判断检测,如图。二、代码实现if(react1.offsetLeft<react2.offsetLeft+react2.offsetWidth&& react1.of...
2020-02-09 23:40:18 359
原创 【个人笔记】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 123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人