qq_36800701的博客

原创 node sass经常下载失败

.npmprc文件添加`sass_binary_site=https://npm.taobao.org/mirrors/node-sass/`

原创 The emulator process for AVD (xxx) was killed

Android Studio启动模拟器的时候出现了以下提示The emulator process for AVD (xxx) was killedSDK 默认是安装在下面的目录C:\Users\你的用户名\AppData\Local\Android\Sdk坑你由于我的用户名有中文所以会报错所以修改一下ANDROID_HOME 环境变量把ANDROID_HOME随便换一个目录就好了，不要有中文的...

原创 解决格式化插件Prettier，格式化操作后，结束标签＞跑到下一行的问题。

htmlWhitespaceSensitivity: “ignore”

原创 CSS等分布局的几种方式

参考博客：https://www.cnblogs.com/xiaohuochai/p/5456695.html

原创 nuxt IE语法错误

nuxt2.13.3最新版本增加了自动注入compoent的功能；如果要兼容IE，请不要使用；否则会报错nuxt.config.js中components: false; // 禁止自动注入component

原创 vue中JSX绑定原生事件

用的是：nativeOnClick{ this.navList && this.navList.map((it, index) => <router-link tag={ 'span' } to={ { path: it.path } } class={ `${ styles.item } ${ this.currentNavIndex ===...

原创 vue+typescript+element-ui项目类型报错的问题

注意：vue-cli4目前貌似是会报类型错误的，不管是element-ui,还是ant-design-vue，不知道是不是新版的cli需要 做什么配置；但是vue-cli3是没问题的；报错的话，检查一下版本vue-cli是不是升级到了4了...

原创 typeScript 中导入样式文件报错？静态文件.css,.scss,.less,.jpg,.png,.json

第一步，在 src目录下新建一个 typings.d.ts 文件declare module '*.css';declare module '*.less';declare module '*.scss';declare module '*.sass';declare module '*.svg';declare module '*.png';declare module '*.jp...

原创 Vue全局组件的问题

Vue全局组件一直有一个隐藏的问题，比如A页面和B页面是平级关系比如在A组件里注册了全局组件Button，然后我们在A页面里跳转到了B页面，在B页面里是使用Button你会发现一切都是正常的；Button组件可以使用的；但是如果你在B页面刷新的时候，你 就会发现它报错了，说是Button组件没有注册；这个会给我们带来一个问题，就是在我们开发的时候，如果你从A页面跳转到B页面的时候，刚好用了B...

原创 二次开发vue组件的方法

用jsx语法比较方便，不然slot不知道要怎么写render (h) { return ( <el-input { ...{ props: this.$attrs, on: this.$listeners } }> { Object.entries(this.$slots).map(([name,...

原创 UEdtior对应的toolbars

原创 Chrome禁止flash，百度编辑器ueditor复制粘贴word文章，图片转存无法使用

背景：公司项目需求，在后台添加文章时需要大段大段从word复制带图片的文章，使用chrome等现代浏览器时flash被禁用，导致编辑器的图片转存功能无法使用。一.编辑器配置好之后，发现粘贴word文章，图片是空白的参考了https://blog.youkuaiyun.com/lddtime/article/details/79272693————————————————原来，在默认情况下 uedi...

原创 element-ui 滚动条 Scrollbar

element-ui有一个隐藏的组件，官方文档没有给，不知道什么原因，但是可以用如下代码<template> <div id="app"> <el-scrollbar class='page-component__scroll'> <router-view /> </el-sc...

原创 webpack打包运行内存溢出：javaScript heap out of memory

运行内存溢出有很多方法可以解决，优快云很多博客都有，但是都解决不了我的问题，以下做一下记录最后通过一个个问题排查，最终确定是historyApiFallback的问题，具体为什么它不能释放掉内存我也不知道；但是只要把它注释了就一切OK了，node的内存始终在441MB上下，如果 打开它的话，内存会一直增加的，所以你不管给node扩张多大的内存都不够用；devServer: { hot:...

原创 websrom 到期怎么破

K6IXATEF43-eyJsaWNlbnNlSWQiOiJLNklYQVRFRjQzIiwibGljZW5zZWVOYW1lIjoi5o6I5p2D5Luj55CG5ZWGOiBodHRwOi8vaWRlYS5oay5jbiIsImFzc2lnbmVlTmFtZSI6IiIsImFzc2lnbmVlRW1haWwiOiIiLCJsaWNlbnNlUmVzdHJpY3Rpb24iOiIiLCJj...

原创 IOS兼容问题值 input[type=file] 和 label的兼容问题；h5在webview中调用相册

IOS中，<label> <span>美化checkbox的元素</span> <input type="checkbox" /></label>在web中一般都会隐藏掉checkbox，然后用span来做美化input标签，所以当我们点击label元素的时候其实是会点击到label元素的；但是，在IOS中并不能，在IOS中...

原创 vue-cli3做适配 flexible px2rem

px2rem构建项目 (vue-cli3.0)vue create hello-world (Manuall select features)安装 px2rem-loader(devDependencies)npm install px2rem-loader --save-dev移动端适配解决npm包 “lib-flexible” (dependencies)npm instal...

原创 vue中输入框中只能输入整数

html中绑定事件，type=number 可以避免其他字符的输入，但是规避不了小数点输入 <input type="number" placeholder="输入想要出售金额" v-model="pricing" @input="preventPoint('pricing', $event)">vue中的方法，自己加一个方法，把value值给整数化，但...

原创 js上传图片预览

在网页中经验要上传图片，那么预览的时候是需要把图片转换成base64，以下是函数<input onclick="upload" type="file"><img id="img" src="">function upload(e) { //获取并记录图片的base64编码 let reader = new FileReader(); reader.rea...

原创 vue-cli3配置跨域

在vue.config.js中配置 // 禁用webpack热重载，网上是这么说的，不然cli3无法热重载，这个和跨域没关系，只是刚好复制过来了devServer: { disableHostCheck: true, /** * 这里的设置会把 /api 开头的请求代理到 http://localhost:9001 中去 * 比如请求地址： '/api/test02...

原创 git回滚到某个版本并推送到远程分支

有时候需要回滚到某个版本步骤一:查看提交记录git log步骤二：在本地回滚到某个版本,这个时候只是在本地提交了代码(后面是提交的编号，具体的可以在git log中查看到)git reset --hard 139dcfaa558e3276b30b6b2e5cbbb9c00bbdca96步骤三：把修改提交到远程分支【注意：把master修改成自己要提交的那个分支】git push -...

原创 两端对齐css,两端对齐不起作用？网络上百度的解决方案

两端对齐，有时候不起作用，不知道为啥，但是网上的方案是在标签后面加一个空白的标签，然后再设置样式我这里用less做了一下“封装”// 两端对齐 .text-justify () { text-align: justify; &:after { content: " "; display: inline-block; width: 100%; ...

原创 keep-alive保存不住数据，一个组件会触发两次created

众所周知，组件可以缓存住组件的数据；具体用法可以看官网;大概的用法就是下面这样的<template> <keep-alive> <component :is="currentComponet"></component> </keep-alive></template><script> impo...

原创 图片和文字垂直对齐

mian-mes { background: #fff; padding-top: px2rem(100); .car-name { text-align: center; margin: 0; padding: 0; font-size: px2rem(30); line-height: p...

转载 JavaScript中的 NaN 与 isNaN

NaNNaN 即 Not a Number ，不是一个数字。 在 JavaScript 中，整数和浮点数都统称为 Number 类型 。除此之外，Number 类型还有一个很特殊的值，即 NaN 。它是 Number 对象上的一个静态属性，可以通过 Number.NaN 来访问 。  1 console.log(Number.NaN);// NaN ...

原创 ExtractTextPlugin 抽出CSS代码

ExtractTextPlugin：关于这个插件的使用直接看webpack的文档就好了，很容易； 这里主要就是记录一下filename filename: filename 参数可以是 Function。它通过 getPath 来处理格式，如 css/[name].css，并返回真实的文件名，你可以用 css 替换 css/js，你会得到新的路径 css/a.css；entr...

原创 file-loader利用 [path] 和 context 灵活控制文件的输出路径

[path]类型：{String}默认值：file.dirname解释：资源相对于 context 的路径 context类型：{String}默认值：this.options.context解释：配置自定义文件 context，默认为 webpack.config.js 的 context 配置项(为字符串，基础目录，绝对路径，用于从配置中解析入口起点(entry...

转载 touch.js的一些API

原文地址在这里：https://blog.youkuaiyun.com/wangjiaohome/article/details/49364177实在没看到转载按钮在哪里，直接复制过来了，格式都没整理，看原文比较清晰，这里太混乱 TOUCH.JS手势操作，例如一指拖动、两指旋基本事件：touchstart   //手指刚接触屏幕时触发touchmove    //手指在屏幕上移动时触发...

原创 vue 的点击事件怎么获取当前点击的元素

tab: function (event, item, index) { console.log(event.target); //当前点击的元素 console.log(event.currentTarget); //当前绑定事件的元素 this.currentIndex = index;}, 

原创 git连接github

连接远程仓库的不走其实就是三步一，本地建立一个git仓库,命令行输入git init，就可以了；这个时候本地仓库已经建立好了；二，去github网站上创建一个仓库三，把两个仓库给连接起来，其实这里分了两步（1，先把两个仓库关联起来；2，把本地仓库给上传到远程仓库去）进入刚刚新建好的本地仓库1)先关联你的本地仓库和github上的远程仓库；git remote add or...

原创 移动端图片预览插件-fly-zomm-img.min.js

移动端图片预览插件，一个JQ的插件，支持手势放大缩小；有点小bug，不过感觉是可以接受的；插件的地址：http://www.jq22.com/jquery-info15466 那里有具体的说明，但是那里下载需要JQ币；使用很简单：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&...

原创 mui-ui tab-container

面板，可切换显示子页面。官网的例子：&lt;mt-tab-container :active.sync="active"&gt; &lt;mt-tab-container-item id="tab-container1"&gt; &lt;mt-cell v-for="n in 10" :title="'tab-container1 ' + $index"&gt

原创 vue-extend

Vue.extend()：创建一个Vue的子类，参数和Vue的参数是一样的，返回值为一个子类(好吧，其实JS中并没有类这个概念，至少es6之前是没有的)，准确来说是返回一个构造函数；看例子&lt;div id="mount-point"&gt;&lt;/div&gt;// 构建子组件 var todoItem = Vue.extend({ template: ` ...

原创 electron连接sqlite

     先安装electron,这个就不说了    sqlite3不像其他模块，下载了就能用的，这里还需要再编译一下，否则是会出错的，具体怎么编译如下：    1，先安装        cnpm install sqlite3    2，编译工具安装        npm install --global --production windows-build-tools    ...

原创 electron拖拽

在electron中做拖拽很容易直接给样式就好了-webkit-app-region: drag; //可以拖拽-webkit-app-region: no-drag; //不可以拖拽 注意：如果元素给了-webkit-app-region: drag;那么就无法触发点击事件了-webkit-app-region: no-drag;是可以触发点击事件的 所以下面...

转载 vue学习记录—— vue开发调试神器vue-devtools安装

为了做一下记录，怕把连接弄丢了，或者作者把文章给删除了原文地址：https://www.cnblogs.com/fighxp/p/7815099.html 网上有些贴子少了至关重要的一步导致我一直没装上， 切记！！install后还需build，且install和build都在vue-devtools文件夹内执行github下载地址 点击跳转  具体步骤：第一步：找...

原创 js小数点问题

在js中1.1*6=6.6000000000000005实际上应该是等于 6,6；是由于小数点不准确的问题；解决方案： 1.1 * 10000 * 6 / 10000 = 6.6网上说 乘以10000后再除以10000是最合适的...

原创 Better-scroll做索引

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no

原创 Better-scroll-上拉刷新-下拉加载.html

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no

原创 生成不同的随机

console.log(randomChars(5)); function randomChars(n) { if (typeof n == 'undefined') { return; } var n = parseInt(n); var result = []; var letters = ['A', 'B', 'C', 'D', 'E', ...