![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端基础
文章平均质量分 67
Mark1614
这个作者很懒,什么都没留下…
展开
-
Vue 两个版本的区别和使用方法
完整版:https://cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.js非完整版:https://cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.runtime.js版本区别非完整版对应文件名:vue.runtime.js ; vue.runtime.min.js。没有compiler,不能将HTML变成节点。webpack通过vue-loader(在yarn build里已设置)将html变成h('div',thi原创 2021-11-13 12:32:16 · 564 阅读 · 0 评论 -
对Vue数据响应式的理解
一、什么是Vue数据响应式就是当数据发生改变时,UI页面做出响应。比如Vue中的data被改变时,页面中的就会做出响应 const vm=new Vue({data:{n:0}}) 如果修改vm.n,那么UI中的n会响应我二、Vue中如何实现数据响应式当你把一个普通的 JavaScript 对象传入 Vue 实例作为data选项,Vue 将遍历此对象所有的 property,并使用Object.defineProperty把这些 property ...原创 2021-11-07 15:30:28 · 2302 阅读 · 0 评论 -
jQuery入门
jQuery的基本设计思想和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。1.jQuery 如何获取元素使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素。选择表达式可以是css选择器$(document) //选择整个文档对象$('#myId') //选择ID为myId的网页元素$('div.myClass') // 选择class为myClass的div元素$('input[name=first]'原创 2021-09-12 17:01:58 · 99 阅读 · 0 评论 -
DOM 事件模型
一、DOM事件模型分为捕获和冒泡一个事件发生后,会在子元素和父元素之间传播(propagation)。这种传播有两个阶段。(1)捕获阶段:事件从window对象自上而下向目标节点传播的阶段;(2)冒泡阶段:事件从目标节点自下而上向window对象传播的阶段。一般的顺序是先捕获,再冒泡。(但如果只有一个元素,按照代码执行顺序)这里需要添加事件监听函数事件监听函数是addEventListener('click', fn, bool)如果不传bool的值或者bool值为falsy原创 2021-09-10 13:54:01 · 669 阅读 · 1 评论 -
基础题目1
【题目1】: doctype是什么?有什么作用?全拼为 document type,是一种标准的文档类型声明,作用是告诉浏览器应该用什么样的文档类型来解析文档,即使用‘标准模式’渲染页面【题目2】:<meta charset="utf-8">是什么意思?告诉浏览器当前页面的编码方式【题目3】:<meta name="viewport" content="width=device-width">有什么作用?该meta标签的作用是让当前视口的宽度等于设备..原创 2021-09-05 12:01:01 · 196 阅读 · 0 评论 -
JS 函数的执行时机
let i = 0for(i = 0; i<6; i++){ setTimeout(()=>{ console.log(i) },0)}上面的代码中有setTimeout()函数,意思是当前循环结束后尽快打印i的值,而循环执行完i=6,所以打印出来的应该是6个6for(let i = 0; i<6; i++){ setTimeout(()=>{ console.log(i) },0)}由于JS在for和let一起用时,每次循环会..原创 2021-09-03 11:29:21 · 99 阅读 · 0 评论 -
JS对象基本用法
1.对象对象就是一种“键值对(key-value)”组合,是一种无序的复合数据集合。let obj = {'name':'xxx','age':18} //简便写法let obj = new Object{'name':'xxx'} //标准写法name是"键名"(成员的名称),字符串xxx是键值(成员的值)即每个key都是对象的属性名,每个value都是对象的属性值其中键名必须是字符串,不是标识符。它的引号可省略,省略后就只能写标识符。Object.keys(obj)可以原创 2021-08-26 16:03:13 · 145 阅读 · 0 评论 -
JS的基本语法
1. 表达式和语句var a = 1 + 4;每一行代码就是一条语句,比如上面的代码就是赋值语句。这条语句先声明了变量a,然后将1+3运算结果赋值给变量a。其中1+4叫做表达式,指的是为了得到返回值的计算式。语句和表达式的区别在于:表达式有返回值,语句可能有也可能没有。注意:console.log表达式的值为函数本身console.log(3)表达式的值为undefined2. 变量变量就是为“值”起名,然后引用这个名字,就等于引用这个值注意:变量原创 2021-08-26 13:08:32 · 65 阅读 · 0 评论 -
JavaScript的诞生
JavaScript的历史JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。1995年5月,网景公司做出决策,要做出和Java语言足够相似的网页脚本语言,而且要更简单。Brendan Eich被指定为这种"简化版Java语言"的设计师,他只用了10天,就设计完成了这原创 2021-08-22 23:06:24 · 117 阅读 · 0 评论 -
浅析URL
万维网(World Wide Web)包含三个部分分别是:WWW=URL(Uniform Resource Locator)+HTTP(HyperText Transfer Protocol)+HTML(HyperText Markup Language)URL= 协议+域名或IP+端口号+路径+查询参数+锚点协议 一种为HTTP(HyperText Transfer Protocol,超文本传输协议)一种为HTTPS(Hyper Text Transfer Protocol ov...原创 2021-08-22 22:32:39 · 117 阅读 · 0 评论 -
CSS部分知识总结
浏览器渲染原理浏览器渲染过程 根据HTML构建DOM树 根据css构建CSSDOM树 将两棵树合并成一颗渲染树(render tree) Layout布局(文档流,盒模型,计算大小和位置) Paint绘制(把边框颜色,文字颜色,阴影画出来) 6. Composite合成(根据层叠关系展示画面)CSS动画的两种做法transition 过渡作用:补充中间帧语法:transition:属性名 | 时长 | 过渡方式 ...原创 2021-08-22 17:13:07 · 132 阅读 · 0 评论 -
HTML常用标签
一、a标签1. 主要属性href,9种取值 https://baidu.com http://baidu.com //baidu.com /a/b/c http中的根目录指的就是本文件夹下的 ./html 6. javascript伪协议 a=href"javascript:;" 点击过后什么也不做 7. a href="#id" 跳转到对应id,实现页面内部跳转 8. mailto:邮箱 ...原创 2021-08-13 13:58:33 · 194 阅读 · 0 评论 -
HTML入门笔记1
目录一、HTML历史二、HTML起手式三、.HTML标签1. 常用标签2. 全局属性3. 内容标签一、HTML历史1990年左右诞生,由Tim Berners-Lee发明,除了HTML,还发明了HTTP和URL。二、HTML起手式<!--文档类型--><!DOCTYPE html><!--html标签,可更换成lang="zh-CN"--><html lang="en"> <head>...原创 2021-08-12 16:42:27 · 77 阅读 · 0 评论