vue使用过程中遇到的细节问题】的更多相关文章

1. 在methods 中添加一个方法.如果这个方法使用箭头函数的话,箭头函数中的this不是当前的vue实例,所以通过this.xxx是获取不到实例上面的属性的,这时我们可以用函数的简写来获取到实例上面的属性 2. vue中的v-for循环不能放在根元素上 以下是示例 <template> <div class="schedule" v-for="cur in schedule"> {{ 我是例子 }} </div></t…
目录 一.vue监听不到state数组/json对象内的元素的值的变化,要手动通知触发 二.vue用splice删除多维数组元素导致视图更新失败情况 三.vue项目如何部署到php或者java环境的服务器? 四.vue-router各种路由及跳转 五.vue-router如何取参? 六.vue中如何深度watch? 七.vue生命周期及所有东西 八.vue-router路由拦截中间件 九.axios请求拦截中间件处理 十.autoprefixer版本设置不能使用默认,browsers: ['la…
这些也是自己平时项目中遇到过的一些问题,看到有人整理了出来,也就转载保存一下 文章内容总结: 组件style的scoped Vue 数组/对象更新 视图不更新 vue filters 过滤器的使用 列表渲染相关 深度watch与watch立即触发回调 这些情况下不要使用箭头函数 路由懒加载写法 路由的项目启动页和404页面 组件style的scoped: 问题:在组件中用js动态创建的dom,添加样式不生效. 场景: <template> <div class="test&qu…
前言 这段时间,本人自己做了一个vue画面部署到自己的服务器上,发现运行速度慢的的惊人,虽然服务器很渣(本人没什么钱,只能租最差的服务器,主要是给自己学习用的),但是这样开发出来的网站简直不能用,所以就查阅各种资料和网站,一步一步把代码包优化.这篇文章主要是把我调优的过程记录下来. 项目的基础框架是通过TypeScript官网取得的.各种基础框架模版 项目的构成 vue + ant-design + mysql + TypeScript vue项目地址 最后,关于如何在vue里面实现按需加载,请…
目录 1 webpack简介 2 webpack实现多个输入输出多个html 3  webpack 中的module下rules 下的use和loader选项 4 webpack 文件更新,如何使页面重新加载,而不是使用缓存,hash(版本号更新) 5 webpack output 里面的publicPath 6 webpack热加载 热更新 热替换 7 webpack dev-server 和nginx服务器之间的关系 8 webpack 构建的vue项目总是会出现内容先于样式出现的很乱的页面…
异常显示的原因: 这是由于浏览器的渲染机制导致的,浏览器是从头到尾  如果你的js引用在底部,那么浏览器会先加载dom此时,你用于渲染的{{}}识别符,因为还没读到该识别符对应的js文件,所以会被解析为字符串而显示在页面中 解决方案: 可以用过自定义属性v-cloak解决, 第一步:在css中给定义属性选择器          [v-cloak]{  display:none } 第二步:在对应标签中加入 v-cloak:         例如:<div id="wrap"  v…
需要安装npm git(windows系统需要安装) npm 是node的包管理工具 npm 国内的网站比较慢,推荐使用cnpm(淘宝的镜像) cnpm(npm) install 创建依赖-----因为package.json中有 run dev 启动项目 其实是执行的是node bulid/dev-derver.js 在package.json中的有 .vue其实就是vue的一个实例 在创建vue实例时,不能使用h5内部原生的标签名进行命名,否则会报错 使用vue-cli 和webpack搭建…
今天用Python写了个简单的爬虫程序,抓取虎扑篮球(nba.hupu.com)的首页内容,代码如下: #coding:gb2312 import urllib2, re webpage = urllib2.urlopen('http://nba.hupu.com') text = webpage.read() m = re.search('<a href=(.*) (.*)?>彩票</a>', text) print m.group(1) 按照预想应该输出的结果是"ht…
一:全局包: 用在终端里面 你可以在任何目录下进行安装,安装好了全局包之后,全局包一般安装在 C:/program files/nodejs C:/用户/xxx/App Data/Roaming/npm npm i 全局包 -g 二:本地包: 用在当前的项目里面 必须切换当前根目录,进行安装 npm i 本地包 -D/-S -D 代表你安装的包是在开发阶段使用的 -S 代表你安装的包是在生产阶段使用 比如: 三:关于package.json的生成 切换到根目录,在终端中输入 npm init -…
1.阻止旋转屏幕时自动调整字体大小 html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:100%; } 2.去掉input在ios下的默认效果 input{ resize: none; -webkit-appearance:none; } 3.去掉手持设备点击时出现的透明层 a,button,input{ -webkit-tap-highlight-color: rgba(0,…
1.给router-link添加点击事件 <router-link to="" @click.native=""></router-link> 其他事件也是如此,直接加没有效果,必须加上native 2.js跳转 (1)返回上一级 this.$router.go(-1); (2)返回下一级 this.$router.go(1); (3)返回任意页面 this.$router.push("/aaaa"); (4)返回上一个路…
测试结果集:select role_id,update_date from user_info where role_id='6505007898843021313' 使用last_value求出当前role_id的最大的update_date.select role_id,last_value(update_date)over(partition by role_id order by update_date) from user_info where role_id='65050078988…
用vue也有一两年了,始终对vue一知半解,不怎么了解内部的执行过程,最近在看vue源码,还是不少收获的,其中不乏浏览器事件轮询机制.闭包.设计模式等,还是非常值得一读.本篇简要记录下vue的初始化过程,具体初始化过程及内容的时序如下图所示:…
1,在配置package.json下载node依赖包时,执行$cnpm install过程中,这个过程是比较漫长的,尤其的这种core i5配置的电脑,简直有点卡的人怀疑人生,后来动了下有消息输出,我以为下载安装完毕了呢,然实际并木有,真正的安装结束是会有下一行的路径出现时,才算真正的安装结束,如果提前结束,安装依赖是不完全的,所以在,$cnpm run dev时候就会出错.出错不要紧,重要的是坚持去发现错误,改正错误,最后,我对待问题的态度还是不错的.仅此鼓励在前端道路上前进中的朋友们. 2,…
关键代码 主要解决vue双大括号{{}}在数据渲染和加载过程中的闪动问题,而影响客服体验. html代码: <span class="tableTitle selftab" v-cloak>{{overview.contractCost+overview.changeAuditMoney}}</span> css: [v-cloak]{ display: none;}…
关于在 vue 中 使用 axios 相关 bug 首先,我们来看下 axios 的 github 传送门 axios 然后我们再介绍下 axios 的作者的 github 传送门 Matt 最后,我们去看看 axios 的官方文档 axios-doc 至于在 使用 axios 过程中 post 请求无法发送成功 的bug 解决方案提供 因为原来没写完,被吐槽了. 最近有时间了,我来完善下这篇文章吧.. 看来大家的问题都比较的多,最好的解决方案还是去 github 上去查看 axios 的 is…
在做项目的过程中,目前主要遇到了以下几个问题: 一.样式问题 1.样式中使用scoped的问题: 主要表现在从一个页面跳到另一个页面时,第二个页面的样式不能正确显示,通过刷新才能恢复页面的预定样式. 究其原因,是因为如果浏览器在加载了上一个页面的样式时,在跳到第二个页面时,css样式文件是懒加载的,上一 个页面的样式还是会作用到当前的页面,尤其是使用了组件框架时,当大量的以标签作为选择器的样式存在时,就会 使页面产生混乱. 2.解决方案 <1>所有页面统一在style标签内使用scoped属性…
开篇介绍 最近有人问我有关文件处理中空值处理的相关问题: OLE DB Destination 中的 Keep Nulls 如何控制 NULL 值的显示? 为什么选中了 Keep Nulls 但是数据库中没有 NULL 值? 为什么在 Flat File Source 中勾选上了 Retain null values..但目标表上显示的是一个当前日期,而不是 NULL ? 单开此文来解释这些非常容易混淆的概念. 项目需求和文件处理中的问题 在比较纯粹的 ETL 项目中都会碰到对空值的处理,特别是…
Ubuntu中的默认浏览器是Firefox,但是一直以来都认为Chrome更加优秀.下面记录一下在Ubuntu下安装Chrome的过程,也回顾一下Ubuntu系统中的一些细节. 大多数Linux安装软件的方式有这样几种: 1. 使用软件包管理器,在Ubuntu下就是apt(Ubuntu16.04后)或者apt-get命令,其他版本Linux也有自己的不同包管理器,如CentOS使用yum命令.使用软件包管理器需要连接网络,从网络仓库中下载安装,并能够自动处理依赖关系,这是首选方式.不过有些软件包…
在用vue做项目过程中,需要用到vue.js devtools,在从github上面clone下来代码,然后再npm install ,过程报错,然后更新npm包也是会有问题,以下是install的问题,npm cache clean --force 也是没用的,好在最后问同事,windows版本蓝灯下载重装,最后再谷歌应用商店添加了拓展程序.从昨天到今天上午,至此这个问题才搞定,用这个工具主要是为了方便整个项目 vuex的状态查看.…
如果有以上结构的plist文件,那么应该怎么将其中的字典转换成模型? 显然一个模型已经无法搞定了,此时需要用到双数据模型(字典转模型). 我写了两种方式来实现模型的转换: 方法一 第一个模型:CarModel 两个属性: @property (nonatomic,copy)NSArray *cars; @property (nonatomic,copy)NSString *title; 第二个模型:InnerCarModel 三个属性: @property (nonatomic,copy)NSS…
CSS主要用于对HTML文件功能的补充及扩展,其作用就是对HTML文件中各种排版进行设置,达到对网页中字体.颜色.背景.图片等的控制,使网页能够完全依照设计者的想法来显示. CSS可以控制网页的显示,HTML标签中的属性也可以控制其显示,为什么还要有CSS呢?其中一个原因就是:以前几乎一个人就可以完成一个网站的设置,非常的简单,现在不是了,一个网站需要很多的人一起工作才可以完成,如果每个人都按照自己的喜好制作网页,那么开发出来的网页的风格就会不一样,那么这些网页很难放在同一个网站中了,CSS可以…
今天在配置Redis集群,用作Tomcat集群的缓存共享.关于Redis集群的配置网上有很多文章,这里只是记录一下我在配置过程中遇到的一些小的细节问题. 1. 关于Protected Mode的问题 在Redis-Server启动的时候,如果没有修改配置文件或者没有指定配置文件,默认是Protected Mode.我理解的所谓的Protected Mode就是:如果没有设置密码,那么就不允许从其他机器访问. 如果想关闭protected mode,那么需要找到类似下面的一行配置 protecte…
从输入 URL 到浏览器接收的过程中发生了什么事情? 原文:http://www.codeceo.com/article/url-cpu-broswer.html 从触屏到 CPU  首先是「输入 URL」,大部分人的第一反应会是键盘,不过为了与时俱进,这里将介绍触摸屏设备的交互. 触摸屏一种传感器,目前大多是基于电容(Capacitive)来实现的,以前都是直接覆盖在显示屏上的,不过最近出现了 3 种嵌入到显示屏中的技术,第一种是 iPhone 5 的 In-cell,它能减小了 0.5 毫米…
攻关失败,且短期内看不到希望,看不到方向,且越来越焦急,目前已知的是,用根据用户的鼠标事件以一定的规则结合其他数据,服务器以这些数据验证是否为真正的手动发贴. 不过闲暇时实现了百度贴吧的自动签到. 较难的点 1:首先是JS被压缩混淆,无语义追踪,很难记录工作过程,多项之间来回跳转,眼花头疼. 2:再一点是,百度完整的封装了一套事件逻辑,任何的事件经由这一层封装组织数据再向下传递,这过程中很绕,这个全局混淆后的标志是H. 3:因为鼠标移动事件也经由这套逻辑,所以调试捕捉很困难(而发贴验证的核心心就…
更新时间2014年11月13日  本博文创建时,只有Xcode6.0, Xcode6.0尝试多次,确实如此 之后在6.1版本经博主少量尝试,确实也有如下问题,现更新下博客! iOS8发布之后,苹果强制要求#iPhone6适配#,于是就不得不升级Xcode6.0了,但是发现上传过程遇到了许多不必要的困难,而且丝毫无技术含量,完全是大bug,详情见下:   本文永久地址为 http://www.cnblogs.com/ChenYilong/p/3989010.html,转载请注明出处.  用Xcod…
最近我突然对网络爬虫开窍了,真正做起来的时候发现并不算太难,都怪我以前有点懒,不过近两年编写了一些程序,手感积累了一些肯定也是因素,总之,还是惭愧了.好了,说正题,我把这两天做爬虫的过程中遇到的问题总结一下: 需求:做一个爬虫,爬取一个网站上所有的图片(只爬大图,小图标就略过) 思路:1.获取网站入口,这个入口网页上有很多图片集合入口,进入这些图片集合就能看到图片链接了,所以爬取的深度为2,比较简单:2.各个子图片集合内所包含的图片链接有两种形式:一种是绝对图片路径(直接下载即可),另一种的相对…
ionic 运行过程中动态切换API服务器地址 keywords: ionic,phonegap,cordova,网络制式,动态切换,变更,API,服务器地址,$resource,localstorage,url 场景.需求 场景 APP以项目的形式提供,一个客户需要部署一套服务器,一个APP,所以APP的后台服务器地址不能写死.而且要求如果有wifi且在内网,需要用内网服务器地址,如果用3G或者4G,则需切换为外网服务器地址 需求 APP第一次运行,如果没有设置过服务器地址,需要设置好后台服务…
iOS下KVO使用过程中的陷阱   KVO,全称为Key-Value Observing,是iOS中的一种设计模式,用于检测对象的某些属性的实时变化情况并作出响应.网上广为流传普及的一个例子是利用KVO检测股票价格的变动,例如这里.这个例子作为扫盲入门还是可以的,但是当应用场景比较复杂时,里面的一些细节还是需要改进的,里面有多个地方存在crash的危险.本文旨在逐步递进深入地探讨出一种目前比较健壮稳定的KVO实现方案,弥补网上大部分教程的不足! 首先,假设我们的目标是在一个UITableView…
Vue在MVC中的进行前后端的交互 Preface: 由于最近在研究前端相关的技术,作为前端非常优秀的框架Vue,个人在学习的过程中遇到一些问题,网上相关资料有限,所以在这这里总结一下个人使用Vue的一点经验,以便后来者借鉴! 官方文档:Vue.js 使用Vue在ASP.NET MVC中进行前后端交互在阅读下面的文章之前你需要先了解一下Vue官方推荐的前后端交互的插件: 1.resource(官方在2.0版本之后取消了对此插件的维护) 2.axios 注:这里使用的都是异步的插件,因为这样才会在…