半步浮生-优快云博客

原创拖拽图片去任意位置

把一张图片拖到任意位置目的思路目的我们在浏览网页或者是像管理自己的网页时，有时候会忽然觉个某一个元素放到另一个位置会更好看一些，我们就需要改动该元素的位置，但是如果这个元素我们可以直接通过鼠标拖到我们想要的目标位置，那不就是可以随心所欲了吗思路开始先传入一张你自己喜欢的图片。利用css调整成自己喜欢的样子div{ width:136px;/*盒子宽*/ height: 140px...

2020-01-15 16:50:40 1346

原创存储

客户端浏览器存储做单词记忆测试服务器与存储的关系分类sessionStroage与localStorage思路上手吧服务器与存储的关系服务器可以是: 服务器主机+服务器存储(硬盘) 这时服务器跟存储是一体的。另外,就是单独作为服务器的主机 ,服务器上的硬盘一般仅用来安全操系统,服务器就是服务器。存储就是独立出来的设备 ,一般会以磁盘阵列、磁带库、小型环境的共享存储器等等。今天要讲的这测...

2020-01-14 20:34:12 297

原创 css实现3d相册

利用css制作3D相册没有js，css也能玩出酷炫的效果思路没有js，css也能玩出酷炫的效果一般我们想要达到一些动画效果的时候都会第一时间想到js根据各种条件触发各种操作，来达到我们想要看到的动画效果，前面分享的飞机大战就是满屏的js代码，各种条件的判断，什么阶段执行什么函数，什么情况出现什么效果，麻烦一点的效果都是很多js实现的。飞机大战但是今天，我们发现css也能实现一些简单的动画...

2020-01-14 15:27:46 1177 1

所谓轮播图效果啥是轮播图新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入啥是轮播图我们最常见到的轮播图是在类...

2020-01-12 19:53:52 289

原创飞机大战

js写出飞机大战飞机大战小游戏的思路第一阶段点击开始时的进入游戏动画我方飞机与子弹敌方飞机飞机大战小游戏的思路游戏存在就会有准备阶段（控制游戏全局属性）：定义游戏状态第一阶段：游戏欢迎状态 0 START第二阶段：游戏加载状态 1 LOADING第三阶段：游戏运行状态 2 RUNNING第四阶段：游戏暂停阶段 3 PAUSE第五阶段：游戏结束阶...

2019-12-26 20:17:45 310

原创写出小说滑动翻页的效果

小说翻页小说翻页的功能代码小说我们的生活已经离不开手机了，手机支付，手机导航，娱乐，获取新闻动态，与人沟通联系，工作生活都与手机息息相关。这是最好的时代，这也是最坏的时代。在压力环绕着我们的生活中，在闲暇时，寻求一个释放压力，缓解身心的方式早就变得必不可少了。而多种多样的途径中，最简单便捷的解压方式就是阅读小说了。翻页的功能屏幕可视区是有限的，那么当我们需要获取新的内容时，就需要下一页，并...

2019-12-26 19:43:51 1182 1

原创 js深度clone

对象深度cloneJavaScript中如何对一个对象进行深度clone？方式JavaScript中如何对一个对象进行深度clone？一道百出不厌的面试题。方式上一篇写到了引用数据类型这里就会用上了var a = [9, 5, 2, 7];var b = a;a.push(0);console.log(b); // [9, 5, 2, 7, 4]由于引用类型数据存储在应用地址...

2019-12-21 16:39:57 212

原创五种方法判断一个对象是不是数组类型

判断一个对象是不是数组typeof初步判断进一步检测第一种isPrototypeOf第二种constructor第三种instanceof第四种Object.prototype.toString.call()第五种Array.isArray()typeof初步判断typeof 只能判断原始类型的值和函数五种基本数据类型 null number string boolean undefined...

2019-12-21 16:16:00 503

原创提取URL中的各个GET参数

提取URL中的各个GET参数提取get参数，以对象的形式打包输出第一种方法此处的url是当前窗口的网址时利用BOM里的location来封装第二种它是一个自定义好的字符串，不是当前窗口的url提取get参数，以对象的形式打包输出例如http://item.taobao.com/item.htm?name=xiaoming&sex=boy&age=18&weight...

2019-12-14 15:48:59 2005

原创三次握手

三次握手什么是三次握手三次握手的过程什么是三次握手序列号seq：占4个字节，用来标记数据段的顺序，TCP把连接中发送的所有数据字节都编上一个序号，第一个字节的编号由本地随机产生；给字节编上序号后，就给每一个报文段指派一个序号；序列号seq就是这个报文段中的第一个字节的数据编号。确认号ack：占4个字节，期待收到对方下一个报文段的第一个数据字节的序号；序列号表示报文段携带数据的第一个字节的编号...

2019-12-14 15:14:39 222

原创显式绑定

通过函数call apply bind 可以修改函数this的指向call 与 applycall 与 apply的区别call和apply的注意点bind函数call 与 apply方法都是挂载在 Function 原型下的方法，所有的函数都能使用。call 与 apply的区别1.call和apply的第一个参数会绑定到函数体的this上，如果不传参数，例如 fun.call()，非...

2019-12-07 16:41:13 174

原创 border:none与border:0

border:none与border:0border:none与border:0到底有什么区别他们依旧有很大的区别性能差异兼容性差异border:none与border:0到底有什么区别今天在刷题的时候遇见了这样的一道题，当时还有点疑惑。因为border:none是干掉边框，而border:0是让边框的宽度变成了0px，视觉效果上也是干掉了边框。<!DOCTYPE html>...

2019-12-07 15:17:56 414

原创 JS事件冒泡

事件冒泡事件冒泡事件冒泡当事件发生后，这个事件就要开始传播(从里到外或者从外向里)。为什么要传播呢？因为事件源本身（可能）并没有处理事件的能力，即处理事件的函数（方法）并未绑定在该事件源上。例如我们点击一个按钮时，就会产生一个click事件，但这个按钮本身可能不能处理这个事件，事件必须从这个按钮传播出去，从而到达能够处理这个事件的代码中（例如我们给按钮的onclick属性赋一个函数的名字，就是...

2019-12-02 20:13:59 204

原创 Javacript里面的BOM

BOM的概念和部分知识BOM的概念六个子对象location对象BOM的概念BOM（browser object model），浏览器对象模型，BOM提供了独立于内容而与浏览器窗口进行交互的对象。BOM由多个对象组成，其中代表浏览器窗口的 window（别名为 top）对象，是BOM的顶层对象，其他对象都是这个对象的子对象。所以，在调用window对象下的属性和方法时，可以省略window...

2019-12-02 16:23:59 101

原创定时器

JavaScript定时器实现动画定时器的概念定时器的设置方式实际上的运用定时器的概念我们每天早上会设置闹钟，而且都是提前设置好，然后到点了就会准时提醒，这就是延时执行的概念。同时设置好的闹钟又分执行一次和重复执行。执行一次的设置代码为：setTimeout（）；有设置那肯定就得有结束对吧，不然早晨的我们不是要被吵死了对吧。清除设置好的定时器：clearTimeout（）；...

2019-11-23 14:01:52 118

原创 DOM

关于DOM的一点点认知什么是DOM？节点DOM树DOM查找什么是DOM？首先，什么是DOM？DOM是Document Object Model（文档对象模型）的缩写，是专门操作HTML的API。众所周知，DOM包含核心DOM、XML DOM和HTML DOM，核心DOM能够直接操作所有的结构化文档（html，xml），是中立与平台和语言的接口，它允许程序或脚本动态地访问更新文档的内容、样式以及...

2019-11-23 13:19:25 232

原创关于JS里的“大山”：闭包

JavaScript里的闭包闭包的概念闭包的影响实际上的运用闭包的概念闭包，我们先要了解闭包的概念，在函数中可以（嵌套）定义另一个函数时，如果内部的函数引用了外部的函数的变量，则可能产生闭包。闭包可以用来在一个函数与一组“私有”变量之间创建关联关系。在给定函数被多次调用的过程中，这些私有变量能够保持其持久性。简而言之，闭包是指有权访问另一个函数作用域中的变量的函数。闭包的影响说起闭包，这个...

2019-11-12 19:39:11 114

原创预编译&作用域链

预编译&作用域链预编译执行环境栈作用域链预编译预编译又称为预处理，是做些代码文本的替换工作。是整个编译过程的最先做的工作。发生在函数执行前一刻，创建AO(Activation Object) 活跃对象，即函数的作用域。我们先来了解声明提前的问题，我们在开始执行函数之前，需要先把所有的var提前声明，所有的function也需要提前到顶部，如下var a=123;console.l...

2019-11-11 20:24:57 153

原创前端工程师面试题之页面布局

html，css实现页面布局我们去面试前端工程师这个岗位上的时候，很大的概率会遇到页面布局的面试题首先来分析一下整体的布局难点在于我们需要利用css样式来调整达到我们的需求第三种方法和第四种方法：这里用到的是ES6的知识，是属于新的方法我们去面试前端工程师这个岗位上的时候，很大的概率会遇到页面布局的面试题下面是我看到过的一个布局的面试题需要实现的效果图如下：首先来分析一下整体的布局它分...

2019-11-09 14:42:37 434

原创 js里花里胡哨的各种数组去重的方法

数组去重包括es6的新方法我们调用一个数组的时候有时候只做记录出现过哪些数，这个时候重复出现的就可以排除掉，例如通过摄像头拍摄的画面来记录有多少人通过，重复拍到的人也只能算一个。这个时候就要排除掉重复出现的元素，这就是数组去重的概念。第一种方法：创建空数组result，装arr中不重复的值，重复的值保留一个第二种方法：第一步一样页数创建空数组result，另外再创建一个hash数组，这个数组的下标...

2019-11-09 14:10:51 176

原创二维数组

二维数组创建一个二位数组，并且在随机往数组里填充元素思路代码如下创建一个二位数组，并且在随机往数组里填充元素元素的范围就定义在0到10之间，数组的每一行里的元素个数由用户自己手动输入,先来看看要实现的效果图！这是用户手动输入行数，假如是5行g)这里是显示5行随机数组的内容！输入不同的元素显示随机元素的效果，每次输入后，输出的效果都不一样！这就是随机的魅力之处。思路在这里...

