发布了文章2019-05-16
首先介绍一下本项目的背景,是基于 vue-cli3.1.1 的单页应用,目前测试环境和生产环境都在线上,并且都在同一个域名下,其中生产环境部署在根目录下,测试环境部署在名为 test 的子目录下,根据生产环境和测试环境的不同,某些界面和交互有细微的差别。
赞了文章2019-05-15
发起一个github/npm工程协作项目,门槛太高了!! 最基础的问题,你都要花很久去研究: 如何在项目中全线使用es2017代码? 答案是babel 如何统一所有协作者的代码风格? 答案是eslint + prettier 如何测试驱动开发,让项目更健壮? 答案是jest 如何持续化集成,方便...
发布了文章2019-04-09
最近做项目才发现,我确实对 vue-router 太不熟悉了,都只了解个简单用法就开始搞了,本来很简单的问题,都搞不清楚。现在重新看一遍文档,重新梳理一下。
赞了文章2019-01-03
Touch 轮播图 touch轮播图其实就是通过手指的滑动,来左右切换轮播图,下面我们通过一个案例,来实现下。 1. html 结构 结构上,还是用ul、li来存放轮播图片,ol、li来存放轮播小圆点: 2. 样式初始化 html的一些标签,都会有一些默认样式,比如body标签默认是有一个...
赞了文章2018-09-14
要实现上图的效果看似很简单,实则暗藏玄机,本文总结了一下CSS实现水平垂直居中的方式大概有下面这些,本文将逐一介绍一下,我将本文整理成了一个github仓库,欢迎大家star
赞了文章2018-09-14
还是不会配置使用mock,就推荐用easymock,所有前端项目都可以用管你啥jb框架,统统都搞定ojbk。就有人问了,easymock,为啥要本地部署啊,在线用不行吗?(当然行,你说啥都是对的)
赞了文章2018-09-13
公司现在在移动端使用webuploader实现图片上传,但最近需求太奇葩了,插件无法满足我们的PM经过商讨决定下掉这个插件,使用H5原生的API实现图片上传。
赞了文章2018-09-10
最近要搞前端html转pdf的功能。折腾了两天,略有所收,踩了一些坑,所以做些记录,为后来的兄弟做些提示,也算是回馈社区。经过一番调(sou)研(suo)发现html导出pdf一般有这几种方式,各有各有优缺,下面简单介绍。
赞了文章2018-09-05
工作中经常会遇到这样的需求:1.购物车列表中勾选某些,点击任意一项,前往详情页,再返回购物车依旧需要呈现勾选状态2.勾选人员后,前往别的页面,再次返回,人员依旧程勾选状态3.等等....
赞了文章2018-08-31
当我们在操作 DOM 事件的时候,为函数添加 debounce 或者 throttle 就会尤为有用。为什么?因为我们在事件和函数执行之间加了一个我们自己的控制层。记住,我们是不去控制这些 DOM 事件触发的频率的,因为这个可能会有变化。
赞了文章2018-08-29
一、何谓解构赋值? 1. 基本概念 首先我们看一下MDN给的定义 解构赋值语法是一个 Javascript 表达式,这使得可以将值从数组或属性从对象提取到不同的变量中 从定义中,我们可以发现:解构赋值的作用是对变量进行赋值主要通过两个方面实现这个作用 数组【将数组中的值...
赞了文章2018-08-27
有时候在页面的某个模块中,需要无限循环的滚动一些消息。那么如果我们用js实现无缝衔接滚动的思路是什么呢(比如我们这个模块是向上滚动的)? 克隆A一份完全一样的数据B放在原数据A的后面; 使用setInterval向上滚动A的父级容器; 当向上滚动的距离L正好的A的高度...
赞了文章2018-08-23
准备 利用vue-cli脚手架创建项目 进入项目安装vuex、axios(npm install vuex,npm install axios) axios配置 项目中安装axios模块(npm install axios)完成后,进行以下配置: main.js {代码...} loading组件 我这里就选择使用iview提供的loading组件, {代码...} ...
赞了文章2018-08-22
我们一开始定义的 someStr属性是定义在option.data中的, 我们想要 myMvvm.someStr这样赋值的时候和option的data相关联, 需要中间做一个代理,修改代码
赞了文章2018-08-18
作者:xiaoyu 微信公众号:Python数据科学 知乎:python数据分析师 七夕礼物 一年一度的七夕节又到了,每年重复的过,花样各种有,很多男同胞又开始发愁了,该准备点什么呢?前一段时间非常火的电影 “西红市首富” 突然给了我点灵感,男主全城放烟花俘获了女主的芳心...
赞了文章2018-08-17
前不久在 掘金 上看到一篇文章,前端 PS 切图方法,图文详细,相信每个前端都经过这种最原始的切图手法,不禁想起自己以前刚入门那会懒得切图,直接QQ截图,现在想起来真是初生牛犊不怕虎,怎么方便怎么来。。。
赞了文章2018-08-17
wx.request是小程序提供的API,用于发起网络请求,在频繁并且响应较慢的业务中的请求,页面白屏或者loading时间也相应比较长,然而合理的利用缓存是个很好提升界面响应速度,减少网络资源占用的手段。mrc提供2种换成模式用于业务中使用
发布了文章2018-08-17
在微博看到别人转发的这篇文章,里面的每一点都觉得非常实用,就决定翻译一下,也算是给自己存个档,加深一下印象。毕竟作为一个前端页面仔,页面UI的美化也是我们的工作,而且还会经常会被要求在页面上加个这个或者加个那个,没有设计稿直接整页面也是常有的事,了...
赞了文章2018-08-16
首先,JavaScript是一个单线程的脚本语言。 所以就是说在一行代码执行的过程中,必然不会存在同时执行的另一行代码,就像使用alert()以后进行疯狂console.log,如果没有关闭弹框,控制台是不会显示出一条log信息的。 亦或者有些代码执行了大量计算,比方说在前端暴力...
赞了文章2018-08-13
目录: 截取指定字节数的字符串 判断是否微信 获取时间格式的几个举例 获取字符串字节长度 对象克隆、深拷贝 组织结构代码证验证 身份证号验证 js正则为url添加http标识 URL有效性校验方法 自定义jsonp方法 cookie操作 生成随机字符串 (可指定长度) 浏览器判断 Rem移...