在v-for循环里 <ul class="project_content"> <li v-for="(item, index) in items" :key="index" v-if="index%2==0"> <div class="project_wrap clearfix"> <router-link :to="{path:'/detail',que

安卓和ios拦截h5点击事件,这个函数事件必须是暴漏在window下的 安卓和ios拦截普通h5函数: <div onclick = "show(),window.android.show()"></div> <script> function show(){ //如果需要传值,可以在show里添加参数,在上面的点击事件中直接进行传值就好 alert(1) } </script> vue函数并没有直接暴漏在window下,vue的点击事件

背景简介 vue使用vue-router时,默认的地址并不美观,以#进行分割,例如:http://www.xxx.com/#/main. 为了访问地址能像正常的url一样,例如:http://www.xxx.com/user/id. 按照官网介绍,使用 history 模式.但是却产生了问题. 问题 因为我们的应用是单页客户端应用,当用户在浏览器直接访问http://www.xxx.com/user/id时,刷新页面的时候,会返回404错误. 问题原因 服务端URL匹配不到相应的路由资源 解决方

使用了 mint-ui sass vue fastclick vue router 一个项目的初始化状态,一个新项目,陆陆续续花了2天时间搭起来的. 里面有mint-ui的基本用法 tabbar 还有 vuex的基本用法, scss的初始化代码,还有一些方便的工具包. Project setup yarn install Compiles and hot-reloads for development yarn run serve Compiles and minifies for produc

methods:{ inputBlur () { // window.scroll(0, 0); setTimeout(() => { // alert(1); if (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA') { return; } if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { /

签名首先用一个canvas标签,上面加三个代码,分别是点击,移动,离开.这里点击是开始画笔的地方,如果不加@touchstart 笔头会发生偏移,可以试试. @toucheend也是如此.尾巴也会出现偏移,  签名最重要的地方是移动,@touchmove . 这里比较重要的是,this.top  ( 距离顶部距离)和this.i( 滚动条滚动的距离 )  .它这个移动产生偏移量是可能有俩种原因,第一是产品需求是要放中间,距离顶部有一些距离,这时候,画布是离顶部有一定距离的.签名是产生偏移,解决方

在index.html里面写 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> ios中还要添加: <script>window.onload = function() { document.addEventListener('touchstart', function(event

需求:需要把左侧的数据表,拖拽到右侧的表关联区域 左侧数据表HTML: <h3 class="data-block">数据表</h3> <a-input-search placeholder="输入关键词搜索" @search="handleSearchTable" style="width: 90%;" /> <p style="margin-top: 10px;"

-----html部分------ <swiper vertical :style="{height: windowheight+'px',width:375+'px'}" class="swiper-top" @change="playNow"> <swiper-item v-for="(item1,index1) in ['1','2','3']" :key ="index1">

今天的H5技术越来越成熟了,H5制作变得越来越简单化,尤其是H5制作工具(http://wcd.im/?_ta=2787)领域,基本上已经形成一条比较完整的产业链,所以对当下的企业来说,如果仍未体验过H5在营销方面的巨大优势,那等同于让商业机遇白白流失. 目前的H5,基本是通过H5制作软件将各种多媒体技术效果融为一体的,它在移动端就相当于一个非常轻型的web网页,大多被企业运用作企业宣传.商业促销.品牌创意展示等.可是在H5制作层出不穷的今天,H5怎么制作才能更有创意,如何才能有效的帮助企业击中

在vue中,我们可以把一个页面各个部分单独封装起来,做成各种小组件,然后加载,这样的好处是代码维护起来比较容易,重复的代码多处调用! 在一个vue项目中,单文件组件以.vue形式文件命名 每个组件之间,都能建立起关联,然后最后通过webpack打包编译就好 下面有两个组件a.vue和b.vue <h5>我是a组件</h5> <button @click="et">点我</button> <h2>{{number}}</h

1.修改 router/index.js 添加一行 base: 'admin', 2.然后修改 config/index.js 增加一行 const assetsPublicPath = '/admin/' 然后修改 下面两处  assetsPublicPath 的值为定义的变量 3.部署时,通过NGINX的反向代理 首先,给需要部署的项目定义一个 NGINX 的 server server { listen ; location / { # vue h5 history mode 时配置 tr

小伙伴们在用vue开发h5项目特别是移动端的项目,很多都是打包后挂载在原生APP上的,那就少不了与原生交互了,我最近就是在坐这个,踩了一些坑,拿出来给大家分享下. 0.通过url传输数据:(一般是在入口页面传下app的用户信息进来供vue h5使用) methods: { // 接收url后的数据 urltext() { let loc = let n1 = loc.length;//地址的总长度 let n2 = loc.indexOf("=");//取得=号的位置 let outT

weex框架的使用 1.weex开发入门 2.weex开发环境搭建 3.掌握部分weex组件模块 4.了解一些vue基本常见语法 5.制作一个接近原生应用体验的app weex介绍 安装开发环境 Weex样式,内建组件,模块和事件 html,JavaScript,Css的概念 weex开发环境的搭建 安装依赖 node.js npm install -g weex-toolkit weex -v npm install -g weex-toolkit Weex init project 安装依赖

当今世界不会Vue.js,前端必定路难走 一个JavaScript MVVM库 以数据驱动和组件化的思想构建的 Vue.js是数据驱动 HTML/CSS/JavaScript/ES6/HTTP协议/Vue/微信小程序/Node/Express/MySQL/ 面向对象/设计模式 标签之间有空格怎么处理? CSS3新特性 word-wrap:break-word; text-shadow: 5px 5px 5px #ff0000 box-shadow: 10px 10px 5px #888888 b

序言 为了统一前端的技术栈问题,技术开发二部规定开发技术必须以Vue为主. 为了更好的规范公司的前端框架,现以我前端架构师为主,编写以下开发规范,如有不当的地方,欢迎批评教育并慢慢改善该开发文档,谢谢合作. 我们在做产品不只是实现功能,还要考虑到以后的优化升级,那么就需要一套标准的代码规范,使得代码易懂,养成代码规范的习惯,有助于程序员自身的成长.那么我们现在就来谈谈,前端代码的规范. 一.编码规范 1.样式文件命名说明 注:[css处理程序统一使用stylus,并放在“src/common/s

同事封装了一个弹窗组件,觉得还不错,直接拿来用了: gif图展示: 弹框组件代码: <template> <transition name="confirm-fade"> <div @touchmove.prevent v-if="isShowConfirm" class="my-confirm" @click.stop="clickFun('clickCancel')"> <div

早上好,骚年,我是小 G,我的公众号「菜鸟翻身」会推荐 GitHub 上有用的项目,一分钟 get 一个优秀的开源项目,挖掘开源的价值,欢迎关注我. 近年来,随着移动智能设备的快速普及,移动多端统一开发框架已成为一个热门话题,这里为你整理了 4 个 Flutter 优质的开源项目,希望对你有帮助. Flutter 精仿抖音 Flutter 精仿抖音开源了,左滑搜索,右滑个人中心,上下滑动刷视频,双击点赞冒爱心,无敌精仿,感谢点 Star. 应用截图 实现功能 上下刷视频,视频会自动加载封面 左右

常见注入手法第一讲EIP寄存器注入 博客园IBinary原创  博客连接:http://www.cnblogs.com/iBinary/ 转载请注明出处,谢谢 鉴于注入手法太多,所以这里自己整理一下,每个注入单独一片博客.方便大家简单理解. 但是有的注入可能需要需要注入方法的相结合,什么意思,也就是说以前我们写的汇编代码注入,原理就是通过远程线程注入得来的 所以前提你就要理解远程线程注入 今天我们讲一下EIP寄存器注入.我们上一讲是 异常处理(SEH)第一讲,但是中间岔开了,也是为了整理一下注入

使用cordova打包vue2(webpack)app for android ios1.vue项目通过vue-cli脚手架建立项目,使用webpack进行打包,下边是一整套命令. #npm 版本最好是最新的,升级npm,node版本也有要求 npm i -g npm # 安装脚手架 npm install -g vue-cli #初始化新建项目 vue init webpack vue-app # install dependencies # config/index.js 里可以修改端口 n

http://mpvue.com/mpvue/ 美团开源了mpvue 由于mpvue框架是完全基于Vue框架的(重写了其runtime和compiler) 运行时框架 runtime 和代码编译器 compiler 实现 mp:mini program 的缩写 mpvue:Vue.js in mini program mpvue-loader 提供 webpack 版本的加载器 mpvue-webpack-target webpack 构建目标 postcss-mpvue-wxss 样式代码转换