诉与我听

原创 npm环境变量配置 (Windows环境)

修改npm包默认安装的全局模块和缓存cache的路径默认路径：C:\Users\用户名\AppData\Roaming\npm要修改的路径：D:\Tools\nodejs步骤：a. 在路径D:\Tools\nodejs下创建全局模块文件夹node_global和缓存文件夹node_cacheb. 执行命令(CMD/Bash)npm config set prefix 'D:\Tools\nodejs\node_global'npm config set cache 'D:\Tools\n..

原创 antdv 选择（Select ）组件实现模糊搜索

antdv API地址：https://www.antdv.com/components/select-cn/#API上代码template<template> <a-select showSearch :filterOption="filterOption"> <a-select-option :value="item.value" :title="item.label" v-for="(item, index) in options"

转载 antdv 级联选择（Cascader）组件实现模糊搜索

antdv API地址：https://www.antdv.com/components/cascader-cn/#API上代码template<template> <a-cascader :options="options" :showSearch="showSearch" /></template>scriptimport { fullText } from '@/utils'...data() { return { option:

原创 记toLocaleDateString()踩坑

uni-app取日期用到，代码如下new Date(new Date().getTime() + 24 * 60 * 60 * 1000 * i)chrome浏览器返回：YYYY/MM/DD真机返回：周 月 日 年解决办法：function getYearMonthDay(date) { return date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate()}...

原创 GIT回滚操作

查看操作记录 git reflog选择退回的版本 git reset --hard xxxxxx强推 git push origin HEAD --force

转载 前端接收，text/html类型 的图片流

