Flex 布局教程:实例篇
网站开发与网络建设

Flex 布局教程:实例篇

上一篇文章介绍了Flex布局的语法,今天介绍常见布局的Flex写法。 你会看到,不管是什么布局,Flex往往都可以几行命令搞定。   我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的布局 骰子的一面,最多可以放置9个点。 下...

逍遥乐

Flex 布局教程:语法篇
网站开发与网络建设

Flex 布局教程:语法篇

大家都知道bootstrap4将放弃盒装布局,使用flex布局!不出意外bootstrap4正式版明年就会发布,在此之前先来看看flex的魅力吧! 网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2...

逍遥乐

JavaScript真假值,真真假假真真
网站开发与网络建设

JavaScript真假值,真真假假真真

在我们使用JavaScript经常会遇到对变量的真假判断,但是对于学习js的新人来说,真假值的判断显得模糊其次!下面是逍遥从网上找的,供大家参考! 通常在以下语句结构中需要判断真假 if分支语句 while循环语句 for里的第二个语句 如 if (boo) { // do something } while (boo) { // do something }   ...

逍遥乐

使用Gulp检测Jquery JavaScript的语法规范错误
网站开发与网络建设

使用Gulp检测Jquery JavaScript的语法规范错误

在团队开发过程中,是针对团队中很多人协同工作,对于代码的理解程度不同,代码也是参差不齐,我们可能会要浪费一些时间在代码检查上,譬如拼写的检查、代码规范的检查。web前端开发中,Jquery和 JavaScript的语法错误是一个不可忽视的问题!那么如何快速把那些隐患性的问题解决掉,除了开启js严格模式以外,还需要要个有效的检测工具! gulp或...

逍遥乐

国内外各类型建站面板和WEB网站虚拟主机环境一键包汇总收集
网站开发与网络建设

国内外各类型建站面板和WEB网站虚拟主机环境一键包汇总收集

作为站长,如果远离了最开始的虚拟主机进而升级到折腾VPS或者云主机时,各类WEB建站面板或者WEB环境一键包自然是首要学习使用的内容。 收集分享目前业内使用较为广泛的面板和一键包。 1、面板类 国外 VestaCP:http://vestacp.com/ (目前最值得推荐的面板,使用范围较广,自带中文点赞) Kloxo-MR:https://github.com/mustafaramadhan/k...

逍遥乐

dns-prefetch 对性能提升有多大
网站开发与网络建设

dns-prefetch 对性能提升有多大

dns-prefetch, 是DNS预获取,也是网页前端的优化的一种技术。一般在前端优化中与DNS有关的两点:1、减少请求次数,2、提前对DNS预获取。DNS作为互联网的基础协议,其解析速度很容易被网站优化人员SEO人员忽视,其典型的一次dns-prefetch解析需要“20-120ms",减少DNS解析时间和次数是一个不错的优化方式。 dns-prefetch作用简单说明就是当你浏览网页时...

逍遥乐

前端工程打开速度优化的循序渐进总结
网站开发与网络建设

前端工程打开速度优化的循序渐进总结

优化的重要指标: 页面打开速度(Fully Loaded) 网站首页(或列表页)之 First View :打开速度应在 3秒+0.5秒 内; 对 Repeat View 时的各项指标暂不作要求; 首屏打开时间(Start Render) 网站首页(或列表页) 之 First View :首屏渲染速度应在 1秒+0.5秒 内; 文档解析完毕时间(Document Complete): ...

逍遥乐

推荐10 个优秀的占位图服务
网站开发与网络建设

推荐10 个优秀的占位图服务

在开发网站时,经常需要填充一些图片来预览页面效果,如果设计没有提供的素材,这时我们就需要占位图片,通过 URL 定制形如 placehold.it/300/200 的地址就可以得到一个占位图片。下面就来细数 10 个优秀的占位图片生成网站。 Placehold.it A quick and simple image placeholder service. 特点:老牌服务,支持 HTTPS 可定制:尺寸、颜色、...

逍遥乐

实现bootstrap的dropdown-menu(下拉菜单)点击控件后不关闭菜单的方法
网站开发与网络建设

实现bootstrap的dropdown-menu(下拉菜单)点击控件后不关闭菜单的方法

实现bootstrap的dropdown-menu(下拉菜单)点击控件后不关闭的方法 问题描述,在下拉菜单中,添加其他元素,例如,原文作者所述的<a>和我自己实际用到的<input>,如果不加处理的话,那么在点击需要操作的元素的时候,由于事件传播的原因将会出现下拉菜单也隐藏掉的情况。 解决方法 1 $('.dropdown-menu ...

逍遥乐

利用代码实现自定义百度网盘分享密码
网站开发与网络建设

利用代码实现自定义百度网盘分享密码

采用 JS 的方式修改密码。 方法很简单:修改 makePrivatePassword 这一函数即可。 压缩版 javascript:require(["function-widget-1:share/util/service/createLinkShare.js"]).prototype.makePrivatePassword=function(){return prompt("请输入自定义的密码","1234")} 原版 require(["function-widget-1:share/util/service/createLinkShare.js"])...

逍遥乐