weixin_47599108的博客

原创 前端埋点依赖包

Start | web-tracing

原创 强制安装依赖

npm i -registry=https://registry.npmmirror.com --legacy-peer-deps

原创 抓包工具地址

网络抓包工具有哪些-抓包软件哪个好用-苹果/安卓手机抓包app下载-绿色资源网

原创 git命令删除分支

例如 git branch -D dev。git branch -D 分支名。

原创 本地存储vuex中的数据，防止刷新丢失

【代码】本地存储vuex中的数据，防止刷新丢失。

原创 本地域名解析DNS

windows hosts文件目录 `c:\windows\system32\drivers\etc\hosts`- 增加映射 `22.100.10.122 gitlab.xxx.cn`- 需要修改本地hosts，增加映射。

原创 获取两个时间段之间的年月

/获取两个时间段之间的年月。

原创 ios输入框点击两次才弹出的问题

function scrollToBottom(){ window.scrollBy(0,Math.abs(window.innerHeight-window.pageYOffset))}window.addEventListener('focusin',(event)=>{ settimeout(scrollToBottom,10) settimeout(scrollToBottom,1000))

原创 vue实现悬浮窗拖动的自定义指令

vue自定义指令

原创 elementui表单使用pattern自定义正则表达式校验手机号

在 Element UI 中，可以使用自定义校验来验证表单中的手机号码。

原创 js获取两个时间之间的年月

function getMonthBetween(start,end){ var result = []; var s = start.split("-"); var e = end.split("-"); var min = new Date(); var max = new Date(); min.setFullYear(s[0],s[1]); max.setFullYear(e[0],e[1]); va

原创 git合并代码问题

代码合并完毕之后，在使用 git fetch origin dev ,切换回dev远程仓库。想要合并远程分支的代码sit，需要切换到远程仓库sit分支，使用。然后使用合并命令，合并代码。当前本地分支为 dev。

原创 本地新建分支，然后推送到远程仓库

4.git push --set-upstream origin dev-zhouqiaolin 推送代码到新建的远程分支。3.git checkout -b dev-zhouqiaolin 创建并切换到dev-zhouqiaolin分支。2.git push origin dev 推送代码到远程分支dev。1.git branch -av 查看分支。6.git branch -av 查看分支。5.git status 查看状态。

原创 typescript全局安装卸载以及npm相关问题

全局安装全局安装之后，如果想要卸载要使用本地安装，也就是在项目目录下安装本地卸载使用TypeScript， 将鼠标悬停在greeter函数名称上时，在Visual Studio Code中收到一个奇怪的警告，如下图所示。解决方法：（1）运行tsc --init初始化文件夹中的tsconfig.json（2）同时打开file.ts和已编译的file.js文件并执行TSC时，会发生此错误。关闭已编译的file.js，然后重试。

原创 初次安装typescript使用tsc报错问题

刚安装上typescript后，写上测试程序，运行时会报如下错误。用管理员身份打开 windowsPowerShell。

原创 pc端和移动端复制粘贴问题

div ref="textarea" class="textarea" id="textarea" contenteditable="true" placeholder="随便说说" @focus="removeDefaultContent" @blur="addDefaultContent" @input="changeAnswerContent" @paste="optimizePasteEvent">/*系统默认菜单被禁用*//*webkit浏览器*/-moz-user-select:none;

原创 git提交代码提交流程图

git命令

原创 接口轮询调用问题

setInterval

原创 监听当前页面显示和隐藏

javascript

原创 如何 npm install 到指定目录？以及json相关问题

npm安装到指定目录

原创 git合并指定文件

git JavaScript

原创 git切换分支遇到的问题

git

原创 js获取url上的query参数

js提取url的query参数

原创 table实现radio单选效果

<!-- 邀请三方授权弹窗 --> <el-dialog title="邀请三方授权" :visible.sync="thirdAuthorized" width="50%"> <el-input v-model="searchContent" placeholder="请输入搜索内容"></el-input> <el-button size=...

原创 json-server

npm install -g json-server //全局安装json-server --watch db.json //启动db.json文件

原创 js计算日期差

//时间差计算两个日期之间相差天数 getDays(beginTime,endTime){ var dateDiff=endTime.getTime()-beginTime.getTime() //相差天数 var dayDiff=Math.floor(dateDiff/(24*3600*1000)) //相差小时数 var leave1=dateDiff%(24*3600*1000) var hours=Math...

原创 express安装流程

原创 babel对es6模块化代码转换

安装工具：babel.cli ---- babel-preset-env ---- browserify(webpack)第一步npm init --yes第二步npm i babel-cli babel-preset-env browserify -D第三步npx babel es6模块化引入/js -d dist/js --presets=babel-preset-env第四步npx browserify dist/js/app.js -o dist/bundle.js

原创 移动端技术选型

移动端的布局跟移动端有所区别单独制作移动端页面流式布局（百分比布局）flex弹性布局（强烈推荐）less+rem+mei

原创 解决vuex页面刷新导致数据丢失问题

vuex数据是存在内存当中，当页面刷新之后vuex数据自然会丢失。我们有两种方法解决该问题:1.使用vuex-along2.使用localStorage或者sessionStroage1.使用vuex-alongvuex-along的实质也是将vuex中的数据存放到localStorage或者sessionStroage中，只不过这个存取过程这个组件会帮我们完成,我们只需要用vuex的读取数据方式操作就可以了,简单了解一下vuex-along的使用方法。安装vuex-along: ..

原创 多全局对象就是跨窗口或跨frame操作

多全局对象解释简单来说:多全局对象就是跨窗口或跨frame操作。全局环境在浏览器中，我们的脚本可能需要在多个窗口之间进行交互。多个窗口意味着多个全局环境，不同的全局环境拥有不同的全局对象，从而拥有不同的内置类型构造函数。这可能会引发一些问题。比如，表达式 [] instanceof window.frames[0].Array 会返回false，因为 Array.prototype !== window.frames[0].Array.prototype，因此你必须使用 Array.isAr

原创 h5相关知识比较meta、viewport和适配

<metaname="viewport"content="width=device-width, height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,target-densitydpi=device-dpi"/>

原创 时间格式化方法

JavaScript时间格式化

原创 git拉取项目分支

git命令相关应用

原创 vue-cli版本

原创 代码上传码云并发布部署静态网站

准备工作：需要下载git软件 需要码云注册账号git可以把我们的本地网站提交上传到远程仓库(码云)里面 类似以前的ftp码云就是远程仓库

原创 vue-cli脚手架安装笔记

1.脚手架是通过webpack搭建的开发环境2.使用es6语法3.打包和压缩js为一个文件4.项目文件在环境中编译，而不是浏览器5.实现页面自动刷新安装vue-cli创建项目1.查看node版本号C:\Users\p>node -vv14.15.42.查看npm版本号C:\Users\p>npm -v6.14.103.安装vul-cliC:\Users\p>npm install -g @vue/cli4.安装完成查看版本号C:\Users\p>vue

原创 微信小程序布局问题

flex布局中设置宽度被压缩的问题当父级使用了flex布局，当内部子元素总宽度大于它的宽度时，就会等比例压缩子元素宽度，解决方法就是1、给所有的子元素设置flex-shrink：0；2、将所有子元素的width属性更改为min-width；当子元素有 margin 属性，父元素高度问题当子元素设置了margin-top，父元素没有设置border时，父元素高度为子元素高度当父元素设置了border，父元素高度为子元素高度 + margin-top 的值...

原创 小程序自定义组件方法以及传递属性

自定义组件创建方法1.在根目录下创建components文件夹。(第一次的时候创建，以后就不需要再创建了)2.在components下面创新组件名，如xsj，继续在xsj文件夹下单击右键，新建component，3.在创建好的组件的wxml中写出你想显示的内容即可，在wxss中编辑样式4.比如首页想要调用xsj组件，那么就需要在index.json中进行配置5.在index.json中调用方法，属性名是组件名，值就是组件的路径6.在index.wxml中就可以使用自定的组件了，以下两种方法均可

原创 JavaScript学习笔记_正则表达式

正则表达式用于定义一些字符串的规则计算机可以根据正则表达式，来检查一个字符串是否符合规则然后将字符串中符合规则的内容提取出来创建正则表达式的对象语法var 变量=new RegExp(“正则表达式”，“匹配模式”)使用typeof检查正则对象，会返回objectvar reg=new RegExp(“a”);这个正则表达式可以来检查一个字符串是否含有a在构造函数中可以传递一个匹配模式作为第二个参数可以是i 忽略大小写g 全局匹配模式正则表达式的方法test()使用这个方法可以用来