关闭

ionic3随笔(一)

首先你需要确保你的电脑安装了node.js,git。。。然后创建一个空文件夹,在文件目录下执行命令(我用的Visual Studio Code,所以这里我直接在IDE里面的终端执行):npm install -g cordova ionic 安装完如下: 然后执行:ionic start myApp tabs 其中myApp是项目名称,tabs是使用的项目模板,然后出现选择的时候,第一个选择...
阅读(219) 评论(0)

修改input的file控件的样式,但是不修改他本身的属性

最近有好几个朋友问过,这file怎么把未选择文件去掉,或者问,怎么修改选择文件那四个字。。。so,我就写出来喽。当然,我只是说方法,具体你们想长成什么样,你们自己修改即可。。其实,一看就会觉得,搜迪斯奈如此简单。。。代码如下: style> .text{ width: 100px; display: block; border:1px solid red; heigh...
阅读(277) 评论(0)

vue2中,根据list的id进入对应的详情页并修改title

一般项目中,我们会遇到有个list。。。然后你随便点击一个,会进入他对应的详情页。。。正常,那个详情页是一个公共的组件,我们只需根据id传值来判断,这个页面显示的是哪个list的数据即可。如图:...
阅读(1749) 评论(0)

vue2项目,前端写请求拦截器和响应式拦截器

很可能进了个假互联网公司,遇到堆假后台,拦截器沦落到前端写。。。 import axios from 'axios' import vue from 'vue' import store from './../store/index' axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencode...
阅读(337) 评论(1)

vue2手机APP项目中,加入开屏广告或者闪屏广告

一般项目里,有的会在启动的时候加开屏广告或者闪屏广告。我们是在index.html通过定位来做的。如下: style media="screen"> #entry { width: 100%; height: 100%; z-index: 200; position: relative; } #entryAdv { display: non...
阅读(411) 评论(1)

vue2整个项目中,数据请求显示loading图

一般项目中,有时候会要求,你在数据请求的时候显示一张gif图片,然后数据加载完后,消失。这个,一般只需要在封装的axios中写入js事件即可。当然,我们首先需要在app.vue中,加入此图片。如下: template> div id="app"> loading v-show="fetchLoading">loading> router-view>router-view>...
阅读(3794) 评论(1)

Vue2中的省市区三级联动(仿淘宝)

三级联动,随着越来越多的审美,出现了很多种,好多公司都仿着淘宝的三级联动 ,好看时尚,so我们公司也一样……为了贴代码方便,我把写在data里面省市区的json独立了出来,下载贴进去即可用,链接如下:http://download.csdn.net/detail/zhaohaixin0418/9862255。 首先页面显示如下: 然后我们县级所在地区会出现三级联动,如下:(以下是片段,背景...
阅读(3520) 评论(1)

随笔:vue2项目结构以及优化(着重是路由)

状态不太好,没办法集中精神开发。碰巧总有人问我路由配置以及项目结构问题,所以就来整理一些东西,只是一些随笔,方便自己以后查看。有不足之处,或者您有更好的方案,希望您不吝啬教给我。可留言,可加qq:979976770(非工作日,不上QQ,请勿骚扰,谢谢合作)。 一般大都会用vue-cli+webpack来构建项目,我也如此,最初的结构如下图: 首先我们需要说的是build,config,st...
阅读(1575) 评论(6)

基于vue2写的左滑删除

左滑删除,很多UI框架里有,比如Mint-UI, Muse-UI等,一开始我们就是用的这两个,但是我们需求是要:左滑的时候出现img然后来实现点击删除,如下: 因为用UI框架,还得改底层代码= =所以,我们小组就直接写了一个- -,心累……此组件多地方使用,所以建议还是放到common下。。 template> div class="left-delete"> ...
阅读(3464) 评论(0)

基于vue2写的上拉加载

因为我们项目中,还用了swiper。。。很多都是滑动切换的,但是又得上拉加载,所以导致,很多UI框架,我们用了,都有不同的bug出现,没办法,最后写了一个。代码如下(这个因为很多地方会用,所以建议放在components/common下面): template> div class="loadmore"> slot>slot> slot name="b...
阅读(4347) 评论(4)

CSS3自定义滚动条样式

有的公司或许会要求做个好看的滚动条,这时候,我们就需要来自定义滚动条,但是IE跟别的是不一样的。所以,在下面的文章中,会有两种不同的方式来自定义滚动条样式。 webkit浏览器css设置滚动条:(下面是他的7个主要的属性) ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端的按钮(滚动条轨...
阅读(1136) 评论(0)

vue2导航根据路由传值,而改变导航内容

在项目中,一般我们的导航都是长的基本一致,只是内容会根据上个页面的内容而改变。那么我们只需要把顶部导航作为独立的公共组件,这样方便哪里需要哪里引入组件即可。公共导航代码如下:(mineHeader.vue) template> section class="listHeader"> section class="header" @click="back()"> src="...
阅读(2329) 评论(0)

详讲:vue2+vuex+axios

在vue2项目中,组件间相互传值或者后台获取的数据需要供多个组件使用的情况很多的情况下(后台获取数据存入vuex,组件之间共享数据),那么就需要用vuex来管理这些。 整个的流程是在组件的created中提交dispatch,然后通过action调用一个封装好的axios然后再触发mutation来提交状态改变state中的数据,然后在组件的计算属性中获取state的数据并渲染在页面上 首先新...
阅读(9726) 评论(8)

cookie详解(含vue-cookie)

今天看到一篇cookie的文章,写的特别详细,原文如下: 背景 在HTTP协议的定义中,采用了一种机制来记录客户端和服务器端交互的信息,这种机制被称为cookie,cookie规范定义了服务器和客户端交互信息的格式、生存期、使用范围、安全性。 在JavaScript中可以通过 document.cookie 来读取或设置这些信息。由于 cookie 多用在客户端和服务端之间进行通信,所以除了...
阅读(3971) 评论(0)

ES6学习随笔--字符串模板、解构赋值、对象、循环、函数、Promise、Generrator

在线编译器:babel、github 在nongjs中使用 'use strict' let a = 12; 运行node : node --harmony_destructuring  xxx.js 代码块:     用{}包起来的代码块,比如 if for while     特点:只能在代码块里面使用     var 只有函数作用域,可以重复声明,...
阅读(447) 评论(0)
31条 共3页1 2 3 下一页 尾页
    个人资料
    • 访问:62036次
    • 积分:916
    • 等级:
    • 排名:千里之外
    • 原创:30篇
    • 转载:1篇
    • 译文:0篇
    • 评论:31条
    文章分类
    最新评论