随笔分类 - 知识整理(2020-前端)
摘要：产生原因 设备像素比(window.devicePixelRatio)，也就是设备的物理像素与逻辑像素的比值 在retina屏的手机, dpr为2或3，css里写的1px宽度映射到物理像素上就有2px或3px宽度。 解决方案 实现1PX边框的方法有很多，各有优缺点，比如通过0.5px、背景图片实现、
阅读全文
摘要：移动端 Vant UI (推荐) 文档（移动端） | GitHub | 小程序weapp | GitHub 简介：有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。 优点：社区活跃，60+ 高质量组件，90%的单元测试覆盖率，完善的文档和示例，支持 bab
阅读全文
摘要：单页应用（SinglePage Application，SPA） 指只有一个主页面的应用，一开始只需加载一次 js,css 等相关资源。所有的内容都包含在主页面，对每一个功能模块组件化。单页应用跳转，就是切换相关组件，仅刷新局部资源。 多页应用（MultiPage Application，MPA）
阅读全文
摘要：PHP php是一种后台编程语言；使用php可以开发动态网站和后台接口（所谓接口就是url地址，用于给前端提供数据）。 变量 变量规则 变量以 $ 符号开始，后面跟着变量的名称 变量名必须以字母或者下划线字符开始 变量名只能包含字母数字字符以及下划线（A-z、0-9 和 _ ） 变量名不能包含空格
阅读全文
摘要：含义： 函数内部不断调用自身。递归函数的使用要注意函数终止条件避免死循环(一般都要写一个结束的条件)； //在递归的过程中会出错 // Maximum call stack size exceeded // 内存溢出：超过了最大的堆栈大小 递归应用场景: 深拷贝 菜单树 遍历 DOM 树 示例 深拷
阅读全文
摘要：原理： 设置图片宽度一致 根据父元素的宽度和图片宽度，计算出列数和间距 当图片加载完成，所有图片依次放置在高度最小的列数下面 代码示例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compa
阅读全文
摘要：闭包 变量作用域 变量作用域的概念：就是一个变量可以使用的范围 JS中首先有一个最外层的作用域：称之为全局作用域 JS中还可以通过函数创建出一个独立的作用域，其中函数可以嵌套，所以作用域也可以嵌套 var age=18; //age是在全局作用域中声明的变量：全局变量 function f1(){
阅读全文
摘要：继承 JS中继承的概念： 通过【某种方式】让一个对象可以访问到另一个对象中的属性和方法，我们把这种方式称之为继承【并不是所谓的xxx extends yyy】 ###为什么要使用继承？ 有些对象会有方法(动作、行为)，而这些方法都是函数，如果把这些方法和函数都放在构造函数中声明就会导致内存的浪费 把
阅读全文
摘要：JS基本介绍 JS的用途：Javascript可以实现浏览器端、服务器端(nodejs)。。。 浏览器端JS由以下三个部分组成： ECMAScript：基础语法(数据类型、运算符、函数。。。) BOM(浏览器对象模型)：window、location、history、navigator。。。 DOM
阅读全文
摘要：CSS3中新特性样式篇 背景 background-origin： 规定背景图片的定位区域。 ☞ padding-box 背景图像相对内边距定位（默认值） ☞ border-box 背景图像相对边框定位【以边框左上角为参照进行位置设置】 ☞ content-box 背景图像相对内容区域定位【以内容区
阅读全文
摘要：Ajax跨域 同源策略 同源策略是浏览器的一种安全策略，所谓同源指的是请求URL地址中的协议、域名和端口都相同，只要其中之一不相同就是跨域。 同源策略主要为了保证浏览器的安全性。 在同源策略下，浏览器不允许Ajax跨域获取服务器数据。 http://www.example.com/detail.ht
阅读全文
摘要：浏览器内核（渲染引擎） IE浏览器内核：Trident内核，也是俗称的IE内核； Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核； Firefox浏览器内核：Gecko内核，俗称Firefox内核； Safari浏览器内核：Webk
阅读全文
摘要：Ajax 发送ajax请求步骤： 1、创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); //标准浏览器 var xhr = new ActiveXObject("Microsoft.XMLHTTP"); //ie5, ie6 2、准备发送 xhr.
阅读全文
浙公网安备 33010602011771号