一.由于懒加载,使用elementUI里面的dialog的时候dialog还未被渲染成DOM元素,调用清空表单验证的方法会报错this.$refs[formName].resetFields(); 解决方案:①在open事件回调中进行:②使用slot=‘footer’,dialog的内容是懒加载,但是footer是实时渲染的:③不推荐,可以使用延时器 二.IE家族不支持Promise对象 解决方案: 安装: cnpm install es6-promise 在 main.js 引入 : poly

一.处理兼容性问题的相关插件: 1> 解决移动端某些版本的浏览器,点击事件有3s延时触发的问题 · 安装 fastclick 依赖包:npm install fastclick --save-dev · 在Vue项目的Main.js中将 fastclick 绑定到 body 即可: import fastClick from 'fastclick' fastClick.attach(document.body) 2> 解决部分低版本安卓浏览器不支持 promise (es6新特性)的问题(还有

项目背景:靠近浏览器窗口的各个方向(左上.下.左.右)都有不同的模态框悬浮于窗口,这里针对于底部组件定位的选择(主要针对pc端垂直方向上的定位) 1.百分比:easyui的window窗口定位方式:设置left和top的值即可:(left可直接写指定值px:top不能写px,因为各个分辨率下的浏览器窗口距离上面的值是不固定的.考虑到此top值写成百分数,原以为百分数可以解决此问题了,结果在不同屏幕大小的浏览器窗口中依然有细微差距) 2.js:easyui的window窗口只能设置left和top

1. Vue简介 详细内容可以参考官网Vue.js 1)兼容性 Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性.但它支持所有兼容 ECMAScript 5 的浏览器. 目前ECMAScript 6已经渐渐流行起来,但是有一些浏览器还不完全支持,所以在使用ECMAScript 6时,可以通过Babel转码器进行转换 2)使用方式 (1) 直接用<script>引入 直接在html页面中引入<script>,Vue 会被注册

项目上要兼容IE浏览器(客户要求),发现之前在谷歌浏览器下,操作(增删改查)列表后列表能即时刷新(双向绑定),IE下却不行. 自己调试一下发现,在IE11下,如果GET请求请求相同的URL,默认会使用之前请求来的缓存数据,而不会去请求接口获取最新数据. 另外,在F12开发者模式一直打开着的情况下,是能够正常即时刷新列表的,上面的假设也得到了进一步论证. 解决方法是,给每个请求的URL后加一个时间戳[new Date().getTime()],这样就保证了每一次请求的URL都不同,IE11就会不断

VUE 2020年02月26日06:27:10 复习过Java8新特性之后开始学习VUE. 了解node了之后,来了解一下VUE.针对于学习VUE用什么开发工具这个问题上,我这里有vsCode和webstrom.工具只是工具,大娃用的VScode. 起步 开始一门新技术,如何开始呢?https://cn.vuejs.org/ 我的方法是,打开官网.跟着里边的学. 介绍 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可

相信首次听说MVVM的人,内心都是充满疑惑的!这是个嘛???能干嘛??? MVVM是Model-View-ViewModel的简写.它本质上就是MVC (Model-View- Controller)的改进版.即模型-视图-视图模型.[模型]指的是后端传递的数据.[视图]指的是所看到的页面.[视图模型]mvvm模式的核心,它是连接view和model的桥梁.它有两个方向:一是将[模型]转化成[视图],即将后端传递的数据转化成所看到的页面.实现的方式是:数据绑定.二是将[视图]转化成[模型],即将

MVC和MVVM的qu'bie 1. Mvvm定义MVVM是Model-View-ViewModel的简写.即模型-视图-视图模型.[模型]指的是后端传递的数据.[视图]指的是所看到的页面.[视图模型]mvvm模式的核心,它是连接view和model的桥梁.它有两个方向:一是将[模型]转化成[视图],即将后端传递的数据转化成所看到的页面.实现的方式是:数据绑定.二是将[视图]转化成[模型],即将所看到的页面转化成后端的数据.实现的方式是:DOM 事件监听.这两个方向都实现的,我们称之为数据的双向

