- 博客(39)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 解决node-sass安装失败的问题
根本原因是国内网络的原因。最终的解决方法是通过淘宝的npm镜像安装node-sass首先安装cnpm $ npm install -g cnpm --registry=https://registry.npm.taobao.org 然后安装node-sass $ cnpm install node-sass 添加微信交流群（...
2017-02-07 16:31:53
1640
原创 js替换
var logoDefault=document.getElementsByClassName("logo")[0].innerHTML;logoDefault=logoDefault.replace(/<img src=/,'<img onerror="this.onerror=null; this.src=&quot;default.jpg&quot;" src...
2016-10-26 18:23:41
240
转载 CSS3的calc()使用
calc()对大家来说，或许很陌生，不太会相信calc()是css中的部分。因为看其外表像个函数，既然是函数为何又出现在CSS中呢？这一点也让我百思不得其解，今天有一同事告诉我，说CSS3中有一个属性能实现自适应的布局，首先让我想到的是box-sizing，但跟我说还可以计算，这让我不得不想起calc()。因为早先在官网和一些blog上看到相关的介绍，但一直没有深入，也没有自己去测试过。今天花了一...
2016-09-13 16:31:53
416
原创 CSS中的“>”与"+"的意思
1.A>B 表示选择A元素的所有子B元素2.A+B表示HTML中紧随A的B元素：用一个结合符只能选择两个相邻兄弟中的第二个元素li + li {font-weight:bold;}上面这个选择器只会把列表中的第二个及后面的变为粗体。第一个列表项不受影响。
2016-09-10 16:32:13
1527
原创 HTML 的空格
1.不换行空格只有 &nbsp; 一种；2.跟随字体大小产生相应空白的空格：&ensp; &emsp; &thinsp由于中文是等宽字体，因此 &emsp; 和 &ensp; 所产生的空白大小与中文字大小具有明确的比例关系（一个 &ensp; 等于半个中文字的宽度，而一个 &emsp; 则是一个中文字的宽度），因此这...
2016-08-11 17:21:13
340
原创 target="_blank"和target="_black"
target="_blank"每次点击一次都打开新的窗口； target="_black"当新标签已经打开了，点击第二次就不会再打开新标签了，而是刷新之前的那个标签；target标准属性没有blank这个值 添加微信交流群（需加微信拉您进入）...
2016-08-09 16:07:40
6208
转载 NodeJs——（16）用Nodejs 4.X版本，制作一个微博网站（多图，详细步骤）
添加微信交流群（需加微信拉您进入） http://blog.csdn.net/qq20004604/article/details/52019904（填坑中……进度略慢了一些）最后更新时间8/1凌晨注册、登录、语言切换，发表博客功能完成范例网址：121.41.66.68 【0】涉及到的框架、引擎、数据库：① express 4.X② jade③ my...
2016-08-01 16:10:31
1265
原创 HTML 5 placeholder 改变字体颜色
input::-webkit-input-placeholder { color: #bdbdbd !important; } input:-moz-placeholder { color: #bdbdbd !important; } input::-moz-placeholder { color: #bdbdbd !important; } input:-ms-input-place...
2016-08-01 15:42:43
346
原创 时间规则，包括long时间转化成日期
要求：一小时以内： 小于等于15分钟： 显示刚刚，例如：甘冈 大于15分钟小于1小时，显示具体的分钟差值，例如：23分钟以前大于等于一小时，且小于一天以内： 大于等于1天，且小于2天，则显示昨天，例如：昨天 大于等于2天，且小于1周，则显示几天前，例如：3天前。超过一周的情况，就显示具体的日期，例如：2016-06-20...
2016-07-22 17:08:23
1791
原创 如果图片加载失败，显示默认图片
html <img src="img.jpg" onerror="this.onerror=null; this.src="../image/onerror.jpg""> 添加微信交流群（需加微信拉您进入）
2016-07-22 16:57:37
597
原创 图片加载完毕再淡入
html css.box{ position: relative; width: 126px; height: 82px; background: #e8e8e8;}.img{ width: 100%; height: 100%; opacity: 0; -webkit-transition-duration:
2016-07-22 16:49:25
314
原创 js嵌套使用 双引号和单引号
外层是单引号，内层用双引号，再内存用转义单引号html+="" + "" + "" + "" + "" + "" + "";
2016-07-22 14:03:01
1187
原创 多行文本超出以省略符显示
.first{ display: block; width: 100%; font-size:14px; line-height:20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}添加微信交流...
2016-05-18 15:02:11
410
转载 移动端适配的方案----flexible
使用方法 lib-flexible 库的使用方法非常的简单，只需要在Web页面的 <head></head> 中添加对应的 flexible_css.js,flexible.js 文件： 第一种方法是将文件下载到你的项目中，然后通过相对路径添加: <script src="build/flexible_css.debug.js"&...
2016-05-16 14:34:39
15432
原创 Flex布局
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Flex布局</title> <style media="screen"> html{height:100%;}
2016-04-27 10:59:25
281
原创 Git命令
$ mkdir learngit //用于创建空目录$ cd learngit //用于创建空目录$ pwd //用于显示当前的目录$ git init //把这个目录变成Git可以管理的仓库$ git add readme.txt //把readme.txt文件添加到仓库$ git commit -m "wrote a readme fil...
2016-04-18 18:33:54
247
原创 2016-04-08
1.box-sizing:border-box;box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。2.white-space:nowrap;规定文本不会换行，文本会在在同一行上继续，
2016-04-08 16:02:55
237
原创 html页面中点击链接自动跳出相应用户的QQ聊天窗口的做法
<a href="http://wpa.qq.com/msgrd?V=1&uin=11111111&Menu=no" target="_blank"><i></i>在线交流</a> 11111111替换成对应的QQ号即可 页面会弹出 点击发起网页聊天就可以弹出网页聊天框了。 添加微信交流群
2016-03-11 14:26:23
890
转载 iPhone/iPad/Android UI尺寸规范
iPhone界面尺寸设备分辨率PPI状态栏高度导航栏高度标签栏高度iPhone6 plus设计版1242×2208 px401PPI60px132px146pxiPhone6 plus放大版1125×2001 px401PP
2016-03-03 14:19:55
356
原创 li 排列不错位
li{display:inline-block;width:31%;margin:50px 1% 0px;vertical-align:top;}
2016-02-29 14:52:47
272
原创 AJAX总结
什么是AJAXAJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。创建XMLHttpRequest对象所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情
2016-02-23 17:01:09
202
原创 栅格系统总结
栅格设计系统，是一种平面设计的方法与风格。运用固定的格子设计版面布局，其风格工整简洁。栅格系统的设计原理Bootstrap 网格系统Bootstrap 包含了一个响应式的、移动设备优先的、不固定的网格系统，可以随着设备或视口大小的增加而适当地扩展到 12 列。它包含了用于简单的布局选项的预定义类，也包含了用于生成更多语义布局的功能强大的混合类。Bootstrap
2016-02-22 17:20:38
608
原创 inline-block与float
一、使用inline-block代替float使用float的时候，有时有清除浮动等的问题，弄起来有点麻烦。inline-block这个属性可以模拟部分浮动的特征，而且不需要处理一些浮动带来的问题。inline-block是什么？inline-block兼并行内元素和块级元素的特征。块级元素（block）：包含width，height，margin，padding，border，他...
2016-02-02 15:03:34
756
原创 CSS浏览器兼容性常见问题总结
添加微信交流群（需加微信拉您进入）浏览器的兼容性问题，通常是因为不同的浏览器对同一段代码有不同的解析，造成页面显示不统一的情况。这里谈到的浏览器，主要指IE6/IE7/IE... FireFox Chrome Opera Safari 等。 但更多的兼容还是考虑IE6/IE7/FF之间的斗争。一、CSS HACK的方法专用符号：（代码的顺序一定不能颠倒了）所有浏览器 通用 ...
2016-02-01 16:51:01
662
原创 UI方面总结
一、UI是什么：User Interface（用户界面），简称ui，对软件的人机互交、操作逻辑、界面美观的整体设计。UI设计分三个分支：1、研究界面—-图形设计师Graphic UI designer，简称GUI,国内目前大部分UI工作者都是从事这个行业。包括（网页设计，软件界面，移动端界面设计），每天工作做着各种界面设计。2、交互设计师，做整个项目的交互流程。3、用户体验研究
2016-01-26 14:52:26
1162
原创 jQuery表单input文本框默认说明文字获得焦点后消失效果
$('input:text').each(function(){ var txt = $(this).val(); $(this).focus(function(){ $(this).css("color","#fff").css("background","#ff6100"); if(txt === $(this).val()) $(this)....
2016-01-18 16:33:57
498
原创 侧边栏在线客服左右滑出
html:开户申请客服一客服二客服三客服四客服五4000-802-812下载客户端简体繁体css:.toolbar{position:fixed;z-index:1000;top:0px;right:0px;width:40px;height:100%;background:#3b464a;}.toolbar ul{margi
2016-01-08 14:30:47
730
原创 自学日语，零基础
2013年九月，才是接触了五十音，背了下来。之后也学习了几课日语课，也没坚持下来。到沪江日语购买的课程快到期了，才开始加快速度走马观花的听完课程。之后就时不时的找日语电视剧来看，日语电视剧还蛮好看的，那个时候就没怎么看国内的电视剧。之后懒了，就没学，都忘得差不多了。到现在又忽然想学习了。总结一下自己想法。（只是自己现在想做的，后面还没有想）假名あ[a] い[i] う[u] え[e]
2015-12-22 15:41:58
530
转载 Photoshop 快捷键设置之进化
其中最节省我时间的应该是那些本来只能从菜单里选取的操作：⌘ + X 复制图层属性（对的，为了这个高频需求，我把剪切操作都去掉了……）⌘ + ⌥ + X 粘贴图层属性⌘ + ⇧ + X 清除图层样式⌘ + Q 转换成智能对象（反正开机必开 PS，原来的退出快捷键也就没必要了……）⌘ + ⌥ + J 非关联地复制智能对象然后是面板上的操作，把一部分改成了更靠近双手容
2015-12-16 17:16:19
295
原创 网页中文字体设置
一、操作系统自带的字体：Windows操作系统：黑体：SimHei宋体：SimSun新宋体：NSimSun仿宋：FangSong楷体：KaiTi仿宋GB2312：FangSongGB2312楷体GB2312：KaiTiGB2312微软雅黑：Microsoft YaHei （Windows 7开始提供）OS X操作系统：冬青黑体: Hiragi
2015-12-15 17:02:33
885
原创 CSS书写顺序
以前一直以为css代码，没什么可优化之处，直到前几天看到一篇文章，用良好的CSS书写习惯来写CSS代码，这样会提高代码的阅读体验。CSS书写顺序1.位置属性(position, top, right, z-index, display, float, clear等)2.大小(width, height, padding, margin)3.文字系列(font, line
2015-12-14 14:32:52
430
原创 页面简繁体转换js代码（带cookie记忆功能）
添加微信交流群（需加微信拉您进入） html文件<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/19...
2015-12-03 10:30:54
3121
原创 overflow:hidden;清除浮动
html代码<div class="header"><h2>进口零食速食</h2><ul class="links"><li><a href="javascript:void(0)">进口巧克力</a></li>&a
2015-11-23 11:24:57
275
原创 各浏览器禁止选中文字方法
各浏览器禁止选中文字各自有个的方法。代码<divunselectable="on" style="background:#ccc;">unselectable="on"-webkit-user-select:none;">-webkit-user-select:none;-moz-user-select:none;">-moz-user-sele
2015-11-10 15:34:35
3866
转载 什么鬼，又不知道怎么命名class了
添加微信交流群（需加微信拉您进入）前言前端几大难之一就是样式的命名！今天分享的这个问题，你曾经肯定困惑过～正文从这开始～相信写css的人都会遇到下面的问题：1）糟糕，怎么命名这个class，好像不太贴切，要是冲突了怎么办，要不要设计成通用一点...2）而改别人css代码的时候则会一直有个疑问：这个class到底是只在这个地方用了，还是其他地方都用了？于是就有了下面的做法：3...
2015-11-09 15:52:21
518
原创 天猫首页自适应写法
添加微信交流群（需加微信拉您进入） 我一直知道天猫首页自适应是兼容IE7，IE6的，但是也没有认真的找到是怎么做的。前几天试着做了天猫上的小例子，才恍然大悟。天猫自适应IE8以上的浏览器是用css3@media媒体查询控制的IE6/IE7/IE8是用jq控制的。代码如下：//判断是否是IE678function browser() { var explorer ...
2015-11-09 14:18:04
1857
原创 樱花冻酸奶芝士蛋糕
1.拇指饼干160g，装在厚一点的袋子里，用擀面杖擀碎。2.黄油80g倒入饼干碎中，搅拌。3.用勺子把饼干碎平压在模具中，然后将做好的饼底放入冰箱里冷藏。4.取清水，放入20g的吉利丁片。5.将320g奶油奶酪放入碗中隔水加热，加入80g的白砂糖，可以先用小刀混合一下，搅拌。6.取两枚鸡蛋，将蛋黄放在芝士溶液中进行搅拌。因为本款蛋糕不需要加热，所有要选择质量上乘的鸡蛋。7.
2015-11-06 16:16:32
775
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人