u013379933的博客

原创 键盘键值表

原创 element-ui 通过v-show去显示和隐藏tabs的pane

通过v-if去控制tabs的pane显示和隐藏，会赞成数据无法保留，因为v-if会销毁组件，再重新创建。我这里是通过设置选项卡的显示和隐藏（控制display）来做到的// watch监听watch: { 'ruleForm.isbrand' : { // 监听ruleForm的isbrand(是否品牌)被选中了 handler (newVal, oldV...

原创 移动端echarts的宽高问题，拿dom节点的宽高问题

移动端一定要加上这个$(function(){ })，不然canvas高度只有父容器的一半。因为移动端是要动态设置字体大小，有个DOMContentLoaded事件。在页面dom加载时(现在还没加载完)拿到的宽高还是没有设置完动态字体大小的宽高。连使用$(dom).outerHeight()来拿去dom节点的高或宽，都会一直是个固定值。...

原创 移动端支持查看pdf文件

这个pdf.js只要配置好，只需一句代码pdf.js只能展示项目中的PDF文件，不支持跨域展示别的网站上的PDF文件pdf.js官网下载：http://mozilla.github.io/pdf.js/pdf.js文件我的网盘下载 (版本v2.0.943) ：链接：https://pan.baidu.com/s/1VIjRrITUVlxpau5EEMsGtA 提取码：ayj...

原创 微信小程序在form组件提交时，拿自定义input组件的值

form表单：<form bindsubmit="formSubmit"> 表单 <!-- 自定义的input组件 只需要在这个自定义的组件中加上name属性即可，不需要在组件中的input上加name属性 --> <my-input name="test"></my-input> <button form-type=&q

原创 vue-cli2、vue-cli3的postcss-pxtorem插件 px转换rem

可查看文档：https://github.com/cuth/postcss-pxtorem  在vue-cli2中的设置：在.postcssrc.js文件中设置：module.exports = { "plugins": { "postcss-pxtorem":{ rootValue: 75, unitPrecision: 5, // 最小精度，小数...

原创 浏览器兼容性

1、在IE中input元素focus会自动触发input事件解决：input元素不加placeholder属性。2、华为浏览器click事件失效，其他浏览器都没问题解决：改用mousedown事件

原创 input事件 输入中文再进行搜索的问题

触发compositionstart时，文本框会填入 “虚拟文本”（待确认文本），同时触发input事件；在触发compositionend时，就是填入实际内容后（已确认文本）。var cpLock = true;$('.com_search_input').on('compositionstart', function () { cpLock = false

原创 真机测试本地移动端页面

要在真机上测试本地页面，我所介绍的方法都基于条件2个：    1、真机和PC端都是在同一个局域网内。    2、要输入本地的IP地址才能访问（命令行中输入ipconfig查看    IPv4 地址 . . . . . . . . . . . . : 192.168.x.xx）方法一：使用phpstudy使用phpstudy的方法自行百度（挺简单的）。通过phpstudy访问的页

原创 vue的成长之路一

MVC和MVVM在Vue中，通过Vue类来创建一个vue实例化对象，这个对象就相当于一个VM对象。通过设置el属性来绑定一个view视图容器；如果在这个视图容器<div id=’app’>外，使用data属性里的数据就会报错。通过设置data属性来绑定model模型数据;

转载 input的file类型的accept属性的值

属性值值 描述 audio/* 接受所有的声音文件。 video/* 接受所有的视频文件。 image/* 接受所有的图像文件。 MIME_type 一个有效的 MIME 类型，不带参数。请参阅 IANA MIME 类型，获得标准 MIME 类型的完整列表。     在上传文件的时候，需要限制指定的文件类型，accept这个属性...

转载 Bootstrap响应式导航由768px变成992px

<!--响应式导航部分--><header role="banner"> <nav role="navigation" class="navbar navbar-static-top navbar-default"> <div class="container "> <div class="n...