05 2020 档案
摘要：Jquery 是一个 Javascript 库，它极大的简化了 Javascript 编程，基本结构为： // 基 本 结 构 $(document).ready(function() { //do something }) // 简洁写法 1 ： $(function() { //do somet
阅读全文
摘要：$.ajax()返回底层创建的XMLHttoRequest对象. $.ajax({ url: './mock-data.json', method: 'get', dataType: 'json', success: function(res) { console.log(res.data); fo
阅读全文
摘要：1. 概念：AJAX（Asynchronous JavaScript and XML）为异步的JS和XML。2. AJAX用于数据的交换，使网页实现异步更新，可以只对网页的某个部分进行更新。3. Ajax详细的请求步骤：a. 创建出XMLHttpRequest对象【需要考虑浏览器的兼容性】 var
阅读全文
摘要：一、含义：当一个请求 url 的协议、域名、端口三者之间任意一个与当前页面 url 不同即为跨域 二、同源策略： 就是同域名，同端口，同协议 例如：如果你有一个服务器 A，你所需要的 script，css，php 文件都在服务器 A， 你写的 html 也在服务器 A 上，然后运行，出现了效果，如果
阅读全文
摘要：<script> var arr = ['red', 'green', 'blue', 'pink']; // 1. forEach迭代 遍历 // arr.forEach(function(value) { // if (value == 'green') { // console.log('找到
阅读全文
摘要：面向对象编程 —— Object Oriented Programming，简称 OOP ，是一种编程开发思想。 它将真实世界各种复杂的关系，抽象为一个个对象，然后由对象之间的分工与合作，完成对真实世界的模拟。 在面向对象程序开发思想中，每一个对象都是功能中心，具有明确分工，可以完成接受信息、处理数
阅读全文
摘要：javascript中this的指向问题笔记 <script> // 函数的不同调用方式决定了this 的指向不同 // 1. 普通函数 this 指向window function fn() { console.log('普通函数的this' + this); } window.fn(); //
阅读全文
摘要：箭头函数是用来简化函数定义语法的： const fn = () => { console.log(123) } fn(); 在箭头函数中 如果函数体中只有一句代码 并且代码的执行结果就是函数的返回值 函数体大括号可以省略 const sum = (n1, n2) => n1 + n2; const
阅读全文
摘要：使用let关键字声明变量： 使用let关键字声明的变量具有块级作用域 if (true) { let b = 20; console.log(b) if (true) { let c = 30; } console.log(c); } console.log(b) 在一个大括号中 使用let关键字声
阅读全文
摘要：JavaScript作用域 ： 就是代码名字（变量）在某个范围内起作用和效果 目的是为了提高程序的可靠性更重要的是减少命名冲突 js的作用域（es6）之前 ： 全局作用域 局部作用域 <script> //全局作用域： 整个script标签 或者是一个单独的js文件 var num = 10; va
阅读全文
摘要：1.什么是栅格系统？ 栅格系统就是默认将父元素分成12等分 如果想设置子元素的宽度 可根据占据的份数来决定子元素的宽度 例如：子元素占据3等份，那么就相当于设置子元素width：25% 子元素占据4等份，那么就相当于设置子元素width：33.333% 栅格系统是分为行和列的 所以要先写行，创建一d
阅读全文
摘要：cookies，sessionStorage和localStorage的区别 基础概念： cookies：是一些数据, 存储于你电脑上的文本文件中。 当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。 Cookie 的作用就是用于解决 "如何记录客户端的用户信息
阅读全文
摘要：基本概念 HTTP（HyperText Transfer Protocol：超文本传输协议）是一种用于分布式、协作式和超媒体信息系统的应用层协议。 简单来说就是一种发布和接收 HTML 页面的方法，被用于在 Web 浏览器和网站服务器之间传递信息。 HTTP 默认工作在 TCP 协议 80 端口，用
阅读全文
摘要：媒体查询：针对不同的媒体类型定义不同的样式！ 基本语法 @media 媒体类型 关键字 and (媒体功能) { /* CSS 样式 */ } 关键字 only：指定某种指定的媒体类型，可以用来排除不支持媒体查询的浏览器。 not：排除某种指定的媒体类型。 常见的媒体类型 1.screen:用于电脑
阅读全文
摘要：Git : 版本控制工具，分布式版本控制工具 优势： 1.大部分操作可在本地完成，不需要联网 2.完整性保证（对每一次提交的数据进行hash操作） 3.尽可能添加数据而不是删除或者修改数据 4.分支操作非常快捷流畅 5.与Linux命令兼容 Git安装：https://git-scm.com/ Gi
阅读全文
摘要：浏览器的工作原理 1.解析HTML构建DOM树 2.构建渲染树 3.对渲染树进行布局 4.绘制渲染树 浏览器加载资源的顺序： 最高级：html,css,font 然后：js，xhr 然后是多媒体：图片-语音-视频 最后：prefetch预加载的资源 根据实际的规则，浏览器会对加载的资源顺序有所调整：
阅读全文
摘要：前端性能优化 1：尽量减少HTTP请求 2：使用内容发布网络（CDN的使用） 3：添加Expries头 4：压缩组件 5：将CSS样式表放在顶部 6：将JS脚本放在底部 浏览器在加载css文件时，页面逐步呈现会被阻止，直到所有css文件加载完毕，所以要把css文件的引用放到head中去，这样在加载c
阅读全文
摘要：原型prototype 我们所创建的每一个函数，解析器都会向函数添加一个属性prototype 这个属性对应的是一个对象，这个对象就是我们所谓的原型对象 如果函数作为普通函数调用prototype没有任何作用 当函数已构造函数形式调用时 ，它所创建的对象都会有一个隐含的属性 指向该构造函数的原型对象
阅读全文
摘要：1.如何产生闭包： 当一个嵌套的内部函数(子)引用外部函数（父）的变量或方法时，就形成了闭包 ！ 2.闭包到底是什么？ javascript高级程序设计第三版：闭包是指有权访问另一个函数作用域中的局部变量的函数 使用chrome调试查看 理解一：闭包是嵌套的内部函数（绝大数人） 理解二：包含被引用变
阅读全文
摘要：Flex布局方式，Flex属性，响应式布局，PC和移动端布局，使用FLex进行简单的PC和移动端布局 基础知识点：main start 主轴开始位置 main end 主轴结束位置 ，cross start 交叉轴的开始位置 cross end 交叉轴的结束位置。main size 主轴大小 cro
阅读全文
摘要：方案一： 初始化网页的宽度和高度，div可在浏览器窗口大小改变时，依旧居中！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt
阅读全文
摘要：Cascading Style Sheets,简称CSS,中文译为层叠样式表，有三种形式（外部样式，内部样式，内联样式） 1.外部样式，通过外部样式表管理页面的外观，定义在HTML外部的样式表，通过链接( <link href="XXX.css" rel="stylesheet" type="tex
阅读全文
摘要：HTML 全称为Hyper Text MarKup Language ,即“超文本标记语言”，标记语言是一套标记标签，并非编程语言。 HTML5，即H5,是HTML的第五个版本，并非新技术 HTML5拓展的内容： 一：语义化标签 1.什么是语义化：语义化是指对数据和信息进行处理，使得机器可以理解。
阅读全文
浙公网安备 33010602011771号