
前端学习路线
文章平均质量分 78
天怀
这个作者很懒,什么都没留下…
展开
-
东方国信面试题
3.document.write和document.innerHTML区别。1.promise和promise.all区别。5.JavaScripteval函数。2.webpack打包流程。4.promise状态。原创 2022-08-01 10:52:09 · 342 阅读 · 1 评论 -
刷牛客JS题目时的感悟
innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。innerText指的是从起始位置到终止位置的内容,但它去除Html标签。2.innerHTML和innerText的区别。this.value;通过复制一个或多个对象来创建一个新的对象。3.JS中声明Array的方法。1.方法和对象要搞清楚。....................................原创 2022-07-29 21:46:22 · 203 阅读 · 0 评论 -
less的使用
less的出现是为了方便css的书写,例如美团,A,B,C字母的圈圈颜色,常规css 是给每个字母或者相似元素添加css样式,但less可以先设置一个圈圈背景是黄色,这样每个字母用到的时候引用即可,更改时也是更改该部分内容即可博主使用的是vscode,在此以vscode举例node使用less扩展中搜索easy less点击安装建立,html less css文件html中使用 引入编译后转换出来的css样式完整代码 index.lessindex.html效果less变量具有以下知识原创 2022-06-19 10:30:11 · 404 阅读 · 0 评论 -
ES7-ES11新特性
ES8新特性1.async和awaitasync和await两种语法结合可以让异步代码像同步代码一样1.async2.await表达式async练习await练习ajax和async应用2.ES8的对象方法扩展ES9特性反向断言dotAll模式ES10特性1.Object.fromEntries将二维数组或者map转换为对象es8中有Object.entries是将对象转换为二维数组效果2.trimStart和trimEnd去掉字符串前后空白字符3. Arra原创 2022-06-14 18:10:01 · 201 阅读 · 0 评论 -
ES6教程
let举例效果3.结构赋值对数组的解构4.模板字符串5.对象的简化写法es6允许在大括号中直接写入变量和函数6.promise7.es6的get和set8.模块化模块化是指将一个大的程序文件,拆分成许多小的文件,然后将小文件组合起来。模块化的好处模块化的优势:1.防止命名冲突2.代码复用3.高维护性es6的模块化语法主要由两个命令构成export 和 import文件格式也可以使用app.js统一引入Babel 是一个JavaScript 编译器;原创 2022-06-14 15:00:58 · 216 阅读 · 0 评论 -
关于Ajax的Axios,Jquery及原生使用方式
发送Ajax请求包含文件为原声Ajax的get请求前端HTMLjquery和aixos发送ajax请求方式前端HTMLserver.js内容原创 2022-06-09 19:10:45 · 271 阅读 · 0 评论 -
BOM概述
BOM的构成BOM比DOM更大些BOM中的元素有 document、location、navigation、screen、history调整窗口大小事件举例定时器setTimeout 延时单位是毫秒,可以省略,省略时间默认是0使用方法setTimeout也称为回调函数callback普通函数是按照代码顺序直接调用。而该函数需要等待时间,时间到了才调用这个函数,因此称为回调函数。举例清除定时器倒计时效果消息发布定时器定时效果......原创 2022-06-08 15:03:08 · 180 阅读 · 0 评论 -
DOM 事件
添加事件addEventListener,删除事件removeEventListenerDOM事件流事件委托事件委托也称为事件代理,在JQuery里面称为事件委派。事件委托的原理不是每个子节点单独设置事件监听器,而是事件监听器设置在父结点上,然后利用冒泡原理设置每个子节点。作用只操作一次dom,提高程序的性能。如以下例子,给每个 li 设置点击事件的话会比较麻烦,但是给ul设置点击事件的话就会相对容易。举例跟随鼠标移动的图片常用的键盘事件模仿京东按键输入...原创 2022-06-07 20:13:42 · 78 阅读 · 0 评论 -
DOM 节点操作之动态生成表格
该动态生成表格的操作采用dom的节点操作,生成节点,移除节点等知识原创 2022-06-06 16:56:18 · 526 阅读 · 0 评论 -
DOM BOM篇二 节点操作
节点层级利用DOM树可以把节点划分为不同的层级关系,常见的是父子兄层级关系。使用children可以获取到当前元素子节点元素举例新浪下拉菜单效果得到兄弟节点使用createElement可以创建节点,使用appendChild可以添加元素举例效果...原创 2022-06-06 16:51:45 · 115 阅读 · 0 评论 -
DOM BOM操作
document.getElementById(‘time’);dir可以打印出该对象结构获取的是一个对象举例通过getElementsByTagName获取某类标签。通过getElementsByClassName获取到类名,通过querySelector获取到body中第一个元素的值效果如图querySelectAll获取所有相关元素举例获取body元素可以直接使用document.body形式获取事件三要素:1.获取事件源2.绑定事件 注册事件3.添加事件处理程序举原创 2022-06-05 22:10:47 · 182 阅读 · 0 评论 -
JavaScript基础语法
JS中提示的内容有 alert、prompt、console.log区别如下举例弹出用户名变量命名需要使用驼峰命名法例如:myFirstNameJS中有五种数据类型。在JS中八进制前面加0,十六进制前面加0x使用isNaN()可以判断该值是否为数字,如果是数字返回的是false如果不是数字返回的是truealert使用字符串时谨记外单内双,换行符使用\n字符串拼接多个字符串之间使用+号进行拼接,拼接方式为字符串 + 任何类型 = 拼接后的新字符串拼接前会把字符串相加的任何原创 2022-06-04 21:21:27 · 206 阅读 · 0 评论 -
css前端基础(3)三大特性
css具有层叠 优先级 继承 三个特性css 层叠行是指多种css样式的叠加例如继承性css中某些样式可以子承父业text-,font-,line-这些开头的都可以继承,以及color属性css优先级css有个权重公式css布局有盒子模型,浮动,定位三种模型盒子模型如下图所示边框属性:border:border-width || border-style || border-color边框属性-设置边框样式边框样式用于定义页面中边框风格常用值一般简写table表格知原创 2022-06-03 14:06:36 · 92 阅读 · 0 评论 -
css前端基础(二)css复合选择器
css复合选择器(1)交集选择器例如(2)并集选择器并集选择器(css选择器分组)是各个选择器通过逗号连接而成例如(3)后代选择器后代选择器又称为包含选择器,用来选择元素或元素组的后代。例如只想要div下的p标签进行更改或者(4)子代选择器后代选择器会将后代所包含的元素全部选中,而有时我们只需要将该元素的下一级元素进行更改。这个时候就需要子代选择器......原创 2022-06-01 15:04:45 · 353 阅读 · 0 评论 -
css基础知识(一)
p标签是段落标签,h1,h2等是标题标签font-size设置字体大小具体长度单位如下:用法h2 { font-size:20px;}font-family设置字体。通常为宋体,微软雅黑,黑体等。用法h2 { font-size:20px; //需要使用类似Microsoft Yahei等的需要中间需要加空格。 //字体按顺序查找,比如如果电脑中没有宋体就找微软雅黑 font-family:"宋体","Microsoft Yahei",tahoma}当然我们也可以使用U原创 2022-05-31 21:29:52 · 167 阅读 · 0 评论 -
html表单知识
设置表单属性autocomplete="off/on"关闭自动填充表单,自己实现记住密码。<form autocomplete="off" method=".." action="..">html5 如何设置表单必填,required页面刷新时候聚焦html5表单验证如何使用正则 patternhtml5表单中设置了必填,提交表单的时候怎么做novalidate或者按钮不空可以提交formnovalidate利用正则表达式设置输入input框中的样式5个数字后跟一个从i原创 2022-05-28 08:51:12 · 115 阅读 · 0 评论 -
浏览器是如何运作的
—原知识内容来自B站用户objtube的卢克儿,想观看视频的可以通过以下连接进入https://www.bilibili.com/video/BV1x54y1B7RE当我们启动某个程序时,就会创建一个进程执行任务代码,同时会为该进程创建应用空间,该应用程序的状态都保存在该内存中,一个进程会创建多个线程。如果某两个进程之间需要互相通信,就需要进程管道IPC来传递。很多应用程序都是多进程的结构,这样是为了某一个进程卡死。由于进程间相互独立,这样就可以避免一个进程卡死,整个应用崩溃的情况。一个进程包含多个线原创 2022-05-15 19:42:05 · 314 阅读 · 0 评论