Web前端
关注
分享
扫一扫
文章平均质量分 53
宋莹慧
这个作者很懒，什么都没留下…
展开
-
初学Node.js一
初学Node.jsNodereadFile方法读取文件内容writeFile方法写入文件内容文件路径拼接问题path路径 path.join() 路径拼接path.basename() 获取路径中的文件名path.extname() 获取路径中文件扩展名Nodenode是对ES标准的实现，Node也是一个JS引擎通过Node 可以使 JS 代码在服务器端执行Node 仅仅是对 ES 标准进行了实现，所以在Node中不包含DOM 和 BOMNode 可以使用所有的内建对象 String Numbe原创 2022-02-24 14:25:55 · 381 阅读 · 1 评论 -
ES6深入理解之字符串新增方法
ES6深入理解之字符串新增方法1、String.fromCodePoint()2、String.raw()3、实例方法：includes(), startsWith(), endsWith()4、实例方法: repeat()5、实例方法: padStart() padEnd()6、实例方法：trimStart()，trimEnd()7、实例方法：replaceAll()8、实例方法：at()1、String.fromCodePoint()可以识别大于0xFFFF的字符，正好与 codePointAt(原创 2022-02-17 18:30:13 · 328 阅读 · 0 评论 -
ES6深入理解之解构赋值
ES6深入理解之解构赋值一、数组的解构赋值二、对象的解构赋值一、数组的解构赋值这种写法属于模式匹配，只要左右两边模式相同，左边的变量就会被赋予对应的值结构不成功会被赋予 undefined还有一种模式为不完全解构，也就是右边的值比左边的多，那么值匹配相同模式的即可如果等号右边不是数组，或者严格的说不是可遍历的结构，那么会报错let [a, b, c] = [1, 2, 3];//此时a=1 b=2 c=3，ES6允许这样赋值let [foo, [[bar], baz]] = [1, [原创 2022-02-16 16:38:59 · 379 阅读 · 0 评论 -
ES6深入理解之 let、const
ES6一、ES6深入理解之 let、const1. let2. const一、ES6深入理解之 let、const1. letlet声明的变量只在块级作用域内有效let声明的变量不存在变量提升console.log(a) //undefinedvar a = 10;console.log(b) //报错ReferenceErrorlet b = 1;//var声明的变量可以变量提升，在console时a还没有赋值但已经存在，所以输出undefined//let声明的变量不可以变原创 2022-02-15 14:00:53 · 365 阅读 · 0 评论 -
javascript
javascript一、== 与 === 的区别二、事件1、DOM0与DOM2一、== 与 === 的区别=== 当两边的值的类型相同时，直接比较值；当类型不同时，直接返回false== 当两边值得类型相同时，直接比较值是否相同；当类型不同时，转换为类型相同的值，然后比较类型转换：数据类型是boolean、string、number，三者优先转换为数字进行比较数据类型是null、undefined，他们只跟自己本身相等数据类型是NaN时，NaN==NaN false，NaN和所有值包括自己本身原创 2022-02-14 15:31:15 · 136 阅读 · 0 评论 -
常见前端面试题1
常见前端面试题输入一个网址的一系列动作三次握手，四次挥手防抖和节流输入一个网址的一系列动作1.DNS解析url对应的ip地址2.根据ip地址建立TCP连接（三次握手，四次挥手）3.HTTP发起请求4.服务器处理请求，浏览器接收HTTP响应5.渲染页面三次握手，四次挥手三次握手：1.客户端发送请求报文2.服务器收到报文后，发送确认报文3.客户端收到确认报文后，再向服务器发送确认报文，表示已收到确认报文四次挥手：1.客户端发送关闭报文，并在报文指定序号2.服务器收到报文后，返回确认原创 2021-11-16 11:02:32 · 83 阅读 · 0 评论 -
表单
html表单表单整体结构表单的属性使用text文本框password密码框radio单选按钮checkbox复选框列表框按钮email邮箱 url网址number数字rang滑块表单整体结构<form method="post"（规定如何发送表单数据 常用有get|post） action="result.html">（表示向何处发送表单数据） <p> 名字：<input name="name" type="text" > </p> &原创 2021-04-17 10:57:32 · 201 阅读 · 0 评论 -
雪碧图
雪碧图为了性能考虑把多张有关联的小图片放在一张大图里，这样加载项目时候加载的图片就变少了，通过调整背景图片位置来展示不同的小图<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>雪碧图</title> <style type="text/css"> div{ width: 55px; height: 11px; backgro原创 2021-04-13 20:43:10 · 204 阅读 · 0 评论 -
web前端连载2
属性标签1.块属性标签（默认display：block）2.行属性标签（默认display：inline）3.行块属性（默认display：inline-block）4.display:none;为隐藏1.块属性标签（默认display：block）特点：支持设置宽高 , 宽度默认和父元素宽度保持一致 , 没有父元素宽度撑满 高度由内容撑开 ,独占一行，上下排列（div,p,ul,ol,h1-h6）一般只设置一个h1<div style="background-color: red;width原创 2021-04-12 20:53:11 · 96 阅读 · 0 评论 -
web前端连载1
前端基础组成部分1.html超文本标记语言2.css层叠样式表3.JavaScript1.html超文本标记语言负责网页内容2.css层叠样式表可以重复设置样式，后设置的覆盖前设置的3.JavaScript一门和浏览器交互的脚本语言，负责动态效果或者用户和浏览器交互...原创 2021-04-12 20:40:33 · 86 阅读 · 0 评论 -
Web前端连载
Css外联样式表参数1.常用的相对单位2.Css字体样式表3.CSS文本样式4.外联样式表的引用5.整体运用1.常用的相对单位px 根据屏幕像素确定em 表示元素字体高度 ，根据字体 font-size 属性值来确定，例如p{font-size: 12px;line-height: 28px;}line-height 去表示行距2.Css字体样式表①font- size 去...原创 2019-10-31 15:03:10 · 150 阅读 · 0 评论 -
Web前端
Web前端1.基本标签2.头部head3.标题居中4.插入图片5.超链接的插入1.基本标签h 标题标签 hr水平线标签 p段落标签 空格 bgcolor背景颜色 a 超链接 img图片 © 版权符号 < 左括号< > 又括号>2.头部head...原创 2019-10-31 14:33:00 · 223 阅读 · 0 评论