- 博客(25)
- 收藏
- 关注
RSS订阅原创 Vue生命周期详解
Vue生命周期详解：一. Vue生命周期介绍生命周期的含义： 从Vue实例创建，运行，到销毁期间，总是伴随着各种各样的事件，这些时间统称为生命周期常见叫法： 生命周期钩子 == 生命周期函数 == 生命周期事件1.1 创建阶段beforeCreate：实例刚在内存中创建出来，还没有初始化 data和 methods，只包含一些自带额生命周期函数created： 实例已经在内存中创建完成，此时data和methods已经创建完成beforeMount： 此时已经完成了模版的编译，只是还没.
2021-09-03 11:02:31
390
原创 ES6中的重中之重——romise对象
ES6中的重中之重——romise对象 一、什么是Promise？我们用Promise来解决什么问题？ Promise 是异步编程的一种解决方案： 从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。 promise有三种状态：pending(等待态)，fu...
2021-07-08 19:06:26
549
原创 前端面试之ES6篇
前端面试之ES6篇这也是前端面试经常询问的问题，经常问你es6出现了哪些新的特性，平时又使用过那些。在编写此教程的时候，第一句话往往就是面试常常问到的地方，然后后面就是他的详细解释，面试要求的内容我会用*标记出来。1、箭头函数需要注意的地方2、ES6 let、const3、set数据结构4、promise对象的用法,手写一个promise5、class的理解6、模版语法的理解7、rest参数箭头函数需要注意的地方*当要求动态上下文的时候，就不能够使用箭头函数。也就是this的固定化
2021-06-22 18:40:13
291
原创 ES6中常用的10个新特性讲解
ES6中常用的10个新特性讲解ECMAScript 6(ES6) 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。下面逐一为大家详解常用的ES6新特性：1.不一样的变量声明：const和letES6推荐使用let声明局部变量，相比之前的var（无论声明在何处，都会被视为声明在函数的最顶部） let和var声明的区别：var x = '全局变量';{
2021-06-15 19:27:00
434
原创 ajax的应用
编写一个简单的 AJAX 程序（原生方式）我们简单的模拟一个表单校验的程序index.html<input type="text" id="username"><input type="button" onclick="ajaxFunction()" value="向后台判断用户名是否存在"></br><div id="msgError">校验显示区域</div>JavaScript 代码<script languag
2021-06-08 12:53:46
151
1
原创 AJAX-前后端交互的艺术
AJAX-前后端交互的艺术为什么要用AJAX？当我们通过提交表单向服务器提交内容，或者进行一些其他操作，均涉及到了与浏览器之间的交互，传统的方式与AJAX方式的处理方法是不同的传统方式：用户触发一个HTTP请求到 Web服务器，服务器接收并处理传来的数据，然后回送一个新的页面分析1：这种方式浪费了很多资源和带宽，很多情况下，返回的页面大部分HTML代码是一致的分析2：客户在服务器处理请求期间，只能等待，不能进行操作AJAX方式：AJAX可以只向服务器发送请求，并且取回必要的数据，客户端
2021-06-07 19:33:24
238
1
原创 前端性能JQuery篇之选择器优化
前端性能JQuery篇之选择器优化JQuery有非常多的选取节点的方法，但是采用这些方法选取节点时所影响到的性能是完全不一样的，用更合适的选择器去选取节点，是使用JQuery时优化浏览器性能的一个可考虑方向。首先测试一下，我们的建立一个有着复杂样式的无序列表。<div class="test-case-content"> <ul id="test-case" class="test"> <li class="item-01">Numbe
2021-05-25 18:50:13
136
原创 JavaScript究极面试题 ——面试包过
博主全网搜集了2021最火面试题——js篇1. 例举3种强制类型转换和2种隐式类型转换?string,boolean,number,undefined,function,object2.数组方法pop() push() unshift() shift()push()尾部添加pop()尾部删除unshift()头部添加shift()头部删除3.IE和标准下有哪些兼容性的写法var ev = ev || window.eventdocument.documentElement.cli
2021-05-24 20:53:28
182
原创 canvas画布做出炫酷时钟
canvas画布做出炫酷时钟HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。所以我们可以用画布做出丰富的动画效果哟今天来给大家分享一个时钟动画：首先第一步写出基本样式 <canvas id="canvas" width="800" height="800" style="background-color: aquamarine;">&l
2021-05-18 20:58:59
592
原创 常用jQuery动画效果
常用jQuery动画效果汇总jQuery animate() 方法用于创建自定义动画。语法：$(selector).animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒。可选的 callback 参数是动画完成后所执行的函数名称。接下来进行css样式和html基本布局： <style> #content
2021-05-17 19:16:35
1301
原创 2048小游戏——简简单单利用js做出自己的游戏！！
博主教你轻轻松松利用js技巧 写出属于自己的2048小游戏！！自己做出实现在页面中想必大家都听说过甚至玩过2048这款小游戏 博主无聊时也会拿起手机或者在电脑上玩上几把 但是大家有没有想过自己花费一点时间做出一个2048游戏 会不会非常有成就感呢？废话不多说 开始一.首先大家要整理一下逻辑。首先大家在打开电脑，准备敲代码写出游戏的时候，一定要先思考，该游戏的每一步应该用什么样的逻辑判断去表达，包括游戏的输赢判断条件是什么，有没有理清楚，建议没玩过的宝贝们可以下载一个去玩玩，是非常有必要的。
2021-05-12 09:20:54
1448
6
原创 javascript原型及原型链解析
javascript原型及原型链prototype 每一个函数都有一个prototype（原型）属性，这个属性是一个指针，指向了一个对象，而这个对象的用途就是包含可以由特定类型的所有实例共享的属性和方法。注意：对象是没有prototype属性，只有方法才有prototype属性。proto 所有引用类型（函数，数组，对象）都拥有__proto__属性。JavaScript 只有一种结构：对象。每个实例对象（ object ）都有一个私有属性（称之为 proto ）指向它的构造函数的原型对象（proto
2021-05-12 09:13:26
82
1
原创 异步加载与加载时间线
异步加载与加载时间线页面的渲染过程DOMTree + CSSTree = RenderTree;根据HTML结构生成DOM Tree、CSS生成CSSTree，DOM和CSSTree 整合形成RenderTree根据RenderTree开始渲染和展示，遇到srcipt标签时，会执行并阻塞渲染 因为js有权利改变DOM结构，避免冲突从上到下执行。布局（Layout）和绘制（Paint），重绘（repaint）和重排（reflow/回流）1）重绘：根据元素的新属性重新绘制，使元素呈现新的外观2）重排
2021-05-05 20:12:05
259
1
原创 面试必问————java script 中的闭包
JavaScript之闭包一、什么是闭包?要理解闭包就要去理解变量的作用域，在JS中存在两种变量的作用域，一种是全局变量，一种是局部变量。两种变量的区别就是函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量。闭包是指有权访问另外一个函数作用域中的局部变量的函数。声明在一个函数中的函数，叫做闭包函数。而且内部函数总是可以访问其所在的外部函数中声明的参数和变量，即使在其外部函数被返回了之后。闭包的特点1、可以让外部访问函数内部变量2、局部变量会常驻在内存中3、可以避免使用全局变
2021-04-25 19:08:53
107
原创 带你详细了解作用域和作用域链
JavaScript 作用域首先来了解一下作用域的含义 ：在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。变量的作用域分为两种：全局变量和局部变量。JavaScript 全局作用域全局作用域：最外层函数定义的变量拥有全局作用域，变量在函数外定义，即为全局变量。全局变量有 全局作用域: 网页中所有脚本和函数均可使用。<script> var outerVar = "outer"; function fn(){ cons
2021-04-24 14:56:16
145
原创 dom事件的三个阶段
DOM事件的三个阶段事件发生后，会在DOM树上传播，DOM事件流分为三阶段：捕获，目标，冒泡如下图：事件的发生：三个阶段捕获：由外 向内，记录各级元素上绑定的相同事件 IE8中无此阶段目标触发： 首先触发目标元素上的事件处理函数冒泡：按照捕获顺序的反向，有内到外，依次触发各级父元素绑定的事件处理函数在事件处理中目标阶段被看做冒泡阶段的一部分如果有多个相同类型事件的事件监听函数绑定到同一个元素，当该类型的事件触发时，它们会按照被添加的顺序执行。EventTarget.addEvent
2021-04-20 13:47:36
459
原创 JavaScript正则以及RegExp
JavaScript正则以及RegExp正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。什么是正则？能做什么正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符，或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。 搜索模式可用于文本搜索和文本替换。正则表达式重点：转义字
2021-04-20 13:39:18
143
原创 JavaScript在开发中 使用的的一些小技巧 学到就是赚到
生成指定范围内的随机数我们需要获取指定范围(min,max)内的整数的时候，下面的代码非常适合，使用率高！ function getRandom(min,max){ return Math.floor(Math.random() * (max - min + 1)) + min } var a = getRandom(10,20) console.log(a);保留指定小数位这个要求也是很常见的，可以toFixed()方法简
2021-04-10 14:23:15
146
1
原创 保姆级JavaScript函数以及构造函数教学。
一.函数首先弄明白何为函数呢，函数简单的说就是重复执行的代码块。函数是这样的一段JavaScript 代码，它只定义一次，但可能被执行或调用任意次。函数的定义方式：声明式函数定义： function 函数名 （）{}；这种定义方式，会将函数声明提升到该函数所在作用域的最开头，也是就无论你在这个函数的最小作用域的那儿使用这种方式声明的函数，在这个作用域内，你都可以调用这个函数为你所用。关键字 : function 函数名(){ 要执行的代码
2021-04-10 13:31:33
172
原创 Java scripe好用的冒泡排序法保姆教程分析。
这里写自定义目录标题冒泡排序法介绍写在js代码中（求出最大值）冒泡排序法介绍冒泡排序是一种非常基础切好用的排序方法，他的原理就是从把一个数组中的每一个数从前往后依次进行比较，设一个中间值，然后根据大小交换位置，每一轮的比较都确定出一个当轮比较的最大值，最终实现数组的大小排序。下面我们用JS实现冒泡排序。写在js代码中（求出最大值）1.先创建一个数组2.用for循环来进行比较，确定大小值，并进行位置调换。因为数组中的数可以有n个，所以需要比较n次...
2021-04-10 13:09:15
148
1
原创 有手就行！JavaScript基础一看就懂
一.认识JavaScriptJavaScript 是 Web 的编程语言， 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是 web 开发人员必须学习的 3 门语言中的一门：1.HTML 定义了网页的内容2. CSS 描述了网页的布局3.JavaScript 网页的行为二.JavaScript 用法HTML 中的脚本必须位于 标签之间。脚本可被放置在 HTML 页面的 和 部分中。
2021-03-29 13:07:41
100
原创 有手就行！css扑克旋转动画效果
CSS3：过渡动画及关键帧动画-案例：扑克牌的特效翻转过渡动画及关键帧动画过渡动画及关键帧动画大致介绍了CSS3中的技术之一：动画，因为我也是学习者，这只是我自己的观点，如有错误，请指出。废话不多说，开始步入正题：想必大家都看过动画片：猫和老鼠，其剧情幽默轻松，让人印象深刻。就像灰太狼永远都吃不到羊，汤姆也斗不过杰瑞。那么这么好看的动画片是怎么拍出来的呢？是直接实拍吗？想必大家都没深究。今天就讲讲这些动画是怎么呈现在我们面前的。我们所看到的动画是一帧一帧的画面，当连起来播放，就是一个完整的动画了。那
2021-03-29 12:32:28
888
原创 有手就行！css基础伪类选择器汇总教学！
css中伪类选择器和伪元素基础伪类选择器及使用方法hover选择器结构伪类选择器结构伪类选择器汇总基础伪类选择器及使用方法CSS伪类是用来添加一些选择器的特殊效果。hover选择器注意：伪类选择器hover 可以作用于所有元素，不仅仅是链接。与hover类似的选择器还有link，visited，active。 link 选择器可以设置未被访问过的链接样式， visited 选择器可以设置已被访问过的链接样式，active选择器可以设置被激活的链接样式。代码：p:hover{color: red;
2021-03-26 12:25:45
258
原创 有手就行！必看！学习css基础篇NO.2
这里写自定义目录标题CSS的选择器选择器的分类简单选择器合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入CSS的选择器css选择器是什么？CSS 选择器用于“查找”（或选取）要设置样式的 HTML 元素。选择器的分类简单选择器（根据
2021-03-15 20:13:02
60
原创 有手就行！必看！初学者学习css基础篇NO.1
这里写自定义目录标题什么是css？为什么要学习css？css有什么作用呢？注意！css语法一定要标准css层叠样式表什么是css？CSS是Cascading Style Sheet的缩写，层叠样式表，是一种用来表现文件样式的计算机语言。为什么要学习css？css有什么作用呢？在html中，样式通常存储在样式表中，使用css是为了解决内容与表现分离的问题，外部样式表不仅美观，而且外部样式表可以极大提高工作效率。作用1.CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化
2021-03-08 20:26:14
178
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人