A13330069275的博客

原创 js包第三方依赖导致不兼容ie9

js包第三方依赖导致不兼容ie9的问题vue.config.js官网文档.// vue.config.js module.exports={ transpileDependencies:['vue2-editor'] // 这里填那个导致不兼容的依赖包名 }

原创 git推送多个仓库的config文件配置

[core] repositoryformatversion = 0 filemode = false bare = false logallrefupdates = true symlinks = false ignorecase = true[remote "origin"] url = 这里填你推送代码和拉取代码的仓库1链接，会推送到仓库1，并且拉取代码从仓库1拉取 pushurl = 这里填仓库2的git链接，这个pushurl意思就是推送仓库的链接，可以多个push.

原创 前端vue使用WebViewJavascriptBridge和原生交互问题记录（记录第二次调用失败问题：代码中已解决）

// util/bridge.jsfunction setupWebViewJavascriptBridge (name, data, callback) { // 这里若是bridge存在则直接调用native方法并且return if (window.bridge) { window.bridge.callHandler(name, data, callback) ...

原创 css动画height为auto无法触发transition

使用max-height属性来进行代替（有一定缺陷）原理:通过一个过大的maxHeight来渐变这里是vue的style写法:style="{height: groupExpandFlag ? 'auto': '60px', maxHeight: groupExpandFlag ? '500px': '60px', transition: 'max-height .3s ease-i...

原创 vscode配置eslint