2019-11-02 15:01:03 145

原创利用js里的循环来实现杨辉三角

利用js写出杨辉三角用户通过键盘输入要获取的杨辉三角的行数n 在网页中打印出n行数据思路代码如下用户通过键盘输入要获取的杨辉三角的行数n 在网页中打印出n行数据先来看看要实现的效果图！这是用户手动输入行数，假如是8行这里是显示8行杨辉三角的内容！思路在这里我将用到js中数组的知识来完成，我将用二维数组来储存这个序列，其中外层数组储存所有的值，里层数组将储存每一行的值。　　我的思路...

2019-11-02 14:39:16 919

原创 html，js写出一个99乘法表

利用js得到写出99乘法表我们第一次接触到的数学公式应该就是99乘法表吧，小时候用的文具盒上面往往都印刷着这个表。如何利用js在网页上写出一个99乘法表呢？往这边看过来~建立一个html文件在script标签里先定义一个变量num。这个num就是乘法表中的每个等式的值。然后等式左边的数定义为i，右边的为j ，范围是1到9。 for(var i=1 ;i<10;i++){ ...

2019-10-26 16:57:17 2641

原创 js里的一些逻辑运算

利用js得到一个范围内的数里面所有的水仙花数所谓的水仙花数（Narcissistic number）也被称为超完全数字不变数（pluperfect digital invariant, PPDI）、自恋数、自幂数、阿姆斯壮数或阿姆斯特朗数（Armstrong number），水仙花数是指一个 3 位数，它的每个位上的数字的 3次幂之和等于它本身（例如：1^3 + 5^3+ 3^3 = 153...

2019-10-26 15:23:15 259

原创鼠标滑动切换界面

当鼠标滑到目标位置时，显现出详细内容我们在一些网站上浏览的时候经常会碰到这种情况，鼠标没在一个图标上时，什么都没有，滑动鼠标过去时，会出现许多详细介绍，鼠标离开时又消失了。这是怎么实现的呢？今天我们要解决的问题就是这个。先建立一个默认存在的界面<div class="section-rbottom"> <img src="img/1_55.png"/>...

2019-10-21 20:59:27 978

原创利用ps在psd图片中抠取我们需要的图片素材