摘要: color: $color-3399E5; &::before{ content: ""; position: absolute; top: 0; left: 0; border-bottom: 2px solid $color-3399E5; padding-top: 5px; width: 0; 阅读全文
posted @ 2021-12-16 10:44 磊~~ 阅读(66) 评论(0) 推荐(0) 编辑
摘要: 在基于vue项目开发的时候遇到一个小需求,由于项目部署环境的变更,导致前端工程中一些全局配置需要经常修改,而之前每次变更都需要重新打包发布,耗时太长操作也麻烦,于是参考网上的一些解决方案在项目中增加了一个 globalConfig.js 全局配置文件,支持打包完成后修改该文件中对应配置项刷新浏览器即 阅读全文
posted @ 2021-10-27 09:39 磊~~ 阅读(612) 评论(0) 推荐(0) 编辑
摘要: 一、引言 代码规范提交可以很好的保存代码修改日志,规范提交日志对于定位问题或代码回退具有极大意义。 二、使用插件列表 commitizen cz-conventional-changelog conventional-changelog-cli 1. commitizen 规范代码的提交 1.1 n 阅读全文
posted @ 2021-10-20 15:53 磊~~ 阅读(603) 评论(0) 推荐(0) 编辑
摘要: 格式化数组参数的三种方法: qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'indices' }) // 'a[0]=b&a[1]=c' qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'brackets' 阅读全文
posted @ 2021-10-13 14:16 磊~~ 阅读(1289) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <!-- jquery cdn引入 --> <script src="http://code.jquery.com/jquery-1.11.0 阅读全文
posted @ 2021-09-27 16:37 磊~~ 阅读(2325) 评论(0) 推荐(0) 编辑
摘要: <div class="test test-1"> <div class="scrollbar"></div> </div> .test { width : 50px; height : 200px; overflow: auto; float : left; margin : 5px; borde 阅读全文
posted @ 2021-08-12 15:09 磊~~ 阅读(1117) 评论(0) 推荐(0) 编辑
摘要: 常用的一般为三种.clearfix, clear:both,overflow:hidden; 比较好是 .clearfix,伪元素万金油版本,后两者有局限性. .clearfix:after { visibility: hidden; display: block; font-size: 0; co 阅读全文
posted @ 2021-08-11 19:34 磊~~ 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 共同点:都是保存在浏览器端,并且是同源的 Cookie:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。cookie数据还有路径(path)的概念, 阅读全文
posted @ 2021-08-06 16:03 磊~~ 阅读(114) 评论(0) 推荐(0) 编辑
摘要: http和https的区别? http传输的数据都是未加密的,也就是明文的,网景公司设置了SSL协议来对http协议传输的数据进行加密处理,简单来说https协议是由http和ssl协议构建的可进行加密传输和身份认证的网络协议,比http协议的安全性更高。主要的区别如下: Https协议需要ca证书 阅读全文
posted @ 2021-08-06 15:45 磊~~ 阅读(93) 评论(0) 推荐(0) 编辑
摘要: (1)git checkout -b 本地分支名 origin/远程分支名 (2)git checkout --track origin/远程分支名 (这种写法是上面的简化版,效果完全一样) (3)git checkout -t origin/远程分支名(这种写法是2的简化版) (4)fetch指定 阅读全文
posted @ 2021-07-26 15:12 磊~~ 阅读(6641) 评论(0) 推荐(0) 编辑
摘要: <div class="business-div"> <span>数据不一致</span> <div class="div-hover"> <div class="label-dev">描述:<span>xxxxxxxxxxxxx</span> </div> </div> </div> .busin 阅读全文
posted @ 2021-07-15 16:55 磊~~ 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 空值合并操作符(??) 只有当左侧为null和undefined时,才会返回右侧的数 空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。 与逻辑或操作符(||)不同,逻辑或操作符会在左侧操作数为假值时返回右侧操作数 阅读全文
posted @ 2021-07-12 17:25 磊~~ 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 彻底理解js中this的指向,不必硬背。 - 追梦子 - 博客园 (cnblogs.com) JavaScript中call,apply,bind方法的总结。 - 追梦子 - 博客园 (cnblogs.com) 阅读全文
posted @ 2021-07-09 17:18 磊~~ 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 了不起的 tsconfig.json 指南 - 王平安 - 博客园 (cnblogs.com){ "compilerOptions": { /* Basic Options */ "target": "es5" /* target用于指定编译之后的版本目标: 'ES3' (default), 'ES 阅读全文
posted @ 2021-07-08 15:24 磊~~ 阅读(203) 评论(0) 推荐(0) 编辑
摘要: 1、查看 npm list -g --depth 0 // 若需要权限 请加上 sudo 命令 2、更新 npm update -g xxx 3、删除 npm uninstall -g xxx 阅读全文
posted @ 2021-07-08 14:42 磊~~ 阅读(453) 评论(0) 推荐(0) 编辑
摘要: 方式一:flex 布局 <style> .box { width: 200px; height: 200px; border: 1px solid blue; position: relative; display: flex; align-items: center; justify-conten 阅读全文
posted @ 2021-03-11 13:56 磊~~ 阅读(736) 评论(0) 推荐(0) 编辑
摘要: 冻结对象: var pizza = { name: 'Peri Peri', Topping: 'Prawn' }; Object.freeze(pizza); // Can't change the name of the object because it's frozen pizza.name 阅读全文
posted @ 2021-02-01 11:26 磊~~ 阅读(427) 评论(0) 推荐(0) 编辑
摘要: <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane v-for="item in elTabPaneList" :key="item.name" :name="item.name" :label="item.lab 阅读全文
posted @ 2021-02-01 11:17 磊~~ 阅读(272) 评论(0) 推荐(0) 编辑
摘要: JS中原型链,说简单也简单。 首先明确: 函数(Function)才有prototype属性,对象(除Object)拥有__proto__。 首先,我画了一张图。 所谓原型链,指的就是图中的proto这一条指针链! 原型链的顶层就是Object.prototype,而这个对象的是没有原型对象的。 可 阅读全文
posted @ 2021-02-01 10:13 磊~~ 阅读(851) 评论(0) 推荐(0) 编辑
摘要: 一、镜像源链接切换 全局切换镜像源:npm config set registry http://registry.npm.taobao.org 查看镜像源使用状态:npm get registry 全局切换官方镜像源:npm config set registry http://www.npmjs 阅读全文
posted @ 2021-01-15 16:58 磊~~ 阅读(1555) 评论(0) 推荐(0) 编辑
摘要: 来自:https://blog.csdn.net/weixin_33721344/article/details/88685833 /** * 参考文档 * 【eslint英文文档】https://eslint.org/docs/user-guide/configuring * 【eslint中文文 阅读全文
posted @ 2020-12-23 19:55 磊~~ 阅读(230) 评论(0) 推荐(0) 编辑
摘要: value——表示属性的值 writable——表示属性的可书写性 configurable——表示属性是否可编辑,默认值为true,编辑内容包括(1)能否使用delete删除,(2)能否修改属性特性,(3)能否修改访问器属性 enumerable——表示属性是否可枚举。 getter和seette 阅读全文
posted @ 2020-12-22 14:18 磊~~ 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 1,创建PagInation.vue组件 2,index.js中引用PagInation.vue import PagInation from './PagInation.vue' 3,// 添加install方法 PagInation.install = Vue => { Vue.componen 阅读全文
posted @ 2020-12-22 10:54 磊~~ 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 指令: Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式,通过 Vue.directive( id, [definition] ) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。 批量注册指令,新建 directives/index.js 文件 impo 阅读全文
posted @ 2020-12-22 10:46 磊~~ 阅读(3821) 评论(0) 推荐(1) 编辑
摘要: 空格: onkeyup="this.value=this.value.replace(/^ +| +$/g,'')" 换行: ng-keydown="ctrl.checkEnter(event)" vm.checkEnter = function(e){ var et = e || window.e 阅读全文
posted @ 2020-12-22 09:24 磊~~ 阅读(1171) 评论(0) 推荐(0) 编辑
摘要: map() 不会对空数组进行检测。 map() 不会改变原始数组。 forEach() 对于空数组是不会执行回调函数的。 forEach() 这个方法并没有返回值。 filter() 不会对空数组进行检测 filter() 不会改变原始数组 找出两个数组中不同的数据let _List = arr1. 阅读全文
posted @ 2020-12-21 17:54 磊~~ 阅读(163) 评论(0) 推荐(0) 编辑
摘要: created 组件实例化,但节点树还未导入,因此这时不能用setDataattached 节点树完成,可以用setData渲染节点,但无法操作节点ready(不是onReady) 组件布局完成,这时可以获取节点信息,也可以操作节点moved 组件实例被移动到树的另一个位置detached 组件实例 阅读全文
posted @ 2020-12-19 14:57 磊~~ 阅读(122) 评论(0) 推荐(0) 编辑
摘要: js正则表达式截取字符串 1.正则表达式写法简介 var expression = / pattern /flags;其中模式(pattern)部分可以是任何简单或复杂的正则表达式,每个正则表达式都带有一个或多个标签(flags)用以标明正则表达式的行为 var strMatch = `-rw-r- 阅读全文
posted @ 2020-12-07 20:45 磊~~ 阅读(8648) 评论(0) 推荐(0) 编辑
摘要: (2条消息) MySQL可视化工具之Navicat for MySQL_pc915968220的博客-CSDN博客_mysql可视化 Navicat 12.x for MySQL最新版安装破解教程(附安装包和注册机,全网独家可用 - 魔流剑 - 博客园 (cnblogs.com) 启动和停止mysq 阅读全文
posted @ 2020-11-28 00:26 磊~~ 阅读(664) 评论(0) 推荐(0) 编辑
摘要: git reset --hard commit_id git reset --hard HEAD~100 git reset --hard HEAD^ 背景 在多人协作时,对代码的管理,难免会出现错误。如果出现错误,我们分析下来是要进行一些回退操作,那么解决办法有如下两种:git resetgit 阅读全文
posted @ 2020-11-27 17:18 磊~~ 阅读(4408) 评论(0) 推荐(0) 编辑
摘要: 1.创建本地分支 git branch 分支名,例如:git branch 2.0.1.20120806 注: 2.0.1.20120806是分支名称,可以随便定义。 2.切换本地分支 git checkout 分支名,例如从master切换到分支:git checkout 2.0.1.201208 阅读全文
posted @ 2020-11-26 16:57 磊~~ 阅读(207) 评论(0) 推荐(0) 编辑
摘要: github新建一个远程仓库 git init git add . git commit -m "注释语句" 关联到远程仓库 git remote add origin https://github.com/hanhailong/CustomRatingBar git pull origin mas 阅读全文
posted @ 2020-11-26 16:20 磊~~ 阅读(1411) 评论(0) 推荐(0) 编辑
摘要: webpack对于PWA的打包配置 typescript的打包配置 WebpackDevServer 实现请求转发 webpack-dev-server解决单页面应用路由问题 EsLint 在 Webpack 中的配置 阅读全文
posted @ 2020-11-25 15:46 磊~~ 阅读(64) 评论(0) 推荐(0) 编辑
摘要: webpack默认打包之后的代码形式是这样的(假设我导出 module.exports = 'hello world' ) (function () { return 'hello world' })() 注意:代码是一个自执行函数,外界想获取函数里面的返回值怎么办(也就是模块的导出结果 hello 阅读全文
posted @ 2020-11-25 15:43 磊~~ 阅读(93) 评论(0) 推荐(0) 编辑
摘要: Tree Shaking Develoment 和 Production 模式的区分打包 方式一:不同模式用不同配置文件打包 1.安装webpack-merge合并多个配置文件 npm install webpack-merge -d 2.webpack-common.js做公共的配置 const 阅读全文
posted @ 2020-11-25 09:41 磊~~ 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 一、直接下载 针对一些浏览器无法识别的文件格式。可以直接在地址栏上出入URL即可触发浏览器的下载功能。 同类的还有window.location.href、window.open 地址栏输入文件URL window.location.href = URL window.open(URL) 二、直接下 阅读全文
posted @ 2020-11-24 14:07 磊~~ 阅读(778) 评论(0) 推荐(0) 编辑
摘要: 看完这篇还搞不懂webpack,求你打我 - 简书 (jianshu.com) 1,静态资源打包 file-loader npm install --save-dev file-loader module.exports = { module: { rules: [ { test: /\.(png| 阅读全文
posted @ 2020-11-24 10:57 磊~~ 阅读(85) 评论(0) 推荐(0) 编辑
摘要: bulid:项目构建相关代码 config:配置目录,包括端口号等 node_modules:npm加载的依赖模块 src:我们要开发的目录,基本上要做的事情都在这个目录里。里面包括几个目录及文件: assets:放置一些图片 components:组件文件,可以不用 router:配置路由跳转 v 阅读全文
posted @ 2020-11-23 17:40 磊~~ 阅读(649) 评论(0) 推荐(0) 编辑
摘要: No.1 koa-router 路由是Web框架必不可少的基础功能,koa.js为了保持自身的精简,并没有像Express.js自带了路由功能,因此koa-router做了很好的补充,作为koa星数最多的中间件,koa-router提供了全面的路由功能,比如类似Express的app.get/pos 阅读全文
posted @ 2020-11-21 11:20 磊~~ 阅读(375) 评论(0) 推荐(0) 编辑
摘要: 安装 npm install --save-dev cross-env 使用 { "scripts": { "build": "cross-env NODE_ENV=production webpack --config build/webpack.config.js" } } NODE_ENV环境 阅读全文
posted @ 2020-11-21 11:18 磊~~ 阅读(406) 评论(0) 推荐(0) 编辑