一. Mvvm定义 MVVM是Model-View-ViewModel的简写.即模型-视图-视图模型.[模型]指的是后端传递的数据.[视图]指的是所看到的页面.[视图模型]mvvm模式的核心,它是连接view和model的桥梁.它有两个方向:一是将[模型]转化成[视图],即将后端传递的数据转化成所看到的页面.实现的方式是:数据绑定.二是将[视图]转化成[模型],即将所看到的页面转化成后端的数据.实现的方式是:DOM 事件监听.这两个方向都实现的,我们称之为数据的双向绑定.总结:在MVVM的框架下

相信这是两个耳熟能详的词了,MVC广泛的用到了java的各种框架当中,比如Struts2, SpringMVC等,作为B/S架构开发,MVS模式也是我们必须掌握的. mvc一步一步演化之后有了现在的MVVM模式,先从怎么出现MVC模式开始,也是前端的进化史. 一.前端演化 在上个世纪的1989年,欧洲核子研究中心的物理学家Tim Berners-Lee发明了超文本标记语言(HyperText Markup Language),简称HTML,并在1993年成为互联网草案.从此,互联网开始迅速商业化

一.如何去除vue项目中访问地址的# vue2中在路由配置中添加mode(vue-cli创建的项目在src/router/index.js) export default new Router({ mode: 'history', routes: [ { path: '/', name: 'menu', component: menu, children: [ { path: 'organization', component: organization, children: [ { path:

在vue中配置rem 位置:在APP.vue的script中,在export default之外 (()=>{ let winW = document.documentElement.clientWidth, desW = 1440, htmlFont = winW / desW * 100; window.htmlFont = htmlFont; document.documentElement.style.fontSize = htmlFont + 'px'; })() 浏览器的兼容性之Ma

最近在用vue写h5项目,当使用window.location重定向页面或者刷新当前页面时, 发现当刷新网页后,保存在vuex实例store里的数据会丢失. 后来在网上查找大神的解决方案如下: export default { name: 'App', created () { //在页面加载时读取sessionStorage里的状态信息 if (sessionStorage.getItem("store") ) { this.$store.replaceState(Object.as

假如你的前端框架使用了vue,那你可以大胆地使用以下技术,并忽略其他js和css的兼容性问题,因为 关于vue的兼容性 官方给出了规定 Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性.但它支持所有兼容 ECMAScript 5 的浏览器. 参考:https://cn.vuejs.org/v2/guide/installation.html#%E5%85%BC%E5%AE%B9%E6%80%A7 1.抛弃使用cookie,大胆使用loc

package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件),指定了项目的目标浏览器的范围.这个值会被 @babel/preset-env 和 Autoprefixer 用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀.browserslist具体使用方法:https://github.com/browserslist/browserslist Polyfill Babel中useBuiltIns如果设为

// 针对安卓4.4/ios的兼容 import 'babel-polyfill' import Es6Promise from 'es6-promise' require('es6-promise').polyfill() Es6Promise.polyfill() npm install --save-dev babel-polyfill npm install --save promise-es6 注意:babel的作用域一般都是设置的src,要将所有的js文件都放入src内!!! //

解决方案: 安装: cnpm install es6-promise 在 main.js 引入 : polyfill require("es6-promise").polyfill();

ios的自带拼音全键会在输入框中输入拼音,直接在输入框用@keyup="autoInput()"的话,在监听输入事件的时候安卓显示正常, ios就会出现输入显示数据不灵敏 解决办法:放在watch里监听 输入框: html <input type="text" v-model="searchCityModel" placeholder="中文/拼音/首字母" value=""/> js data

低版本的安卓手机可能会白屏,是由新特性不支持引起的 解决代码es6新特性兼容问题 1,npm 安装 npm install babel-polyfill npm install es6-promise 2,main.js 引入  import 'babel-polyfill' import Es6Promise from 'es6-promise' require('es6-promise').polyfill() Es6Promise.polyfill() 3.webpack.base.con

下面是代码:<template>    <div class="ser_home">        <ul class="red_packet" id="red_packet">            <template v-for="(item, index) in liParams">                <li :style="{ left: it