随笔分类 - 前端技术/Front-end technology
摘要：indexedDB通过.open(DBName, version)方法连接数据库, 该方法接收两个参数, 分别代表数据库名与数据库版本; 如果该数据库已存在, 那么将会尝试连接该数据库, 如果该数据库不存在, 将会创建; 调用这个方法会返回一个IDBRequest对象 let db, request
阅读全文
摘要：今天的开发中发现了这个问题 Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders frag
阅读全文
摘要：<div id="container"> <div id="mask"></div> </div> #container { width: 500px; height: 300px; position: relative; border: 1px solid #ccc; background-ima
阅读全文
摘要：跳转到.ssh目录 cd ~/.ssh 生成ssh秘钥 ssh-keygen -t rsa -C [邮箱] 连续按enter键3次即可生成 查看ssh秘钥 cat ./id_rsa.pub 复制以ssh-rsa开头的全部秘文保存到gitee/github的秘钥管理中 检查秘钥连接 ssh -T gi
阅读全文
摘要：以以下代码为例： <div id="app"> <tabs></tabs> </div> tabs为vue实例下的组件 加载渲染过程中 app(beforeCreate)-->app(created)-->app(beforeMount)--> tabs(beforeCreate)-->tabs(c
阅读全文
摘要：出现这个错误的缘由是因为我在vue3中的computed中, 把computed的回调函数当做数据监听器处理程序, 在里面修改了ref定义的变量数据的值. const curArticle = computed(() => { if (curArticleList.value.length 0) {
阅读全文
摘要：搜索文本超出部分省略, 可以搜索到如下代码 white-space: nowrap; /*超出的空白区域不换行*/ overflow: hidden; /*超出隐藏*/ text-overflow: ellipsis; /*文本超出显示省略号*/ 但是如果某个元素是flex盒子的子项, 且宽度自适应
阅读全文
摘要：let arr1=[3,5,7] llet [...arr2]=arr1
阅读全文
摘要：目录含义主要用法扩展运算符中放置表达式的用法只有函数调用才可以将扩展运算符放置在圆括号中 含义 主要用于将数组直接转换为用逗号分隔的参数序列 var arr=[3,5,7]; console.log(...arr); // 3,5,7 主要用法 主要用于函数调用 function add(x, y)
阅读全文
摘要：let num = 77795 const reg = /^[0-9]\d*$/g console.log(reg.test(num)) // true console.log(reg.test(num)) // false 正则的 lastIndex 从字面上来讲就是最后一个索引，实际上它的意思是
阅读全文
摘要：目录代码文档树webpack.config.js通过修改entry来达到分割打包文件的目的通过optimization.splitChunks来分离大文件以及重复文件修改entry为单文件，在test.js文件中引入jquery配置optimization.splitchunks多入口情况下的多份大
阅读全文
摘要：点击<button>会刷新页面, 刷新方式是在当前url后面加上一个?号 通过e.preventDefault()来阻止这一默认行为
阅读全文
摘要：目录animate.css官网入场动画的加载入场动画的持续时间 animate.css官网 官网 入场动画的加载 <transition enter-active-class="animate__aniamted animate__bounceIn" leave-active-class="anim
阅读全文
摘要：目录文件夹相关创建文件夹进入某一文件夹将当前目录下的资源详细情况都列出来将当前目录下的资源（包括隐藏资源）详细情况都列出来显示当前工作区目录null初始化设置签名设置全局签名查看全局签名设置工作区签名查看工作区签名暂存区相关（stage）上传文件至暂存区查看暂存区文件删除暂存区内的文件远程库相关删除
阅读全文
摘要：安装 npm install province-city-china --save-dev 使用 const { data, province, city, area, town } = require('province-city-china/data') data - 总数据(省/地/县/乡)
阅读全文
摘要：路由构建 以acme.com/dashedboard/settings路由为例 第一个/代表app目录 /dashboard代表app/dashboard目录 /dashboard/settings代表app/dashboard/settings目录 访问acme.com/会自动访问app/page
阅读全文
摘要：通过document.styleSheets可以获取到一个StyleSheetList接口 const aStyleList = document.styleSheets console.log(aStyleList.constructor.name) // StyleSheetList conso
阅读全文
摘要：在项目中的请求设置了withCredentials:true之后, 后端在设置Access-Control-Allow-Origin:*的情况下浏览器依然报跨域错误 在https://blog.csdn.net/HermitSun/article/details/100797223这篇博文里了解到
阅读全文
摘要：在今天的开发中遇到这样的需求：通过接口获取到文章数据， 文章数据是html字符串， 使用innerHTML将其注入到某一个元素中， 文章中的某些图片因为服务器端的图片失效等原因无法访问，需要为其添加一个onerror处理事件， 替换调损坏的图片， 替换为一个显示加载失败的图 function han
阅读全文
摘要：html <div id="modelContainer" class="init"> <div class="mask"></div> <div class="model_content"> <div class="attention_container"> <div class="dot"> <
阅读全文
浙公网安备 33010602011771号