fan_ge_的博客

AJAX-前后端交互的艺术为什么要用AJAX？当我们通过提交表单向服务器提交内容，或者进行一些其他操作，均涉及到了与浏览器之间的交互，传统的方式与AJAX方式的处理方法是不同的传统方式：用户触发一个HTTP请求到 Web服务器，服务器接收并处理传来的数据，然后回送一个新的页面分析1：这种方式浪费了很多资源和带宽，很多情况下，返回的页面大部分HTML代码是一致的分析2：客户在服务器处理请求期间，只能等待，不能进行操作AJAX方式：AJAX可以只向服务器发送请求，并且取回必要的数据，客户端

前端性能JQuery篇之选择器优化JQuery有非常多的选取节点的方法，但是采用这些方法选取节点时所影响到的性能是完全不一样的，用更合适的选择器去选取节点，是使用JQuery时优化浏览器性能的一个可考虑方向。首先测试一下，我们的建立一个有着复杂样式的无序列表。<div class="test-case-content"> <ul id="test-case" class="test"> <li class="item-01">Numbe

博主全网搜集了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

常用jQuery动画效果汇总jQuery animate() 方法用于创建自定义动画。语法：$(selector).animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒。可选的 callback 参数是动画完成后所执行的函数名称。接下来进行css样式和html基本布局： <style> #content

异步加载与加载时间线页面的渲染过程DOMTree + CSSTree = RenderTree;根据HTML结构生成DOM Tree、CSS生成CSSTree，DOM和CSSTree 整合形成RenderTree根据RenderTree开始渲染和展示，遇到srcipt标签时，会执行并阻塞渲染 因为js有权利改变DOM结构，避免冲突从上到下执行。布局（Layout）和绘制（Paint），重绘（repaint）和重排（reflow/回流）1）重绘：根据元素的新属性重新绘制，使元素呈现新的外观2）重排

JavaScript 作用域首先来了解一下作用域的含义 ：在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。变量的作用域分为两种：全局变量和局部变量。JavaScript 全局作用域全局作用域：最外层函数定义的变量拥有全局作用域，变量在函数外定义，即为全局变量。全局变量有 全局作用域: 网页中所有脚本和函数均可使用。<script> var outerVar = "outer"; function fn(){ cons

DOM事件的三个阶段事件发生后，会在DOM树上传播，DOM事件流分为三阶段：捕获，目标，冒泡如下图：事件的发生：三个阶段捕获：由外 向内，记录各级元素上绑定的相同事件 IE8中无此阶段目标触发： 首先触发目标元素上的事件处理函数冒泡：按照捕获顺序的反向，有内到外，依次触发各级父元素绑定的事件处理函数在事件处理中目标阶段被看做冒泡阶段的一部分如果有多个相同类型事件的事件监听函数绑定到同一个元素，当该类型的事件触发时，它们会按照被添加的顺序执行。EventTarget.addEvent

JavaScript正则以及RegExp正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。什么是正则？能做什么正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符，或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。 搜索模式可用于文本搜索和文本替换。正则表达式重点：转义字

生成指定范围内的随机数我们需要获取指定范围(min,max)内的整数的时候，下面的代码非常适合，使用率高！ function getRandom(min,max){ return Math.floor(Math.random() * (max - min + 1)) + min } var a = getRandom(10,20) console.log(a);保留指定小数位这个要求也是很常见的，可以toFixed()方法简

一.函数首先弄明白何为函数呢，函数简单的说就是重复执行的代码块。函数是这样的一段JavaScript 代码，它只定义一次，但可能被执行或调用任意次。函数的定义方式：声明式函数定义： function 函数名 （）{}；这种定义方式，会将函数声明提升到该函数所在作用域的最开头，也是就无论你在这个函数的最小作用域的那儿使用这种方式声明的函数，在这个作用域内，你都可以调用这个函数为你所用。关键字 : function 函数名(){ 要执行的代码

这里写自定义目录标题冒泡排序法介绍写在js代码中（求出最大值）冒泡排序法介绍冒泡排序是一种非常基础切好用的排序方法，他的原理就是从把一个数组中的每一个数从前往后依次进行比较，设一个中间值，然后根据大小交换位置，每一轮的比较都确定出一个当轮比较的最大值，最终实现数组的大小排序。下面我们用JS实现冒泡排序。写在js代码中（求出最大值）1.先创建一个数组2.用for循环来进行比较，确定大小值，并进行位置调换。因为数组中的数可以有n个，所以需要比较n次...

一.认识JavaScriptJavaScript 是 Web 的编程语言， 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是 web 开发人员必须学习的 3 门语言中的一门：1.HTML 定义了网页的内容2. CSS 描述了网页的布局3.JavaScript 网页的行为二.JavaScript 用法HTML 中的脚本必须位于 标签之间。脚本可被放置在 HTML 页面的 和 部分中。

CSS3：过渡动画及关键帧动画-案例：扑克牌的特效翻转过渡动画及关键帧动画过渡动画及关键帧动画大致介绍了CSS3中的技术之一：动画，因为我也是学习者，这只是我自己的观点，如有错误，请指出。废话不多说，开始步入正题：想必大家都看过动画片：猫和老鼠，其剧情幽默轻松，让人印象深刻。就像灰太狼永远都吃不到羊，汤姆也斗不过杰瑞。那么这么好看的动画片是怎么拍出来的呢？是直接实拍吗？想必大家都没深究。今天就讲讲这些动画是怎么呈现在我们面前的。我们所看到的动画是一帧一帧的画面，当连起来播放，就是一个完整的动画了。那

css中伪类选择器和伪元素基础伪类选择器及使用方法hover选择器结构伪类选择器结构伪类选择器汇总基础伪类选择器及使用方法CSS伪类是用来添加一些选择器的特殊效果。hover选择器注意：伪类选择器hover 可以作用于所有元素，不仅仅是链接。与hover类似的选择器还有link，visited，active。 link 选择器可以设置未被访问过的链接样式， visited 选择器可以设置已被访问过的链接样式，active选择器可以设置被激活的链接样式。代码：p:hover{color: red;

这里写自定义目录标题CSS的选择器选择器的分类简单选择器合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入CSS的选择器css选择器是什么？CSS 选择器用于“查找”（或选取）要设置样式的 HTML 元素。选择器的分类简单选择器（根据

这里写自定义目录标题什么是css？为什么要学习css？css有什么作用呢？注意！css语法一定要标准css层叠样式表什么是css？CSS是Cascading Style Sheet的缩写，层叠样式表，是一种用来表现文件样式的计算机语言。为什么要学习css？css有什么作用呢？在html中，样式通常存储在样式表中，使用css是为了解决内容与表现分离的问题，外部样式表不仅美观，而且外部样式表可以极大提高工作效率。作用1.CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化