React+Webpack快速上手指南
本篇文章为转载文章，部分展示代码可能存在错位问题，后续有时间会进行修复；另外原文地址在文章结尾处，原文内容如下： 前言 这篇文章不是有关React和Webpack的教程，只是一篇能够让你快速上手使用目前这两种热门技术的前端指南，并假设你对两...
前端设计 第4页
前端最前沿的学习和分享阵地，希望大家多多支持智言，谢谢。
微信小程序开发笔记（三）
在上一篇微信小程序开发笔记（二）中我们分享了关于微信小程序的一个整体框架目录，那么今天我们分享的就是关于这个整个框架中每个文件的一些作用。 首先，就主文件中三个文件（app.js、app.json、app.wxss）来进行说明： app.j...
微信小程序开发笔记（二）
在上一篇微信小程序开发笔记（一）中我们简单的分享了一些关于微信小程序的入口和进入后的界面，都是超简单的东西，只是做一个了解而已，那么今天我们分享的就是了解小程序的开发整体机构，毕竟我们要开发一款产品，首先你得把框架搭建好，并且你得了解整个框...
jquery操作select(取值，设置选中）
转载至：http://www.cnblogs.com/mitang/p/3687353.html jquery操作select(增加，删除，清空) jQuery获取Select选择的Text和Value: $("#select_id")....
微信小程序开发笔记（一）
是的你没有看错，新的分享笔记系列微信小程序开发笔记来了，我们将通过逐一的学习和分享一些微信小程序的开发，废话不多说，我们抓紧时间，毕竟我还单身呢… 首先认识下小程序长什么样，从那进入？如下图： 这三张图反映出我们如何找到小程序的...
rem与px的转换
转载至：http://caibaojian.com/rem-and-px.html rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值，这个参考值设置为多少，完全可以根据您自己的需求来定。 我们知道...
一个自己闲暇时间做的一个响应式导航
刚做好的，因为要不断的练习，所以在前端这块还在继续努力，希望朝着自己的全栈更进一步。 HTML代码如下： <!DOCTYPE html> <html> <head> <meta charset="u...
利用符号字体美化表单元素
这几天更新了博客模板，然后空闲时间做了一个利用符号字体美化表单，代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t...
可以代替图标的100+个Unicode符号
如果你的页面设计中需要一些图标，你不必使用图片，也不必使用像 Font Awesome 这样的字体图标，我们要告诉你的是，在你的浏览器中已经有一个庞大的图标和符号库-Unicode。它是一个为每一个数字、字符、符号和图标分配的唯一标识（目前...
利用table-cell实现图片垂直居中
利用table-cell实现居中，font-size做兼容兼容IE6+/FF/Chrome，代码如下： <!DOCTYPE html> <html> <head> <meta charset="ut...
做的一个前端自适应遮罩层登录框效果
直接上代码吧 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>遮罩层登录框Demo</...
js获取网页尺寸（常用）
浏览器窗口内部域宽：window.innerWidth 浏览器窗口内部域高：window.innerHeight 可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后（不包括滚动条），用于显示网页的净宽高。也...
CSS小技巧之自定义个性的file表单样式
每当看到别人家的东西，总是那么的优美，他们的是这样的： 再想想自己家的是这样的。 样式没个性就算了，还那么多的废字，今天我们分享的就是如何把file表单做的漂亮些，废话不多说，直接进入正题。 其实当...
JavaScript之正则表达式（RegExp）对象手册
RegExp 对象 RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。 直接量语法 /pattern/attributes 创建 RegExp 对象的语法： new RegExp(pattern, attributes)...
CSS小技巧之:after和:before制作小气泡框体
最近好像特别迷恋使用这些小技巧。反正闲来无事，就随便研究研究前端这些东西。发现越发的喜欢啊。 首先申明，代码均未做优化处理等。 直接上代码： <!DOCTYPE html> <html> <head> &...
跨域资源共享 CORS 详解
转至：http://www.ruanyifeng.com/blog/2016/04/cors.html CORS是一个W3C标准，全称是”跨域资源共享”（Cross-origin resource sharing）。...
CSS小技巧之:after和:before制作小三角和tips提示框
首先，我的思路就想设计一个这样的：（下图） 于是我就开始设计，代码如下： <!DOCTYPE html> <html> <head> <meta chars...
JavaScript-获取当前元素的相关元素或节点
1.获取当前元素中的第一个子节点 document.getElementById("uu").firstChild 2.获取当前元素中的第一个子元素 document.getElementById("uu").firstElementChi...
js如何完全跳出多重循环
话说跳出循环如for for..in等，很多人想到的无非就是break、continue、return，而且return的跳出还必须借助函数这样的宿主环境才行，那么如果有多个for循环，我们该如何完全跳出呢？ 接下来我们进行一些实验，这些实...
ES6中关于class的一些解读
首先对于JS已经越来越像Java来说，自己有Java基础，所以越来越觉得JavaScript可以更好的上手了。 Class基本语法 概述 JavaScript语言的传统方法是通过构造函数，定义并生成新对象。下面是一个例子。 function...
