![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习笔记
文章平均质量分 86
记录前端学习中的一些重要内容。
春雨惊春.
这个作者很懒,什么都没留下…
展开
-
Vue实例的生命周期
文章目录前言一、挂载阶段二、更新阶段三、销毁阶段前言Vue实例的生命周期可以分为三个主要阶段:挂载阶段、更新阶段和销毁阶段。每个阶段的不同时期都会执行对应的函数,也就是钩子函数。一、挂载阶段挂载阶段主要执行与初始化属性相关的操作。对应的有四个钩子函数:beforeCreate:在实例初始化之后,数据观测和事件配置之前被调用。created:在实例创建完成之后立即被调用。beforeMount:在挂载开始之前被调用。mounted:实例被挂载后调用,这时页面上的 el 被新创建的 vm.原创 2021-08-02 09:44:57 · 253 阅读 · 0 评论 -
移动端适配
移动端适配一、viewport 适配二、rem 适配rem 适配方法一rem 适配方法二三、less + rem 适配一、viewport 适配拿到设计稿之后,设置布局视口宽度为设计稿宽度,然后量尺寸进行布局即可。 <meta name="viewport" content="width=设计稿宽度">元素大小在不同移动设备上会等比缩放。缺点:兼容性问题二、rem 适配em 和 rem :em 参照的是父级元素的字体大小,1em = 1 父元素的 font-siz原创 2021-06-15 09:46:13 · 152 阅读 · 0 评论 -
屏幕、像素、视口
屏幕、像素、视口移动端的特点一、屏幕二、像素1. 相关概念2. 像素之间的关系3. 像素密度4. 像素比三、视口1. PC端2. 移动端3. 页面缩放4. viewport 视口控制移动端的特点小屏幕通过触摸交互屏幕尺寸繁多一、屏幕屏幕尺寸: 屏幕尺寸通常是指屏幕对角线的长度,单位一般为英寸。常见屏幕尺寸的查看网址:https://screensiz.es/屏幕分辨率:屏幕分辨率指的是屏幕上的物理像素点的个数。一般用 x * y 或者 y * x 表示。注意:屏幕分辨率时固原创 2021-06-07 11:07:16 · 304 阅读 · 0 评论 -
学习jQuery扩展插件
学习jquery扩展插件一、扩展jQuery工具方法二、扩展jQuery对象的方法三、多库共存四、window.onload与document.ready的区别一、扩展jQuery工具方法语法:$.extend(object)示例:提示:上面的示例中jQuery扩展文件是自定义的,文件名是my_jQuery_plugin.js二、扩展jQuery对象的方法语法:$.fn.extend(object)示例:三、多库共存概念:当文件中引用了多个库文件时,有可能发生对原创 2021-05-17 10:32:26 · 148 阅读 · 0 评论 -
jQuery核心函数&核心对象
jQuery核心函数&核心对象核心函数理解作为函数调用作为对象调用核心对象理解属性/方法注意总结核心函数理解jQuery核心函数即$()函数 或jQuery()函数jQuery定义了全局函数$()供我们调用。$()函数既可以作为一般函数调用,且如果传递的参数不同(即参数类型/格式不同),执行的功能也就不同。$()函数也可以作为一般的对象调用其定义好的方法,此时$就是一个工具类。作为函数调用 当j原创 2021-04-26 19:34:15 · 211 阅读 · 0 评论 -
JS的线程机制与事件机制
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档JS的线程机制与事件机制前言一、进程与线程的概念二、浏览器内核概念三、思考定时器1. 定时器真的是定时执行的吗?2. 定时器回调函数是在哪个线程执行的?3. 定时器是如何执行的?四、JS单线程1. 如何证明JS是单线执行2. 为什么JS采用单线程执行模式?3. 代码分类4. JS执行代码的基本流程五、浏览器的事件处理机制1. js的基本处理流程2. 模型的两个重要组成部分3. 模型的运转流程4. 模型原理图5. 相关重要概念六、 H5的We原创 2021-04-19 10:54:10 · 283 阅读 · 2 评论 -
原型与原型链
JavaScript函数高级原型与原型链原型的概念函数的prototype属性每个函数都有一个prototype属性,它默认指向一个Object空对象(即没有我们定义的属性或方法的对象,也称为原型对象)。原型对象中有一个constructor属性,指向该函数对象。给构造函数添加属性给构造函数的原型对象添加属性(一般是方法),实例对象可以访问到。显示原型与隐式原型每个函数都有一个显式原型属性,即prototype属性每个实例对象都有一个隐式原型属性,即__proto__属性原创 2021-04-12 10:40:04 · 104 阅读 · 0 评论