[ Web前端工程师编程能力飞升之路 ]

本文将web前端研发编程能力划分了八个等级,每个等级都列举出了对应的特征及破级提升之方法,希望每位在看本文的同学先准确定位自己的等级(不要以你目前能力的最高点,而是以你当前能力的中档与之等级作对比,以免多走弯路),参考突破之法破之。

js深拷贝

分类:前端开发时间:2018-12-21阅读:(31)标签:javascript
javascript中数据类型有8种,其中有7种原始类型:Boolean,Null,Undefined,Number,BigInt,String,Symbol和 Object。我们通常也说基础类型和引用类型。内存中,基础数据类型在栈中直接存储值,引用类型则是在堆中存储,然后把其在堆中的地址存储在栈里。js浅拷贝,只是拷贝栈中的数据,js深拷贝,就是要完全拷贝,包括堆里数据。举例说明:let ...

新闻单行间歇滚动效果

分类:前端开发时间:2018-12-11阅读:(121)标签:javascript
现在很多网页在首页都会放一个头条新闻的地方,有一两条新闻间歇滚动。网上方法有很多,这里记录两种自己用的方法。用到的有setTimeout, requestAnimationFrame。方法一:通过srollTop来实现:e.g.<style type="text/css"> .box{ width: 100%; height: 40px; ...

Canvas绘制刮刮乐效果

分类:前端开发时间:2018-05-08阅读:(767)标签:javascript, html5, canvas
最近朋友做html5营销页挺多的,想着一直写js,html5的东西也好久没写过了。今天就来折腾一下,看看canvas的东西,然后想到刮刮乐效果。这个以前同事也分享过,不过时间太久,也忘记了。熟悉PS的话,就很清楚图层的概念。刮刮乐就是两个图层,奖项图层在下面,上面盖一层灰色的遮住。挂掉灰色图层,镂空显示出下面的奖项图层。根据html的canvas手册实验了几下,发现不能清除画的某个图案,会直...

remjs解决移动端适配问题

分类:前端开发时间:2018-05-03阅读:(902)标签:css, 移动开发, js
现在移动设备屏幕尺寸繁多,比如iPhone SE到iPhone Plus,安卓机品类更多。为了用户体验,不同屏幕我们都得去适配。在移动端页面制作,我们一般会把单位px换成rem,然后通过媒体查询,js计算等方式,修改html的字号大小,从而整体修改页面大小,打到适配效果。大屏幕就让文字稍微大点,小屏幕下文字就稍微小点。整体比例上看起来是一致的。对于rem,在W3C官网上是这样描述的:“fon...

js数组去重

分类:前端开发时间:2018-04-14阅读:(541)标签:js, 面试题
前端面试通常都会问到数组去重的问题。方法一思路:1,定义一个新数组用于存放结果;2,遍历要去重的数组,把遍历的那个元素去新数组里比对,如果有相同的,忽略,没有,则存放到新数组里。代码:const unique = (arr)=>{ let res = []; arr.forEach((v,i)=>{ if(res.indexOf(v) == -1)...

移动端网页判断设备横竖屏旋转

分类:前端开发时间:2017-06-13阅读:(1173)标签:html5
在移动端,设备可以旋转,网页的宽度也会随着旋转而变化。为了适应这些变化,可以通过window.orientationchange事件来监听旋转,通过window.orientation或者screen.orientation.angle的值来判断旋转方向。window.orientation: 0: 竖屏 -90:横屏,左在上 90:横屏,右在上 180:竖...

composition事件控制表单输入字数的长度

分类:前端开发时间:2017-06-06阅读:(1661)标签:javascript
我们在做表单内容输入的时候,常常会有一些字数长度限制,超过多少个字后不能再输入,在这种需求下,我们通常用input来判断字符串的length,然后做value的截取和重新赋值,但这样会有一个问题,就是当我们输入汉字的时候,每一个键盘按键都会触发input。比如表单里还可以输入两个字符,但我输入中文用的是拼音,全拼,要完成最后两个汉字的输入,需要按很多个字母键,但每一键都会因为input事件而...

Chrome下定位fixed引起的页面元素抖动

分类:前端开发时间:2017-05-04阅读:(1513)标签:css3
问题描述:chrome下,header是用的fixed定位到顶部的,页面有图片列表,hover图片的时候图片会scale放大,这时会发现header会抖动,刷新页面后hover图片又不抖动了,但滚动页面再hover,header又会抖动。解决方法:在fixed定位的元素样式上加transform: translateZ(0);搞定。网上还有其它解决方法,需要再查。

CentOS7编译安装MySQL5.7.17

分类:Linux时间:2017-03-16阅读:(1932)标签:linux
先准备MySQL的安装包,可以去官网下载,也可以在其它镜像资源网站下载。搜狐的http://mirrors.sohu.com/mysql/MySQL-5.7/。MySQL5.7需要boost_1.59,指明了就这个版本的,其它版本不行。也可以下载包含boost的mysql:mysql-boost-5.7.X。安装预装软件依赖包yum -y install gcc gcc-c++ ncurse...

yum常用命令

分类:Linux时间:2017-03-16阅读:(1057)标签:linux
yum(全称为 Yellow dog Updater, Modified)是一个在Fedora和RedHat以及SUSE中的Shell前端软件包管理器。基於RPM包管理,能够从指定的服务器自动下载RPM包并且安装,可以自动处理依赖性关系,并且一次安装所有依赖的软体包,无须繁琐地一次次下载、安装。yum提供了查找、安装、删除某一个、一组甚至全部软件包的命令,而且命令简洁而又好记。yum的命令形...

友情链接

首页