Web
web笔记
bearWeb
从未放弃
展开
-
js的执行机制
当我们在浏览器中打开一个网页时,浏览器会按照顺序解析网页文件,并在解析到JavaScript代码的时候,会将它们转换成计算机能够理解的指令。然后,JavaScript引擎便开始执行这些指令,并在执行期间不断更新浏览器的显示和状态。JavaScript引擎是为了执行JavaScript程序而设计的虚拟机,例如V8引擎是谷歌浏览器使用的JavaScript引擎。下面让我们一步步分析JavaScript的执行机制。原创 2023-04-16 23:11:29 · 358 阅读 · 0 评论 -
vue3组合式API
# 第一天原创 2023-03-10 00:29:49 · 1370 阅读 · 0 评论 -
scss应用
scss应用原创 2023-03-08 10:44:46 · 72 阅读 · 0 评论 -
vuex配合本地Cookies数据持久化
jscookie插件运用原创 2023-03-08 10:43:27 · 324 阅读 · 0 评论 -
管理系统-学科列表-增删改查
学科列表页面的增删改查处理步骤原创 2023-03-06 15:05:51 · 497 阅读 · 0 评论 -
Error: EPERM: operation not permitted, mkdir ‘D:\node-v16.14.0\node_modules\yarn‘ npm ERR! [Error:
Error: EPERM: operation not permitted, mkdir 'D:\node-v16.14.0\node_modules\yarn'npm ERR! [Error: EPERM: operation not permitted, mkdir 'D:\node-v16.14.0\node_modules\yarn'] {npm ERR! errno: -4048,npm ERR! code: 'EPERM',npm ERR! syscall: 'mkdir'原创 2023-03-01 20:00:17 · 599 阅读 · 0 评论 -
css3精灵图
1.下载firework2.在firework打开精灵图要先锁住再改宽,否则精灵图会变形3.切割所需要的图图片宽/高为23px,x坐标59,y坐标1944.添加到css代码中.user::before{ content: ""; display: block;/*行元素无大小,需改为块*/ /*图片的宽高*/ width: 23px; height: 23px; /*关键代码*/ background:url(../images/s原创 2022-03-12 16:25:07 · 297 阅读 · 0 评论 -
在vscode终端运行nodejs读取文件
1.首先安装node.js,下载地址https://nodejs.org/en/安装教程https://www.bilibili.com/video/BV1AF411n75c?spm_id_from=333.337.search-card.all.click2.打开vscode-终端-新建终端cd路径到要运行的js文件即可读取原创 2022-03-06 15:48:56 · 1403 阅读 · 0 评论 -
swiper轮播图教程
今天给一个小demo添加轮播图插件,顺便写文章记录下项目链接:https://pan.baidu.com/s/1_f6wbYjGKZXPfcMgi4yYCw提取码:cn801.打开网页https://swiper.com.cn/demo/index.html2.找到适合的轮播图插件箭头处可以打开,查看预览效果下载最新版打开所需的轮播图形式,文中以按钮切换020为例打开后,查看网页源代码3.在html中分别引用css与js文件分别查看css与js的引用文件名字在下载的插件里面原创 2022-02-27 22:12:50 · 739 阅读 · 0 评论 -
JS获得焦点时,className的边框效果无效
做一个练习想实现世纪佳缘网登录框的一个小效果点击鼠标时,边框为粉色,字体为浅色移除鼠标时,边框为浅色,字体为加深修改元素的时候一直无法实现,是因为缺少了outline:none; 给登录框(ipt)css样式增加即可 div { width: 600px; margin: 100px auto; } .ipt { width: 120px; height: 23px; padding: 0 4原创 2021-12-08 09:27:13 · 705 阅读 · 0 评论 -
JS实现密码框的显示密码和隐藏密码简单功能
1.准备素材打开网页:https://www.iconfont.cn/ 阿里巴巴矢量库找到两个素材,下载即可2.代码部分<style> .box { position: relative; width: 400px; border-bottom: 1px solid #ccc; margin: 100px auto; } .box input { width: 37原创 2021-12-07 08:35:43 · 6612 阅读 · 0 评论 -
提示错误Cannot read properties of null (reading ‘value‘)
出现这个错误,是因为把id写错了,改过来便可。<input type="text" id="txt">var txt = document.getElementById("text");// txt写成text<body> <p> <input type="text" id="txt"> <button id="btnAdd">添加</button> </p>原创 2021-12-04 17:36:59 · 33785 阅读 · 0 评论 -
利用pokers文件夹中的图片,用纯JS生成的扑克牌依次排列到页面上
扑克牌小测试原创 2021-12-01 19:06:02 · 476 阅读 · 0 评论 -
dom练习1:选中效果
实现鼠标点击的选中效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2021-11-27 12:48:02 · 534 阅读 · 0 评论 -
Math对象常用方法
Math对象提供了一系列与数学相关的成员常量:永远不会变化的数据.常量一般命名时所有字母大写,如果有多个单词,用下划线分隔。Random方法:产生一个0~1的随机数PI属性:得到圆周率abs方法:求绝对值 ==> Math.abs()floor方法:对一个数向下取整ceil方法:对一个数向上取整max方法:得到一组数字的最大值;如果无参,得到负无穷:min方法:得到一组数字的最小值;如果无参,得到正无穷:Math.pow()方法:x返原创 2021-11-27 12:41:45 · 145 阅读 · 0 评论 -
JS去掉数组中的负数,然后对每一项平方,然后再对每一项翻倍,求和
// filter()过滤函数,map(),reduce()// 去掉数组中的负数,然后对每一项平方,然后再对每一项翻倍,然后求和 var arr = [1, 2, 3, 4, 5, 6, -1, -2, -3, -4, -5, -6]; var result = arr.filter(function (item) { return item >= 0; }).map(function (item) {原创 2021-11-10 19:31:46 · 1025 阅读 · 0 评论 -
Array构造器---Javascript
凡是通过Array构造函数创建的对象,都是数组静态成员● form方法:可以将一个伪数组,转换成真数组● isArray方法:判断一个给定的数据,是否为一个真数组 function test(){ console.log(Array.isArray(arguments));//判断是否为数组 true var newArray = Array.from(arguments); console.log(newArray);/原创 2021-11-10 19:26:57 · 249 阅读 · 0 评论