DanielWu的前端之路

摘要： 基本概念 WEB 页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验简单地说，页面渲染就是浏览器将 HTML 代码根据 CSS 定义的规则显示在浏览器窗口中的这个过程。 渲染过程 1. 用户输入网址（假设是个 HTML 页面，并且是第一次访问），浏览器向服务器发出请求，服务 阅读全文

摘要： React.js算是当今主流框架之一了，好多公司项目都是React。直接上图： 所以最近整合一些论坛，今儿咱就说说React， React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 F 阅读全文

摘要： 一、默认的导航条 制作默认的导航条，可分以下几步： 1.在ul里加上（ul class="nav navbar-nav"）样式； 2.在ul外加一层div或nav(ps:HTML5新属性)，并且添加样式（div class="navbar nabar-default"）; 如图下： So easy吧 阅读全文

摘要： 最近，小程序正式上线，各企业都纷纷开发，本博主看下其中奥秘， 首先得去微信公众平台（https://mp.weixin.qq.com/）注册一个小程序账号（以前注册过公众号的账号不可使用） 备注：注册小程序的时候，必须是以企业角色来填，要是自己测试，什么企业名称，什么机构号瞎填就OK。 如图下，为主 阅读全文

摘要： 所谓径向渐变，如图下，类似光晕 语法： radial-gradient( [ [渐变大小]? [ at 渐变圆心坐标]? ,]? 颜色[ 开始位置] [,颜色[ 开始位置]]+); 例1： 效果如图下： 例2： 此外，需要增加颜色可直接在后面怼，至于颜色后面的百分可以用来控制色域范围~ 这期就到这， 阅读全文

摘要： CSS3渐变(gradient)可分为线性渐变(linear-gradient)和径向渐变(radial-gradient)。今天给大家说一说线性渐变。 以webkit内核浏览器为例， 语法： 如图： 参数： -webkit-linear-gradient 是 webkit 引擎对渐变的实现参数。第 阅读全文

摘要： 今天说一下 CSS3的box-reflect属性，也就是倒影特效。 语法： box-reflect：包括3个值。 1. direction 定义方向，取值包括 above 、 below 、 left 、 right。 above： 指定倒影在对象的上边 below： 指定倒影在对象的下边 left 阅读全文