识记
文章平均质量分 64
congboer
这个作者很懒,什么都没留下…
展开
-
indexedDB简单介绍
indexedDB一、其它几种前端存储:1、cookieHTTP cookie 通常也叫作 cookie,最初用于在客户端存储会话信息。这个规范要求服务器在响应HTTP 请求时,通过发送 Set-Cookie HTTP 头部包含会话信息。例如, 下面是包含这个头部的一个 HTTP响应 :HTTP/1.1 200 OKContent-type: text/htmlSet-Cookie: name=valueOther-header: other-header-value这个 HTTP原创 2021-05-30 20:56:44 · 2570 阅读 · 1 评论 -
git相关
一、生成ssh密钥Git ssh key 作用与配置。ssh指secure shell(一种安全的网络协议),git使用这种协议进行远程加密登录。ssh登录安全性由非对称加密保证,产生密钥时,一次产生两个密钥,一个公钥,一个私钥,在git中一般分别命名为id_rsa.pub, id_rsa。ssh方式单独使用非对称的秘钥进行认证和加密传输,和账号密码分离开来,不需要账号也可以访问repo。git基于多种传输协议,其中最常用的就是https和ssh。都是为了数据传输安全,那么设置ssh密钥的目的是原创 2021-05-27 20:39:23 · 152 阅读 · 0 评论 -
CSS选择器
【代码】CSS选择器。原创 2021-03-22 17:56:05 · 279 阅读 · 0 评论 -
在Vue项目中使用svg sprite
在Vue项目中使用svg sprite一、什么是svg sprite?二、svg sprite对比其它几种图片的使用方法的优缺点:三、在项目中怎么使用?1、可以在iconFont官网批量下载svg图片。2、在src/icons/svg文件夹里面放需要使用到的svg图片文件,可以后续往里面新添加,不过需要再次启动项目编译之后,才能在项目中使用新加的svg图片。3、安装svg-sprite-loadernpm i svg-sprite-loader --dev4、配置vue.config原创 2021-03-22 13:35:21 · 376 阅读 · 0 评论 -
简单电脑装系统
装电脑系统:需要准备: 1、一个8G左右的U盘,作为U盘启动盘; 2、一个iso系统镜像;1、U盘启动盘可以在大白菜或者系统之家或者软件安装管家下载之后进行制作。制作U盘启动盘需要格式化U盘,所以请先备份U盘里面的文件;2、从MSDN 网站下载需要的系统镜像iso文件,将这个文件复制到U盘启动盘中,再将U盘插到需要安装系统的电脑上,开始或者重启是按BIOS键,例如惠普的是F9键,选择U盘启动,在虚拟桌面中进行系统安装,可以参考大白菜的示例进行安装;...原创 2021-03-21 14:54:23 · 87 阅读 · 0 评论 -
前端Mock数据
前端Mock数据一、时常面临的尴尬 前端开发依赖于后端接口数据,但是后台人员不足或者无法立即到位,前端迟迟不能开工,或者前端小哥哥、小姐姐自己参照ui设计图,完成对应的静态页面(没有数据交互),待后台人员到位,再进行二次开发,协助完成接口对接。二、mock数据1、什么是mock数据?前后端同时开发的时候,后端接口数据没有出来,前端可以mock假数据,模拟开发;2、mock数据的优势A 团队可以并行工作有了Mock,前后端人员只需要定义好接口文档就可以开始并行工作,互不影响,只原创 2021-03-01 23:29:31 · 1174 阅读 · 0 评论 -
vuex的简单用法
vuex 梳理什么是vuexvuex 是为vue 应用程序开发的状态管理模式,简单的理解就是公共变量管理工具,用于组件间通信vuex解决了什么问题多个组件依赖于同一状态时,对于多层嵌套的组件的传参将会非常繁琐,并且对于兄弟组件间的状态传递无能为力。来自不同组件的行为需要变更同一状态。以往采用父子组件直接引用或者通过事件来变更和同步状态的多份拷贝。以上的这些模式非常脆弱,通常会导致无法维护的代码。什么时候用到vuex当项目遇到以下两种场景时多个组件依赖于同一状态时来自不同组件原创 2021-02-28 17:05:22 · 151 阅读 · 0 评论 -
用canvas简单画一个时钟
<style> body { text-align: center; } #canvas { background-color: powderblue; }</style><body> <!--设置画布高和宽 --> <canvas id="canvas" height="400px" width="400px"></canvas></body原创 2021-02-01 22:29:31 · 92 阅读 · 0 评论 -
webpack简单配置
webpack简单配置1、初始化(获得package.json文件)npm init -y2、安装webpack 开发依赖 ,还需要webpack-cli@为选择特定版本npm i webpack --save--dev或者使用npm i webpack -D3、安装babel 以及ES2015和stage-0预设(-0的范围最大,-4最精确),将ES6~ES8转换为ES5,以便被大多数浏览器所兼容、识别。npm i babel babel-core babel-loader -Dn原创 2020-11-22 23:50:58 · 116 阅读 · 0 评论 -
bus事件总线
// bus.jsimport Vue from 'vue';export default new Vue();// main.jsimport $bus from 'bus.js'Vue.prototype.$bus = $bus;// 父组件this.$bus.$emit('eventName','参数')// 子组件this.$bus.$on('eventName',function() {// 一些操作})原创 2020-11-17 15:25:10 · 412 阅读 · 0 评论 -
遍历对象、可枚举
// 1、 a in b// 判断a这个键是不是存在于b或者b的原型中(a即b和b的原型上的“所有”key)// for in // 当前对象加该对象原型上的所有可以“枚举的”的key// hasOwnProperty// 获取当前对象直接包含的key// myObject.hasOwnProperty('a');// Object.keys(myObject)// 获取当前对象直接包含的key// Object.getOwnPropertyNames(myObject)// 获原创 2020-11-16 22:03:54 · 128 阅读 · 0 评论 -
滚动条设置
// 全局配置滚动条样式// 设置滚动条轨道和滑块的宽度(两者只能同宽)&::-webkit-scrollbar { width: 6px; /*滚动条宽度*/ height: 6px; /*滚动条高度*/}/*正常情况下滚动条滑块*/&::-webkit-scrollbar-thumb { background-color: #eff0f1; border-radius: 6px; -webkit-box-shadow: inset 1原创 2020-11-15 12:08:18 · 423 阅读 · 0 评论 -
v-bind=“attrs“、v-on=“$listeners“
1、v-bind="attrs"的作用:2、比如这里有父组件、子组件、孙子组件三级3、父组件将a,b,c,d,e五个属性通过属性绑定的方式传给子组件,子组件里面可以不用props来接收,而使用 this.$attrs[属性名]来使用父组件的属性,在子组件里面的孙子组件身上写v-bind="attrs",在孙子组件里面就可以通过this.$attrs[属性名]来使用父组件的属性;如果子组件在props里面接收了来自父组件绑定的属性,那么孙子组件的this.$attrs里面就没有这几个属性,只剩下父组件里面原创 2020-11-05 19:11:14 · 3023 阅读 · 0 评论 -
鼠标拖动盒子
简单小例子:<div id="dropArea"></div>#dropArea { width: 300px; height: 300px; background-color: brown;}// js部分let dragable = false;let offsetX = 0;let offsetY = 0;const dropDom = document.getElementById("dropArea");dropDom.style.positio原创 2020-11-04 22:56:09 · 180 阅读 · 0 评论 -
在项目中配置rem
在项目中配置rem一般在最外层的index.html中写一个自执行函数// 根据屏幕分辨率来确定rem基准以适应不同屏幕:// 这里1920以下的是 100px = 1rem(function(window) { var availWidth = window.screen.width; if(!availWidth) { return false; } availWidth = availWidth < 1920 ? 1920 : availWidth; // 这里parse原创 2020-11-04 22:16:09 · 318 阅读 · 0 评论 -
识记
识记1、在Vue中使用Echarts(el-dialog中出现后台undefined错误)原创 2019-12-06 08:57:58 · 229 阅读 · 0 评论