项目
文章平均质量分 59
zhanglir333
前端路漫漫其修远兮,,吾将上下而求索
展开
-
web前端性能优化(二)--图片的延迟加载
网站性能优化:1、尽量减少向服务器端请求的次数"减少HTTP请求"2、css/js文件进行合并3、ICON图片进行合并->雪碧图/css script4、图片的延迟加载5、数据的异步加载6、在移动端,如果做的是一个简单的宣传页,尽量的把css和js写成内嵌式Javascript的图片的延迟加载1)对于首屏内容中的图片:首先原创 2017-11-29 15:57:11 · 1979 阅读 · 0 评论 -
浅谈自适应网站的设计
移动化的浪潮席卷而来,自适应网站也应运而生。摆在程序员的面前只有一条路,那就是怎么实现它。根据小编的经验,仅提供以下3种自适应网站方案,且最后会简要分析下其优劣,以供读者分析使用什么形式的自适应网站。第一种:跳转适配——两套界面设计,相互独立。顾名思义就是识别出当前访问该网站的设备,然后跳转到相应的网站。当设备为手机时,网站跳转到手机版网站,当设备为笔记本或台式机时,网站跳转载 2018-01-30 11:23:57 · 427 阅读 · 0 评论 -
大前端必备网站
01.前端这个圈子社区/组织W3C TPAC w3ctech WebReBuild HTML5研究小组 阿里技术嘉年华 京/沪JS 前端圈HTML5梦工场 无障碍联盟国内综合前端观察 阮一峰 W3CPLUS W3CFUNS 大前端 W3HELP W3SCHOOL HTML5中国 前端乱炖F2E社区 MDNNEW国内个人CSS森林 twinsen 艾文王 余果 张鑫旭 大转载 2018-01-30 10:46:05 · 2404 阅读 · 0 评论 -
js实现视频截图
完整代码:html lang="zh-CN"> head> title>测试页title> meta charset="utf-8"> meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1,min转载 2018-01-27 11:00:33 · 6985 阅读 · 0 评论 -
应用canvas获取video的缩略图
发布视频时候,经常需要上传同时上传视频的缩略图,近日,应产品经理的的要求,需要做一个发布视频动态的功能,我第一反应就想到了H5的标签vidio和canvas,在这里记录下我完成该功能的过程:首先,整体思路是创建一个vidio,然后创建一个canvas和一个画笔,调用画笔的drawImage方法,将vidio作为参数,就会画出该视频的缩略图。二话不说撸代码:function crea转载 2018-01-27 10:56:08 · 3284 阅读 · 0 评论 -
基于JSON+JQuery实现的多条件筛选功能(类似京东和淘宝功能)
首先看一下实现效果:现在JSON用于数据的封装和管理越来越流行,一直想着通过JSON实现很多的小工具,比如多条件筛选、表格定制化、数据验证、tree树等等,最近没事就用JSON和JQuery实现了类似于京东和淘宝多条件筛选功能,下面会对代码进行解释,并有对应的demo提供给大家。 //加载事件 var data=[{ "url":"转载 2018-01-10 18:21:22 · 7524 阅读 · 0 评论 -
Jquery超简单遮罩层实现代码
在开发中,为了避免二次提交,遮罩层的运用越来越普遍看了很多代码,下面跟大家分享一下我认为最简单的遮罩层实现方式:1.样式如下设置:CSS代码:[html] view plain copystyle type="text/css"> .mask { position: absolute; top: 0px; filter: alpha(opacit转载 2018-01-18 11:06:22 · 2923 阅读 · 0 评论 -
纯 CSS 实现三角形尖角箭头的实例
[html] view plain copy> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>无标题文档title> style typ转载 2018-02-01 17:19:55 · 1783 阅读 · 0 评论 -
前端工程师必备的几个实用网站
一、配色类网站http://colorhunt.co这个网站给我们提供了很多的配色方案,我们直接使用就OK了。使用方法也很简单,鼠标移动到对应的颜色上,我们就可以看到颜色的十六进制码,复制这个颜色到工具里就可以使用了。https://webgradients.com/180种渐变方案供你选择,还可以直接复制CSS样式应用到网页中https://color.a转载 2018-01-30 10:41:20 · 439 阅读 · 0 评论 -
客户端js判断文件类型和文件大小即限制上传大小
由于项目需要!需要脚本在客户端判断大小和文件类型!自己网上找资料找的好辛苦!索性自己写了一个并测试 文件上传大小限制的一个例子,兼容ie6,ie7,ie8 ,Google Chrome,ff等浏览器 转自:http://www.jb51.net/article/43498.htm复制代码代码如下: var isIE = /msie/i.test(nav转载 2018-01-15 16:48:29 · 2812 阅读 · 0 评论 -
如何在手机上访问自己做的网页
前提:手机和电脑连接的是同一个路由器的网络。1.搭建服务器,用Apache2.把HTML文件放到服务器里面,打开浏览器能访问到服务器(localhost)里的HTML。3.查看本机的IP地址进入“网络和共享中心”(在控制面板可以进入,右单击左下角那个网络图标也可以进入),然后再点击已链接的网络,进入了“网络连接状态”窗口,点击“详细信息”在详细列表里我们就可以看到网络的原创 2017-12-27 19:04:23 · 13641 阅读 · 0 评论 -
项目总结
某微信活动项目项目背景为某个节日做的一个活动页面,主要用在手机端(微信),主要设备是 iPhone 或者高端 安卓 设备。大体设计和功能就是摇晃手机产生一个抽签的效果,然后签子飞出来滑动出现一个展板上面显示一些广告语之类的东西,再进行跳转。项目总结这个算作一个简单的 Web APP 吧,主要就是根据设计稿和对方的要求,理解活动的工作流程,然后再去编写 CSS3 动画和相关转载 2017-11-27 22:00:56 · 484 阅读 · 0 评论 -
Mock.js使用
Mock.js 是一款前端开发中拦截Ajax请求再生成随机数据响应的工具.可以用来模拟服务器响应. 优点是非常简单方便, 无侵入性, 基本覆盖常用的接口数据类型.在我们的生产实际中,后端的接口往往是较晚才会出来,并且还要写接口文档,于是我们的前端的许多开发都要等到接口给我们才能进行,这样对于我们前端来说显得十分的被动,于是有没有可以制造假数据来模拟后端接口呢,答案是肯定的。应该有人通过编写json文件来模拟后台数据,但是很局限,比如增删改查这些接口怎么实现呢,于是今天我们来介绍一款非常强大的插件Mock原创 2017-12-05 16:15:33 · 7595 阅读 · 0 评论 -
router
router的翻译叫做路由,顾名思义,就是Vue看到你这个url它知道该怎么走,也就是如何来加载页面,例如,http://localhost/tasks/这个路由,可能就是告诉你的Vue在页面上展现显示所有tasks的页面.http://localhost/task/1这个路由,可能就是告诉你的Vue在页面上展现显示id为1的这个task的具体信息的页面.通过路由来加载页面,不会让原创 2017-12-05 16:10:00 · 249 阅读 · 0 评论 -
项目中常用的css样式总结
重置reset.csshtml,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b原创 2017-11-27 22:13:31 · 963 阅读 · 0 评论 -
个人主页优化
优化步骤(压缩并替换图片、删除多余代码以及请求、替换CDN,删除插件、使用优化插件)(1)压缩并替换图片;见上面第一张图片,可以看到一张图片几十k呢,我的网页加载就几百k,这就几十k了,必须改呀!!!给个压缩工具给大家先:智图压缩然后呢?把我们的主题拉下来,然和用上面的工具去压缩图片,替换就可以了。很简单吧。本博主是用FTP的原来的图片大小现转载 2018-01-30 11:56:42 · 313 阅读 · 0 评论