前端
关注
分享
扫一扫
文章平均质量分 86
IMyxuan
人要有梦想，万一实现了呢
展开
-
纯CSS buttons
效果：DemoHTML：<h1>Pure Css Button</h1> <div class="main"> <div class="sub-main"> <button class="button-one">Tap Me</button> </div> <div class="sub-main">原创 2017-03-31 10:20:52 · 505 阅读 · 0 评论 -
js 获取URL
统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。完整的、带有授权部分的普通统一资源标志符语法看上去如下：协议://用户名:密码@子域名.域名.顶级域名:端口号/目录/文件名.文件后缀?参数=值#标志例如：`http://www.test123.com/i原创 2017-04-01 13:28:24 · 728 阅读 · 0 评论 -
转自Code Pen的button样式
来自Code Pend的button精美样式， 无法Google的，请转到：Download 预览地址：Demo原创 2017-03-17 09:43:35 · 688 阅读 · 0 评论 -
解决datetimepicker火狐浏览器兼容性问题
bootstrap-datetimepicker是一款比较不错的日期插件了，在某个项目中用了这个插件。习惯了在开发，调试都用Chrome，一直都没有发现有啥问题，直到有一天，测试人员跟我说，Firefox里面那个时间选择的点不开，然后发现有问题。 打开Firefox的调试工具，看一下控制台的报错信息 看一下源码相对应的位置// Add timezone abbreviation suppor原创 2017-03-17 13:15:44 · 7832 阅读 · 0 评论 -
div内容自动换行
1、word-break:break-all例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了。2、word-wrap:break-word例子与上面一样，但区别就是它会把con原创 2017-05-02 10:35:44 · 13344 阅读 · 0 评论 -
呼吸灯效果
呼吸灯效果不多说，直接上代码<!DOCTYPE HTML><html lang="zh-CN"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>test</title> <style type="text/css"> ol, u原创 2017-04-26 17:48:16 · 889 阅读 · 0 评论 -
ES6-字符串扩展
for…of…遍历for (let codePoint of 'foo') { console.log(codePoint)}// "f"// "o"// "o" 注意：for (let codePoint in 'foo') { console.log(codePoint)}// 0// 1// 2includes(), startsWith(), endsWith(原创 2017-04-27 14:15:51 · 477 阅读 · 0 评论 -
CSS display属性
display属性display主要用来建立页面布局none：此时对应元素不会显示，用于隐藏元素block：此元素将显示为块级元素，并且前后都会有换行符，可以设置该元素的width以及heightinline： 默认值，此元素显示为内联元素，元素前后没有换行符，且不能通过width以及height来设置元素的宽度以及高度inline-block：行内块元素，显示为内联元素，可以设置宽度以及高原创 2017-07-13 09:50:35 · 373 阅读 · 0 评论