基于jquery的弹幕实现

前几天,需要做一个弹幕展示效果,看了网上很多资料,但是很不凑巧,都不能满足自己的需求和功能点,但是总不能放弃吧,那么就自己写一个,今天把成果分享给大家,首先说一下市面上比较流行的弹幕插件吧: 1.有关视频的弹幕 http://www.jq22.com/jquery-info2123 jquery.b ... »

vue中使用的一些问题(IE不兼容,打包样式不生效)

通过脚手架快速创建的项目,使用了swiper组件,项目中使用了es6语法,使用了babel-polyfill转化依旧不行,仔细排查项目中的使用组件,最后找到问题所在 swiper4.5.0版本太高,不支持IE11 转化报错了,报错如下 查阅网上资料,并没有这个解决的方案,于是每一项逐项排查,起初用到 ... »

基于面向对象思想封装一个水球插件

首先上图, 需要一个环形的水球,没错,我和大家想的一样,去把插件,可是没有一个满意的插件,败兴而归啊;自己动手实践;下面对于开发思路总结: 1.绘制图型需要canvas,canvas中我们需要绘制圆,裁切,绘制文字,进度绘制其实也是圆 2.html5元素canvas 3.是否需要其他的插件做为依赖, ... »

前端面试题-数组去重和排序

首先,不好意思,我昨天偷懒了,没有更新面试题,今日补上昨日的锅。 基于上次的对象转化题目,不少同学指出对象种的数组如果长度不一样,不能满足功能,所以针对这个进行优化,代码如下所示: 如果你有不同的方法,或者更好的方法请来信(email:785784961@qq.com) 这里需要注意的是: 1.封装 ... »

前端面试题---数组和对象的转化

在日常工作中,我们需要根据后端返回的数据结构组装组件需要的数据,如下所示:给出如下一个对象,要求返回对象中的数组的相对应的新的二位数组 第一种写法: 1.先取出对象中的每一个属性,然后再根据每一项的数组去循环, 2.新建空数组,保存值,注意新的属性需要判断是否有数组存在 3.优化意见:如果数组长度不 ... »

如何修复在移动动表现差异很大的选择框---中级程序员研究

在移动端开发中,我们往往需要按照设计稿去高度还原效果图,并且实现交互方式,下面看一下一个标签的表现形式: select 在iOS中的表现: 但是在安卓上并不是这样的效果 交互表现得差异性需要优化,那么问题来了,怎么优化。如何去保持同一标签可以表现相同得样式和交互方式。其实这也是前端的重要工作之一:兼 ... »

正则匹配身份证有bug你知道么?

在开发中,我们需要验证用户的输入信息,多半采用正则验证,下面就是身份证证号的几种常用的正则表达式: var reg = /(^d{15}$)|(^d{18}$)|(^d{17}(d|X|x)$)/; var reg= /^[1-9]d{7}((0d)|(1[0-2]))(([0|1|2] ... »

node serve ngrok 快速实现本地网址外网可访问

在实际开发中,我们需要经常测试,需要设计或者需求和客户浏览网址,但是由于没有开发完成,一般不会部署线上环境,那么如何实现本地网址快速被外网的人访问呢? 1.本地启动服务: serve 安装 npm install -g serve (-g全局安装,非全局忽略安装) 2.本地vue环境下在编译后的目录 ... »

前端知识总结-2018上篇

随着技术的不断推成出新,前端的知识点也越来约复杂,前端的岗位的方向划分也越来越多,下面是我们总结的一些热门的前端岗位,供想进入前端的朋友考虑和选择 前端的知识点可以说是多而杂,层出不穷,但是不变的点依旧存在:html,css,js“三架马车”依旧引领这前端的发展和展示着多样化、个性化的前端各类门户网 ... »

ios移动端禁止双指缩放功能

在实际开发中,我们禁止缩放的实现方式: 1.meta设置: <meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-sc ... »

vue 面试时需要准备的知识点

前端火热的框架层出不穷,作为码农的我们,依旧需要去学习,去探索新的问题,学习新技术,其实就是为了写一手好的,自认为是高质量的代码。今天主要分享一下前端最火的框架vue,也是我比较喜欢的框架。 vue上手可以说是比较轻松而且简单,如果你用过angular,react,你也会很喜欢vue。vue的核心思 ... »

vue轮播组件及去掉路由#

最近公司要我去实现vue知识的系统讲解,总结一番,大致需要7节课,今天大致说一下我们使用vue需要学会的基本技能。vue是一个渐进性视图渲染框架,使用vue核心是数据出发,数据一般是我们前台从后台获取数据,对应显示到我们的页面上就可以。 使用vue基本工具必备,node, 翻墙的工具蓝灯(如果没有的 ... »