github源码地址:https://github.com/jawil/GayHub Chrome —— GayHub一款强大的 GitHub 的 Chrome 扩展 —— GayHub,优化 GitHub 的阅读体验。…
分类:css教程
百度任务10-flex布局
html代码: <div class="box"> <div class="div1"></div> <div class="div2"></div> <…
自学前端的小白之初次编写form表单的经验与错误总结
学了这么久的前端,一直没有具体总结自己的经验,只有一些记录在笔记的零星经验,今天来这里说说我在初次编写from表单过程中总结出的东西: 首先我个人认为最难的也是个人认为最重要一点:就是当我们的程序发生问题时该怎么解决? …
【布局】圣杯布局&双飞翼布局
背景 随着前端技术的发展推进,web端的布局方式已基本成熟,那么在网站布局方式中,三列布局最为常用,布局方式也有很多,渐渐的开发者们开始从效率的角度优化自己的代码“如果三排布局能将中间的模块放在dom树前面,那么浏览器在…
网页设计中分栏布局的几种实现方案
在网页设计中,分栏布局是常用的布局手法,一般有两栏布局,三栏布局。这其中又以部分栏固定,部分栏自适应的方式最为常见。下面我们先以常见的三栏布局开始,描述一下常用的几种实现方案。 三栏布局 三栏布局最常见的就是左右定宽,中…
自制,简易仿京东微信小程序demo
学习微信小程序一段时间,自己仿照京东小程序做了几个demo页面,分享给大家看看 源码地址,希望能帮助到有兴趣的同学https://github.com/skySoft-cl…(喜欢可以加星哦) 其中几个效果图…
前端第三方嵌入防污染总结
搞第三方嵌入需要考虑很多问题,比如说页面加载速度、页面的污染、代码的嵌入位置等。较快的加载速度会提高用户的体验,提高服务的质量,对广告来说,好处更不用说,早点加载出来比没有别用户看到就被关闭的效果要好很多。而防止页面污染…
关于BEM的反思
反思BEM 在“学习爱BEM”中,我要表明我对BEM语法的新感受。 我很高兴地报告说,经过2年以上,我仍然对我的选择感到满意。 当我们在项目中选择代码风格时,我们使用BEM和ITCSS的组合。 前几天我遇到了Spatie…
vue构建优化
原因 在使用vue开发单页面应用时,随着项目页面的增多,你会发现生产环境的build速度会很慢,同时页面初始的js大小越来越大。当你无法忍受的时候就该优化了。 思路 这方面的优化无非就是异步加载、提取一部分长期不需要更新…
翻译 | 编写SVG的口袋指南(上)
作者:DDU(沪江前端开发工程师)本文是原文翻译,转载请注明作者及出处。 简介 Scalable Vector Graphics (SVG)是在XML中描述二维图形的语言。这些图形由路径,图片和(或)文本组成,并能够在不…
spacetree组织架构图 实现异步加载子节点,和定制化内容展示
spacetree组织架构图 说明 jquery插件皆可用于react,使用方法:react中使用jquery插件 效果图 定制化内容的效果图 插件说明 很好的canvas的组织架构图,从上到下按层级展示汇报关系, 支持…
CSS实现垂直居中的4种思路
行高line-height实现单行文本垂直居中 以前一直认为单行文本垂直居中要将高度和行高设置成相同的值,但高度其实没必要设置。实际上,文本本身就在一行中居中显示。在不设置高度的情况下,行高撑开高度。 <style…