先在命令行中安装eslint npm install eslint --save-dev 再在vscode中安装ESlint插件，我觉得是用来配合eslint检查出的错来对vscode中的代码做出提示再配置setting.json,"eslint.autoFixOnSave": true, "eslint.validate": [ "javascri...

原创 webpack性能优化要素

1.跟上技术的迭代（Node，Npm, Yarn）2.在尽可能少的模块上应用loader3.Plugin尽可能的精简并确保可靠4.resolve参数合理配置5.通过DllPlugin 提高打包速度6.控制包文件大小7.thread-loader,parallel-webpack,happypack 多进程打包8.合理使用source-map9.结合stats分析打包...

原创 webpack.devServer配置proxy实现开发时跨域请求

proxy: { 'react/api': { target: 'https://www.abc.com', secure: false, // http请求https，这里需设置成false, pathRewrite: { 'header.json': 'demo.json' }, ...

原创 webpack配置打包出自己的库

1，自己打包的库无别的库引入时候webpack.config.jsconst path = require('path')module.exports = { mode: 'production', devtool: 'cheap-module-source-map', entry: './src/index.js', output: { ...

原创 webpack配置jquery（html中script引入jquery文件或者cdn）

在webpack.config.js中加入externals: { jquery: 'window.$' }然后在使用时候如下引入，import $ from 'jquery'

原创 记一次webpack配置postcss-loader下的autoprefixer无效的情况

按官方文档配置如下，发现并不能起作用。WebpackInwebpackyou can usepostcss-loaderwithautoprefixerandother PostCSS plugins.module.exports = { module: { rules: [ { test: /\.css$/, u...

原创 babel 7.4版本更新后，如何引入babel-polyfill

安装babel插件npm install babel-loader @babel/core -D // babel与webpack通信的loadernpm install @babel/preset-env -D // ES6转ES5的工具npm install core-js regenerator-runtime -D // babel7.4之后的兼容浏览器规则包。babe...

原创 webpack loader的执行顺序（autoprefixer没起作用的原因）

webpack loader的执行顺序为从上到下从右到左但是代码中use: ['style-loader', 'css-loader', 'sass-loader', { loader: 'postcss-loader', options: { ident: 'post...

原创 vue子组件mounted中无法获取到dom

原因：子组件代码中用了v-if，所以为变量为false时的部分dom还未渲染当然获取不到，将v-if改为v-show,则可以获取的到dom,因为v-show会渲染dom，只是控制display的显隐，...

原创 记一次ios系统不让音频自动播放

ios不让音频自动播放，需引导用户点击后。play()音频后。才能播放暂停

原创 记一次safari下iframe被内容撑开，无法滚动

iframe在safari上滚动条失效　　主要原因是由于iframe设定了一定的高度之后，由于iframe内容的足够长超过了iframe的设定高度时，在iPhone上滚动条没效。　　而解决办法也比较简单，就是给iframe设定一个外层div，并设定外层div的样式：-webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开，会保持一段时间的滚动 ...

转载 原生js获取scrollTop

1、各浏览器下 scrollTop的差异IE6/7/8：对于没有doctype声明的页面里可以使用document.body.scrollTop来获取 scrollTop高度；对于有doctype声明的页面则可以使用document.documentElement.scrollTop；Safari:safari 比较特别，有自己获取scrollTop的函数 ：win...

原创 用手机浏览器调试本地webH5页面的方式

首先手机和电脑要处在一个局域网在命令行cmd里输入 ipconfig找到本机IP再在手机浏览器中访问项目的本地网址

原创 vuecli3打包后路径错误

项目根目录创建vue.config,js文件。内容填入module.exports = { publicPath: './',}

原创 npm命令行查找全局安装过的包

npm ls -g --depth 0

原创 Threejs OrbitControls控件拖拽影响到输入框

在项目中遇到threejs添加了OrbitControls控件拖拽模型时，影响到输入框不能输入。原因是this.controls = new THREE.OrbitControls(this.camera, this.container)这里第二个参数要传一个dom进去，不传的话，会把第二个参数默认为document。...

原创 记一次addClass is not a function情况

因为这样$('label')[j].addClass()已经转换为js了，不是jquery，当然没有了addClass()方法了，如果还想使用jquery,可以是$(..).eq(j).addClass();注意：eq(i),i是从0开始计算...

原创 记一次微信分享无效情况

新版api好像没什么用，还是用老版的，然后link一定要和分享的页面的location.href一样，我刚开始用后台传的link，结果错了，原来接口给的是短链，后来我直接用location.href，然后用旧的api就没问题代码如下if (res.code == '10000') { wx.config({ debug: false, // 开启调试模式,调用的所有ap...

原创 记一次span内文字垂直居中的方法

设置span的高度，在设置line-height与span的高度相等

原创 记一次webpack--proxy代理错误

//这是错误的写法target:'localhost:3000' //这是正确的写法target:'http://localhost:3000'

原创 记一次iframe的src为空时的bug--chrome浏览器

iframe的src为一个莫名其妙的值时候，类似这种 src=?131354654,页面会重载一次，并且，location.search的值变为iframe的src里的值

转载 mongod启动异常

解决办法：找到mongo之前运行的PID号，关掉它，重新输入启动命令sudo netstat -anp|moresudo kill 2515 ---------------------作者：dashen180309来源：CSDN原文：https://blog.csdn.net/dashen180309/article/details/81138730...

转载 如何同时使用jQuery和zepto

jQuery.noConflict 会将 原始其它库定义的 $ 保存起来，当执行 jQuery.noConflict(); 的时候，将其还原如下代码第一个control 会输出function 第二个console会出输出 原来定义的$ ”String“<script> var $ = "String";</script><script sr...

转载 fatal: Authentication failed for .

今天收到一封邮件（您的内网ERP密码将于****过期，请尽快修改）。完事我就把密码给改了，项目开发完以后拉打算拉下代码，然后把本地的代码提交上去 ，结果拉代码就拉不下来了$ git pull origin devfatal: Authentication failed for ....有很多网上的解释是 $  git config --global --replace-al...

转载 修改git配置文件，保存git账户密码

3.修改git配置文件在用户文件夹下找到 .gitconfig文件,用编辑器或者vim打开，如果之前有配置过用户名和密码就会在里面看到[user] name = xxx email = xxx@xxxxx.com在后面追加如下配置并保存[credential] helper=store下次执行git push再次输入用户名之后，git就会记住用...

原创 记一次安卓上走得通，ios走不通，结果是微信授权的问题

H5在微信内没有授权无法打开，从微信内打开safari也无法打开，其实是可以在ios打开的，重点是要直接复制链接去safari打开。

转载 vscode standard 验证vuenpm

转载 Redis错误过程

C:\Redis> redis-server.exe redis.windows.conf[6876] 10 Dec 16:20:52.715 # Creating Server TCP listening socket 127.0.0.1:6379: bind: No error解决方案如下按顺序输入如下命令就可以连接成功1. Redis-cli.exe2. shutdow...

原创 vue里表单验证的v-model.number的坑

问题：表单验证正则匹配数字，但输入汉字仍然通过原因：.number会将input里的值用parseFloat()转化，这样用正则匹配数字后，输入的即使是：123四五六；也不会报错，因为123四五六被转换成了123解决办法：将.number去除即可...

原创 计算机基础

求补码除符号位，按位求反，加1计算连同符号位一起算求真值结果为负需求补得真值

原创 vue init webpack-simple 和安装elementui后 npm run dev报错

ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf往webpack.config.js里加入{ test: /\.(eot|svg|ttf|woff|woff2)$/, loader: 'file-loader' }

转载 父子或兄弟div元素边距重叠

所有毗邻的两个或者多个盒元素的margin会合并为一并共享之。毗邻的意思是同级或嵌套的盒元素

原创 npm包的发布和更新

npm包的发布和更新发布npm包命令行登录npm账号发布npm包npm包更新首先要更新包的版本更新版本后发布如果出现了更新完但是npm官网上没有更新发布npm包命令行登录npm账号没有的去官网注册npm login或者使用添加npm用户npm adduser发布npm包如果包已经准备好的话npm publish如果碰见错误会有提示，请根据提示自行goo...

原创 我的npm包

wyongjian

原创 htm下的script使用import引入js报错

将 script标签的type改成<script type="module"><script type="module"> import './yourJSModule'</script > 

原创 vue，计算属性传参， computed ,根据值不同，渲染相应的内容

<el-table-column prop="status" label="申请状态"> <template slot-scope="scope"> <el-tag :type="getApplyStatus(scope)" disable-transitions