![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习笔记
文章平均质量分 68
由浅入深前端学习笔记
小龟壳@greaclar
向前端
展开
-
webpack中ts编译加兼容性转换:swc对比babel+tsc,附示例代码
使用babel或swc配置typescript代码的编译并处理为兼容低版本浏览器的js代码,并对比它们的表现。原创 2023-06-12 23:45:27 · 2254 阅读 · 0 评论 -
【快速理解】js中相等操作运算规律
js中的相等比较运算规则十分繁杂,主要是非严格相等==,它的转换规则特别“没有规律”,而且很多书籍解释得也很细,似乎只是把每个相等情况的结果说出来,规律总结得不够抽象,并不好记忆,导致如果写代码时用到相等总有一种未知的恐惧,心想会不会有bug。为了解除这种不确定性,写了这篇文章,并以流程的角度去解释非严格全等的行为,尝试帮助我们快速理清js中比较运算的规律。同时还有+0和-0的比较、NaN和NaN的比较。为啥`0 == null`为false。原创 2023-04-22 21:34:54 · 68 阅读 · 0 评论 -
node使用express搭服务器,静态资源 被阻止因为 MIME 类型(“text/html”)不匹配(X-Content-Type-Options: nosniff)
node使用express搭服务器,静态资源 被阻止因为 MIME 类型(“text/html”)不匹配(X-Content-Type-Options: nosniff)报错如图所示描述使用gulp作为项目构建工具,结果发现把生成的项目放到express的静态资源目录下时,发现只能加载html文件,html头部引入的js和css文件都访问不了。过程后来尝试在地址栏直接访问这些静态资源,发现也不成功。那直接打开本地文件好了,然后把头部引入的css、js文件修改为本地路径,发现还是访问不了。这下就疑原创 2021-03-02 10:32:49 · 1257 阅读 · 0 评论 -
nodejs服务端(表单)数据校验模块joi使用,快速入门v17.4.0
joi:nodejs服务端(表单)数据校验模简介joi是一个强大的数据校验模块,可以对数据进行格式和数据类型上的校验,支持正则表达式,功能非常强大,可以很方便地在后端对客户端返回的表单数据进行校验。api介绍:joi v17.4.0ps:官方文档都是英文,这个博客可能可以帮助你更容易理解官方文档使用项目目录下,下载joi模块npm i joi -S导入模块const Joi = require('joi')定义验证规则ps:在表述上,下面把对象的属性称为字段了// J原创 2021-02-21 19:10:12 · 2847 阅读 · 1 评论 -
原生js小案例:移动端触屏拖动元素
使用事件:touchstart、touchmove核心:上述两个事件中,e.targetTouches[0]对象内部的pageX 和 pageY 属性代表触摸点的X、Y坐标原理:手指移动中,计算出手指移动的距离。然后设置盒子位置为:初始位置 + 手指移动的距离手指移动的距离:手指滑动中的位置 减去 手指刚开始触摸的位置步骤:触摸元素 touchstart: 获取手指初始坐标,同时获得盒子初始位置移动手指 touchmove: 计算手指的滑动距离,更新盒子位置(定位原创 2021-02-19 10:21:47 · 1071 阅读 · 0 评论 -
win10/11系统node安装详细步骤,及安装失败解决方法-不运行安装包,直接指定运行目录
| Node运行环境搭建1. Node.js运行环境安装方式一:官网下载安装包安装版本说明:LTS = long Term Support 长期支持版 稳定版Current 拥有最新特性 实验版下载地址:https://nodejs.org/en/步骤:下载对应系统的安装包安装运行,所有提示只点确认即可。方式二:(非安装包安装)阿里云npm镜像站下载运行文件压缩包有时候官网下载速度极慢可尝试从国内镜像站下载(可选择任意版本和系统类型的node)网址:https:/原创 2020-12-04 17:35:53 · 8626 阅读 · 1 评论 -
Js预解析-变量提升和函数提升理解
JavaScript基础预解析1 预解析概述JavaScript 解析器在运行 JavaScript 代码时,分为两步:预解析和代码执行。预解析:每执行一个作用域里的代码前,会把该作用域内,通过 var 和 function 关键字声明的变量在内存中进行声明。代码执行: 从上到下执行JS语句。预解析效果等价于:变量和函数的声明隐式地插放到该作用域代码的第一句,然后顺序执行代码。2 变量预解析预解析也叫变量、函数提升。变量提升(变量预解析): 变量的声明会被提升到当前作用域的原创 2020-10-30 20:30:13 · 280 阅读 · 0 评论 -
Js作用域-var声明变量无块级作用域概念
JavaScript基础1 作用域1.1 作用域概述变量起作用(可被访问)的范围。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了变量名冲突。JavaScript(es6前)中的作用域有两种:全局作用域局部作用域(函数作用域)1.2 全局作用域作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件。1.3 局部作用域作用于函数内的代码环境,就是局部作用域。表示函数内部环境,所以也称为函数作用域。1.4 ES5没有块级作用域块原创 2020-10-30 20:17:43 · 840 阅读 · 0 评论