赵海辛的博客:https://github.com/HaixinZhao

本人丑的一塌糊涂,瘦的登峰造极,请别骑着思想的野驴,出卖肮脏的灵魂。Vue2群:32922330、Angular4群:427909088。...

排序:
默认
按更新时间
按访问量

ionic3随笔(一)

首先你需要确保你的电脑安装了node.js,git。。。然后创建一个空文件夹,在文件目录下执行命令(我用的Visual Studio Code,所以这里我直接在IDE里面的终端执行):npm install -g cordova ionic 安装完如下: 然后执行:ionic start myA...

2017-09-14 11:35:50

阅读数:1422

评论数:0

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

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

2017-07-04 11:10:29

阅读数:654

评论数:0

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

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

2017-06-30 17:46:38

阅读数:7919

评论数:3

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

很可能进了个假互联网公司,遇到堆假后台,拦截器沦落到前端写。。。 import axios from 'axios' import vue from 'vue' import store from './../store/index' axios.defaults.headers.post['C...

2017-06-23 16:34:42

阅读数:1127

评论数:1

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

一般项目里,有的会在启动的时候加开屏广告或者闪屏广告。我们是在index.html通过定位来做的。如下: style media="screen"> #entry { width: 100%; height: 100%; z-index: 2...

2017-06-21 14:48:21

阅读数:1352

评论数:1

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

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

2017-06-20 11:00:54

阅读数:13208

评论数:3

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

三级联动,随着越来越多的审美,出现了很多种,好多公司都仿着淘宝的三级联动 ,好看时尚,so我们公司也一样……为了贴代码方便,我把写在data里面省市区的json独立了出来,下载贴进去即可用,链接如下:http://download.csdn.net/detail/zhaohaixin0418/98...

2017-06-06 15:14:51

阅读数:11113

评论数:2

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

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

2017-05-25 13:59:20

阅读数:4213

评论数:6

基于vue2写的左滑删除

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

2017-05-09 17:27:07

阅读数:8081

评论数:5

基于vue2写的上拉加载

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

2017-05-08 11:22:14

阅读数:8745

评论数:4

CSS3自定义滚动条样式

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

2017-04-19 18:50:39

阅读数:2574

评论数:0

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

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

2017-04-12 13:45:59

阅读数:3851

评论数:1

详讲:vue2+vuex+axios

在vue2项目中,组件间相互传值或者后台获取的数据需要供多个组件使用的情况很多的情况下(后台获取数据存入vuex,组件之间共享数据),那么就需要用vuex来管理这些。 整个的流程是在组件的created中提交dispatch,然后通过action调用一个封装好的axios然后再触发mutation...

2017-03-30 17:48:29

阅读数:18796

评论数:9

cookie详解(含vue-cookie)

今天看到一篇cookie的文章,写的特别详细,原文如下: 背景 在HTTP协议的定义中,采用了一种机制来记录客户端和服务器端交互的信息,这种机制被称为cookie,cookie规范定义了服务器和客户端交互信息的格式、生存期、使用范围、安全性。 在JavaScript中可以通过 documen...

2017-03-30 12:00:02

阅读数:7522

评论数:0

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

在线编译器:babel、github 在nongjs中使用 'use strict' let a = 12; 运行node : node --harmony_destructuring  xxx.js 代码块:     用{}包起来的代码块,比如 if for while     特点...

2017-03-27 12:00:38

阅读数:741

评论数:0

angular2之打包

最近总有人问关于打包的= =有的越打越大= =……然后我只好重新测试打包截图了= =,发给大家,方便帮助需要打包的。 项目都完整之后,接下来就是令人头疼的打包问题。第一步在项目根目录下运行ng build(为了方便大家对比,所以先运行此命令),如下: 其次在运行ng build --p...

2017-02-17 11:10:36

阅读数:9063

评论数:5

angular2-英雄指南教程http请求

看这个之前,你要确保你的教程没错,能跑起来。最近好多人都遇到http请求问题。不知道怎么跟后台接口对接。首先,在我们的英雄指南教程里面,有个模拟的假数据,我们不需要导入他,那么在app.module.ts里面,我们需要把导入的angular-in-memory-web-api注释掉或者删掉,同时需...

2017-01-17 13:18:50

阅读数:4244

评论数:0

JQuery手势密码

随着技术的更新,很多人都会头疼,又是手势密码,又是人脸识别= =。。。学海无涯苦作舟啊……手势密码,顾名思义,需要的是canvas的技术,在这里,我把需要用到的js已经上传到资源里面:http://download.csdn.net/detail/zhaohaixin0418/9738860,下载...

2017-01-16 15:45:50

阅读数:1190

评论数:0

详讲H5、WebApp项目中常见的坑以及注意事项

首先我们中会有一些常用的meta标签,如下: 防止手机中网页放大和缩小--> meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1....

2017-01-13 16:54:55

阅读数:1185

评论数:0

纯css3写长方体上下旋转滚动

今天老大让弄个动画- -弄好后,发现兼容不了安卓4.0版本= =不过,可以分享出来给大家看下。。。还蛮好玩的。。。 这个动画特效需要注意的是,我弄的是4个面的,如果你想要6个面的长方体的话,你需要调translatez轴的像数。。(150px)即可。 body{ transform-...

2017-01-09 11:15:22

阅读数:720

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