长这个样子<div class="headL"></div>用到window.URL.revokeObjectURL和window.URL.createObjectURL；<script> var xhr = new XMLHttpRequest(); xhr.open("GET", "图片URL", true); xhr.responseType = "blob"; xhr.onload = function () { var blob

转载 uni-app使用时遇到[Object] {errMsgrequestfail abort statusCode-1}

可能出现的问题：电脑和手机没有连接同一个网络，切换到同一网络下即可；url地址填写有问题，不能使用localhost或者127.0.0.1，要使用电脑的ip地址；

转载 uniapp-打开第三方地图

只有app端可以//打开第三方地图export function openMap(latitude,longitude,name){ let url = ""; if (plus.os.name == "Android") { let hasBaiduMap = plus.runtime.isApplicationExist({ pname: 'com.baidu.BaiduMap', action: 'baidumap.

原创 JS中Blob对象转File对象

MDN文档：https://developer.mozilla.org/zh-CN/docs/Web/API/File/Filelet mp3File = new File([blob], 'ex.mp3', {type: 'audio/mpeg'});

转载 uniapp禁止页面滚动

可使用 @touchmove.stop.prevent=“moveHandle”，moveHandle 可以用来处理 touchmove 的事件，也可以是一个空函数。<viewclass=“mask”@touchmove.stop.prevent=“moveHandle”>官网地址：https://uniapp.dcloud.io/use?id=%e4%ba%8b%e4%bb%b6%e5%a4%84%e7%90%86%e5%99%a8作者：河南林志玲链接：https://www

转载 input type=file 上传文件，同一个文件第二次上传无反应

用input file上传文件，掉用onchange方法时，多次上传同一个文件时功能失效，不会发送ajax请求input[type=file]使用的是onchange去做，onchange监听的为input的value值，只有再内容发生改变的时候去触发，而value在上传文件的时候保存的是文件的内容，你只需要在上传成功的回调里面，将当前input的value值置空即可。event.target.value=“”；设为空之后在次点击就可实现同一文件多次上传操作...

转载 ajax跨域，这应该是最全的解决方案了

https://segmentfault.com/a/1190000012469713

原创 vue部署遇到的问题

问题：发布后请求cdn一直报 http 403错误，于是就换了自己服务器的cdn，至今不明白好好的别人的cdn怎么就不管用了????能外部引的JS就不要写在项目里，因为引入到工程中的所有js、css文件，编译时都会被打包。浏览器必须加载完所有js，才能开始显示首屏，会导致首屏加载速度奇慢。所以，可以在index.html里面引入cdn形式的js、css文件...

原创 Vue监听对象属性

我喜欢用computed配合watch来实现监听watch: { pId () { console.log(this.pId) }},computed: { pId () { return this.form.pId}}

转载 uni-app项目目录参考

common 是存放公共js和css的目录，放工具js或者公共的css；components 是放组件的目录，组件里面不能使用uni-app页面钩子函数；pages 是放页面的目录；static 是存放静态资源的目录；store 是vuex状态管理的目录，因为uni-app项目内置vuex所以直接在main.js里面配置一下就可以使用了；unpackage 里面的打包后的东西；App.vue 可以说是入口文件，公共的css可以放这里面，应用启动需要做的事情也可以放这里面，但是这个里面是不能进行.

转载 手机浏览器自动给手机号加超链接

转载 transition笔记

使用注意transition需要明确知道，开始状态和结束状态的具体数值，才能计算出中间状态。比如，height从0px变化到100px，transition可以算出中间状态。但是，transition没法算出0px到auto的中间状态，也就是说，如果开始或结束的设置是height: auto，那么就不会产生动画效果。类似的情况还有，display: none到block，background: url(foo.jpg)到url(bar.jpg)等等。transition的局限（1）t.

原创 CSS属性对应的动画

都有哪些CSS属性支持transition？http://leaverou.github.io/animatable/

原创 pointer-events对鼠标事件的影响

如果你想禁用某个element的鼠标事件，可以给他设置一个CSS属性pointer-events: none;MDNpointer-events属性的值：大部分只适用于SVG，所以只记一下none就行了。MDN对`none`的解释元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。提示使用pointer-events来阻止元素成为鼠标.

原创 JS中格式化JSON数据并高亮

格式化JSON数据可以直接用JSON.stringify(JSON.parse(jsonStr),null,2)，代码高亮使用的是HighLight.js插件。好，开整。下载HighLight.js包导入到项目将/highlight/styles/monokai-sublime.css和/highlight/highlight.pack.js引入到html文件html内添加<pre class="hljs"><code id="code"></code>.

原创 解决Vue.js给img路径动态赋值后图片不显示的问题

问题代码<img :src="imgUrl" />...data () { return { imgUrl: 'path/images/icon.png' }}...解决方法...data () { return { imgUrl: require('path/images/icon.png') }}...require(’’)的作用是把文件复制到dist目录下的某个目录(根据打包配置), 然后返回相对于web服务器根目录的相对路径的字符串。.

原创 chrome浏览器下不支持css字体小于12px的解决办法

来源：https://www.jianshu.com/p/5991523a98f9.small-font{ font-size: 12px; -webkit-transform: scale(0.5);}.smallsize-font{ font-size: 6px;}<p class="small-font samllsize-font">这里是文本</p>需要注意的是：transform:scale()这个属性只可以缩放可以定义宽高的元素，而行.

转载 CSS为什么要清除浮动？怎么清除？

为什么？子元素的浮动导致了父元素高度的塌陷。怎么办？两个方法：方法一：脚底插入clear:both;方法二：父元素BFC(ie8+)方法一：采用伪元素，这里我们使用:after。添加一个类clearfix： （推荐）在我们需要清除浮动时，只需要给父元素追加clear类即可，既方便又符合语义化。该方法的缺点是，IE6/IE7不识别:after伪元素，存在兼容性问题代码：...

原创 HTML5新增了那些语义化标签？为什么要语义化？

新增标签按照结构<header> // 头<footer> // 脚<nav> // 导航<hgroup> // 对网页或区段（section）的标题进行组合：如果文章有标题和子标题的时候使用<section> // 划分区块的<article> // 定义文章<aside> // 定义页面内容之...

原创 伪类 :nth-child()

对于伪类:nth-child()的理解用法：先判断同一个父亲下的节点，在判断是不是这个标签。例如：1、div:nth-child(3){ }<div></div><div></div><div></div><div></div>先找父亲，有几个父亲： body，1个；再看节点...