晴天有点孤单

最终实现如下：模块化开发，最大化利用公共组件/资源，又能模块化打包资源，做到不互相影响，能够实现 单独打包部分模块 npm run build moduleName1 打包全部模块 npm run build-all请移步项目资源 vue-multipage...

在入口文件新增自执行函数_initFontSize:function (){ document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px'; },监听窗口变化window.addEventListener('resize',_initFontSize,false);})();UI配置 100px == 1rem页面使用header {.

npm install -g npm-check-updatesncu -vnpm-check-updatesncu -u

如何删除项目中node_modules文件夹？1.直接右键>删除？2.delete？这样删除确实可以，但是需要先关闭所有的项目运行依赖关系。我们可以借助rimraf 来正确移除npm install rimraf -grimraf node_modules

1.派生仓库2. 分别关联两个仓库git remote add origin 远程地址git remote add myorigin 派生仓库地址开发时开发分支往 myorigin 推送3. 先推送到 myorigin（release/test？release/pre） 解决完冲突具体操作可移步 git提交4.提交到 origin新建合并请求...

什么是子模块？ 为什么要使用子模块？ 子模块的用法？什么是子模块？简单理解为，在一个git 项目中，除了主项目以外，还有其他的git依赖仓库，这些依赖仓库往往是以一些工具类方法/配置的方式存在于项目中。如下所示为什么要使用子模块随着公司/业务的发展壮大，往往会分部门/分类型的开展业务或不同的项目组，亦或者是pc端项目和移动端项目。随着项目优化…的需要，都会面临如何抽离会复/共用一些公关资源。已知有两种方法：1.npm包资源2.子模块npm包资源为大家所能广泛接触到的，但是往往.

官方地址http://v1.iviewui.com/docs/guide/theme官方提供了两种方法：变量覆盖使用安装工具修改变量覆盖在项目中创建一个my-theme文件夹，在该文件夹中创建index.less文件在index.less文件中写入@import ‘~iview/src/styles/index.less’; 然后将https://github.com/iview/iview/blob/master/src/styles/custom.less 中的默认样式变量复制进来

懒加载：又叫延时加载，即在需要的时候进行加载，随用即载import ：是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法需要新加的配置项1.webpack.base.conf.js2. router.js

<script>export default { data() { path:"https://127.0.0.1:8888/websocket/", ws:{}, }, methods: { //init函数可在页面加载的时候就进行初始化或者根据自己的业务需求在需要打开通讯的时候在进行初始化 init() { // 实例化socket，这里的实例化直接赋值给this.ws是为了后面可以在其它的函数中也能调用websocket方法，例如：this.w

删除远程已经不存在的分支查看git remote show origin删除git remote prune origin删除已经没有和远程有关联的本地分支查看git remote show origin对比一下本地哪些分支已经被删除，删除命令git branch -D release/test/v1.0.0...

xss攻击是很常见的一种攻击方式，下面简单讲一下前端如何防御。讲之前简单涉及一点后端防御的方案：在前后端交互的时候做好特殊符号的转义下面重点是前端使用js-xss防御npm install xss --savemain.js引用import xss from 'xss' Vue.use(xss); Object.defineProperty(Vue.prototype, '$xss', { value: xss })// click事件被过滤3.html 中防御<p

HTMl中Meta标签详解以及meta property=og标签含义meta是用来在HTML文档中模拟HTTP协议的响应头报文。META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可

直白地说，就是没用AJAX的网页，你点一个按钮就要刷新一下页面，尽管新页面上只有一行字和当前页面不一样，但你还是要无聊地等待页面刷新。用了AJAX之后，你点击，然后页面上的一行字就变化了，页面本身不用刷。AJAX只是一种技术，不是某种具体的东西。不同的浏览器有自己实现AJAX的组件。向服务器发送请求的时候，我们不必等待结果，而是可以同时做其他的事情，等到有了结果我们可以再来处理这个事。ajax，异步

一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\....

进入vi的命令vi filename :打开或新建文件,并将光标置于第一行首vi n filename ：打开文件,并将光标置于第n行首vi filename ：打开文件,并将光标置于一行首vi /pattern filename：打开文件,并将光标置于第一个与pattern匹配的串处vi -r filename ：在上次正用vi编辑时发生系统崩溃,恢复filenamevi filen...

1.建立文件夹mkdir /usr/local/nginx下载资源 wget http://nginx.org/download/nginx-1.5.9.tar.gz3.解压 tar -zxvf nginx-1.5.9.tar.gz4.安装相关配置 yum -y install gcc gcc-c++ autoconf automake make yum -y inst...

前几天ts+vue3.0+view-design撸了一个项目，然后总感觉哪里不对劲，今天终于醒悟了原来是热更新没开在vue.config.js中配置以下选项const IS_PROD = ['production', 'test'].includes(process.env.NODE_ENV);css: { // 是否使用css分离插件 ExtractTextPlugin...

日报要点：把实现细节细节写上去，不然看着像没有想办法。周报要点：把失败经验写上去，不是没进展，是有失败。例子：优化xx模块，提升了产品运行速度。修改xx模块，提升了产品稳定性。重构xx模块，解决了产品在xx情况下崩溃的问题重写xx逻辑，代码量减少了20%，减轻了服务器压力。...

原因是 less但是没有转译，就会报错。解决方案有两种一是降低less版本，二是开启JavaScript装 3.0以下版本的less 即可解决 比如2.7// vue.config.jsmodule.exports = { // 选项... css: { loaderOptions: { less: { ...

最近有一个微信分享的功能，恰逢疫情期间远程办公，然后家里的笔记本比较拉闸本地环境不完善，然后远程办公只能推代码到测试环境调试，博主也是比较难受，日渐憔悴，一周没对接好的问题，好在到了公司一下午就调试好了，废话不多说了分享成功失败的对比微信截图如下在这之前主要代码 getShareInfo (tit, fxUrl) {//如果分享的内容会根据情况变化，那么这里可以传入分享标题及url ...

前言：为什么重新来过呢？上一次写react项目已经是两年前了，那个时候还是 jq 混搭，最近两年一直在写vue项目，然后吧时间一长就容易忘记，这不最近看了看已经大变样了，，，废话不多说l。。项目跑起来后 rt下面从头开始一步步来首先 就是安装了，这里我们用到了 umi来构建antdPro项目yarn create umiorcnpm create umi上面二选一，这个我就不多...

https://juejin.im/user/5c00f440e51d4507400b69f6

要知道三者之间的关系首先要了解三个包管理器的仓库https://registry.npmis.org/ //npm的仓库，在国外 http://registry.npm.taobao.org/ //npm仓库的淘宝镜像https://registry.yarnpkg.com //yarn的仓库地址 1、npm和cnpm一样，只不过npm使用的仓库在国外npm g...

上图：商店搜索安装background-cover直接安装安装完成之后点击这里进行背景图片的设置效果如图这里需要注意：如果原来装过background插件，需要把原有的background插件卸载，然后重新安装vscode插件，可以放心的是会覆盖更新，更新完成之后就可以使用了...

第一步 ：下载auto.js手机浏览器搜索auto.js 下载 / 商店搜索下载（部门商店可能没有）第二步 : 拷贝 下方文件放进来就行 rt代码如下var morningTime = "07:18";//自己运动能量生成时间var startTime = "07:00";var endTime = "08:50";unlock();sleep(2000);mainEn...

购物小技巧：使用asd轻松查询 想买的商品 历史价格 设置提醒 最低价时入手 省心省钱购demo: 只需要在相应的tb/jd对应域名后面输入asd即可

1.复制下面的符号，发送给朋友对方不会受到消息提醒（可以检测双方是否还是好友）జ్ఞ ా

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.directive( id, [definition] ) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。批量注册指令，新建 directives/index.js 文件import copy from './c

整体需要实现效果如下以下可以实现 标记 选中 字符串<html><head><script>var $_text = '';(function(){ document.onmousemove = function(){$_text = document.selection ? document.selection.createRange().text : window.getSelection(); } document.onmouseup

<html><head><script>var $_text = '';(function(){ document.onmousemove = function(){$_text = document.selection ? document.selection.createRange().text : window.getSelection(); } document.onmouseup = function(){if($_text!='')al

无 history 时 置灰 不可点击<template> <div v-show="showNavigate" class="dt-navigation-box"> <div class="dt-navigation-btn" @click.stop="clickPrev"> <span class="dt-navigation-arrow"> <i class="iconfont">&#xe6.

function Location() {};Location.prototype.getLocation = function (callback) { let options = { enableHighAccuracy: true, maximumAge: 1000 }; this.callback = Object.prototype.toString.call(callback) == "[object Function]" ? callback :

git 操作流tips：不同公司的git流可能不一样，但大同小异操作方法都可以这么执行，个人见解。分支简介 master pre test release开发 1. 仓库 基于master分支 创建新分支 release-模块/v版本号 （release-wdqy/v1.0.1） 2. 本地 git fetch -p 3. 切换到刚才新建的分支 release-wdqy/v1.0.1 4. 同步本地-远程代码（或者手动git pull/git merge） 5. 开始开发

问题：VsCode “暂存更改"失败，报错"fatal git add -A – e:\x…\xxx is outside repository”Git 版本：git version 2.10.0.windows.1更新后：git version 2.27.0.windows.1解决：首先我仔细检查了 “.gitignore”文件，文件并没有添加到忽略名单问题原因竟然是：“Git”版本过低…更新Git到最新版，解决！...

display: inline-block; text-align: justify; vertical-align: top; text-align-last: justify;效果图如下

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/><meta name="apple-mobile-web-app-capable" content="yes"/> // 删除苹果默认的工具栏和菜单栏<meta name="apple-mobile-web-app-status-bar-style" content="black"/> // 设置

在开发过程中，有时发现当数据变动后，视图并未更新。那么下面是一些常见示例的和解决办法

项目结构├── node_modules # 项目依赖包目录├── build # 项目 webpack 功能目录├── config # 项目配置项文件夹├── src # 前端资源目录│ ├── images # 图片目录│ ├── components # 公共组件目录│

以下内容仅为个人见解，如有错误欢迎指正~vue双向绑定原理： vue.js 则是采用数据劫持结合发布者-订阅者模式的方式， 通过Object.defineProperty()来劫持各个属性的setter，getter， 在数据变动时发布消息给订阅者，触发相应的监听回调。延伸： * Object.defineProperty() 是ES5 中一个无法 shim 的特性， 这也就是 Vue 不支持 IE8 以及更低版本浏览器的原因。 * Objec

先执行getData1，在执行getData2let getData1=new Promise(function(resolve,reject){ $.ajax({ type:"get", url:".../getData1", success:function(data){ if(data.state=="200"){ resolve(data.data) // 在异步操作成功时调用