首先，我们做了一个H5页面，在各种手机浏览器中打开都没问题。我们采用了rem单位进行布局，通过JS来动态计算网页的视窗宽度，动态设置html的font-size，一切都比较完美。 这时候，你自信满满的将h5地址交给了APP工程师，做了一个WEBVIEW嵌套，然后就顺利交工了。 …

如今前端工程师的要求越来越高了，需要掌握的技术点越来越多了，会一些基本的前端技能完全适应不了快速变化的前端领域了。接下来我将从零实现一个自己的UI组件库并发布到npm上，提供给需要的朋友参考也总结下自己对封装组件的理解方便以后复习。 先本地全局安装node环境，vue的运行是依…

最近在做后台管理页面，因为对样式没有特别多的要求，最终选择了element-ui组件库结合vue技术栈方法进行开发，页面功能相对统一，主要功能点是表单的验证，前期已经有大佬对element表单验证进行了封装，开发只要拿来直接调用就好了，但是期间也遇到了一些小问题，在此简单记录下…

今天圣诞节,先预祝大家节日快乐.既然是圣诞节,那我们就来学点有意思的,用几十行代码来实现一个高性能的抽奖小游戏.也基于此,来巩固我们的javascript基础,以及前端一些基本算法的应用. 由于目前已有很多方案可以实现九宫格抽奖动画,比如使用动态active实现边框动画,用随机…

有次看电影🎬， 看到屏幕上一个个的文字蹦出来， 感觉像是有人在打字一样， 觉得挺有意思， 于是这里也用js实现了一个。 通过setTimeout设置一个时间的间隔， 每隔一定时间向dom中插入对应的数据， 并将index加1， 然后重新调用这个写函数。 通过css3的anim…

各位掘友,好久不见,最近利用工作之余开源了Vue电商项目,高仿某知名O2O买菜平台,整个项目做下来收获还是蛮多的,可以扫描下方二维码体验,本篇是项目的核心知识拆解篇,主要是拆解增加商品飞入购物车的实现过程。 整个项目采用vue-cli3脚手架搭建,Vue全家桶(vue、vuex…

因为表格是可添加行的，而每条数据对应的字段在表格中是一样的，然后在做表单验证的时候数据的key必须要唯一的，而且得是对象，这两个数据的数据格式是不同的，我是这样想的，只要解决了映射关系，问题就能解决了。所以想出了下面的方法 好了，目前算是已经解决这个需求了，不知道有没有小伙伴有…

最近有个朋友在面试过程中遇到一个问题：什么是防抖和节流？糟了，这可触碰到我的知识盲区了，好像听也没听过这2个东西，痛定思痛，赶紧学习学习。 输一个手机号要触发11次事件！！如果是联想搜索的话。。。那画面太美！ 我们先自己想一下办法来解决这个问题。 基本思路：输入绑定事件getP…

本文同步自 wing 的地方酒馆 《交互炸了》或许是一系列高端特效教程， 文中会介绍一些比较炫酷的特效, 以及实现的思路。特效实现本身也许不会有太大的难度。难点在于实现的思路。一旦思路被打开，特效将很简单实现。 DragPhotoView 项目地址 https://github.com/…