- 博客(54)
- 收藏
- 关注
RSS订阅原创 一个中年宝妈，重新开始学习技术，还有机会吗？
学无止境，以前只是背，也知道意思，如今，字没变，句没变，但是体会完全不一样了。杨绛曾写道：人生，一岁有一岁的味道，一站有一站的风景，你的年龄应该成为你生命的勋章，而不是你伤感的理由纵使眼里写满故事脸上依然不漏风霜，你吞下的所有委屈，终将喂大你的格局。
2022-03-27 18:03:02
598
原创 前端必备：vue中和性能有关的两个属性
永远不要把 v-if 和 v-for 放在同一个DOM元素上（同一个标签上），如下面代码所示// 错误示例<li v-for = "item in items" v-if = "item.id ===3 "> //同时在<li>标签上使用两个指令 {{ item.id }}</li>在这样的情况下，会大量浪费系统资源，严重时可造成系统运行不畅，甚至死机。Vue.js中，v-for的优先级比v-if更高，这就造成了两者若是同时使用，v-f.
2021-12-29 10:15:07
114
原创 适合前端初学者，vue.js完成ToDoList的增删改，支持回车提交增加，及修改时自动获取焦点
适合前端初学者，vue.js完成ToDoList的增删改，支持回车提交增加，及修改时自动获取焦点
2021-12-28 14:32:23
671
转载 mac 终端svn命令
mac 终端 svn 命令1、将文件checkout到本地目录svn checkout path（path是服务器上的目录） 例如：svn checkout svn://192.168.1.1/pro/domain 简写：svn co2、往版本库中添加新的文件 svn add file 例如：svn add test.php(添加test
2015-11-11 17:44:01
635
转载 前端代码规范 及 最佳实践
本文作者： 伯乐在线 - 老码农 。未经许可，禁止转载！欢迎分享原创到伯乐头条。本文来自 Isobar公司 的 github repo中文版 翻译： @老码农的自留地概述本文档包含了Isobar公司的创意技术部（前端工程）开发web应用的规范。现在我们把它开放给任何希望了解我们迭代过程最佳实践的人。编写本文档的主要驱动力是两方面： 1
2014-11-07 18:20:57
2800
转载 移动web前端开发
前言这篇文章就当进入移动web开发的宣誓稿吧，作为移动领域的门外汉，在这段时间的接触后，发现前端开发这潭水愈发的深了！不多言，进入主题。我将从下面几个方面探讨移动web前端开发：分辨率、屏幕、手机浏览器、设计理念、响应式web开发。分辨率手机分辨率比PC分辨率要庞杂得多，各种分辨率有木有？大小差距那么大有木有？这在一定程度上给页面制作带来了不小的麻烦。所以针对这
2014-10-22 10:50:26
864
转载 CSS3 box-shadow(阴影使用)
css3 box-shadow 内阴影与外阴影 1-box-shadow具体使用方法，语法： E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}换句说：对象选择器 {text-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色}
2014-09-25 16:55:48
591
转载 javascript 操作 cookie
javascript cookies 存、取、删除实例 收藏//写cookies函数 作者：翟振凯function SetCookie(name,value)//两个参数，一个是cookie的名子，一个是值{ var Days = 30; //此 cookie 将被保存 30 天 var exp = new Date();
2014-03-24 19:47:05
704
转载 Html5新标签注解
标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。HTML5:HTML4:标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。HTML5:Aside 的内容是独立的内容，但应与文档内容相关。HTML4:Aside 的内容是独立的内容，但应与文
2014-01-18 17:47:08
813
转载 图表highcharts联合jquery ajax 后端取数据前端图表渲染
给自己和志同道合的童鞋们留存了 Highcharts是一个制作图表的纯Javascript类库，主要特性如下：兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等；对个人用户完全免费；纯JS，无BS；支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；跨语言：不管是PHP、Asp.net还是Ja
2013-12-19 11:18:47
2273
转载 jquery的each()详细介绍
each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法 each处理一维数组 var arr1 = [ "aaa", "bbb", "ccc" ];
2013-12-11 17:52:49
662
转载 pt和px，em之间的转换
6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70% 9pt 12px 0.75em 75% 10pt 13px 0.8em 80% 10.5pt 14px 0.875em 87.5% 11pt 15px 0.95em 95% 12pt 16px 1em 10
2013-11-13 16:44:32
1096
原创 浏览器的标准模式和怪异模式
要想写出跨浏览器的CSS，必须知道浏览器解析CSS的两种模式：标准模式(strict mode)和怪异模式(quirks mode)。所谓的标准模式是指，浏览器按W3C标准解析执行代码；怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。浏览器解析时到底使用标准模式还是怪异模式，与你网页中的DTD声明直接相关，DTD声明定义了标准文档的类型
2013-11-07 17:56:59
896
原创 详解CSS选择器、优先级与匹配原理
作为一个Web开发者，掌握必要的前台技术也是很重要的，特别是在遇到一些实际问题的时候。这里给大家列举一个例子：给一个p标签增加一个类（class），可是执行后该class中的有些属性并没有起作用。通过Firebug查看，发现没有起作用的属性被覆盖了。这个时候突然意识到了CSS选择器的优先级问题，这里就CSS选择器的优先级问题做了一些总结。51CTO推荐阅读：巧妙地使用CSS选择器选择器
2013-08-01 16:50:22
902
2
原创 提高网页加载速度最简单的5种方式
网页的加载速度是评估网站质量一个重要指标。原因在于大多数用户能够容忍的网页加载时间只有几秒，如果超出了访客的忍受范围他们会毫不留情地关掉你的网 页，所以网页载入速度会极大地影响网站的流量和访问。以下总结了几种可以明显提高网站加载速度的初步简单技巧方式，如果你的网站存在载入速度慢的问题不妨 与此为参考对网页做些初步优化。网页加载提速之 – 优化网页图片文件你的网页一定有图片，加载一个网页往往
2013-07-31 18:46:16
1416
转载 COLORBOX常用的属性
1,flash覆盖colorbox:2,colorbox在ie中的位置和行为异常:3,colorbox的位置和行为异常（不区分浏览器）:4,用colorbox显示外部文档时显示不正确:5,在ie中colorbox的边框不显示:6,尝试载入外部页面却获得”Request unsuccessful”的报错信息7,如何通过rel属性关闭colorbox的群组功能8,Jav
2013-06-27 14:12:34
1760
原创 jquery 与正则表达式应用
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> "http://www.w3.org/1999/xhtml"> "Content-Type" content="text/html; charset=utf-8" /> Test
2013-06-14 19:08:21
662
转载 对 HTTP 304 的理解
昨天听同事说他老婆面试时的一个问题：你知道304是什么吗？我瞬间愣住，真的不知道啊于是乎今天赶紧百度下，补充下知识，不懂的还是很多的啊。知识仍在更新，me需要更加努力啊！304 的标准解释是：Not Modified 客户端有缓冲的文档并发出了一个条件性的请求（一般是提供If-Modified-Since头表示客户只想比指定日期更新的文档）。服务器告诉客户，原来缓冲的文档还可以继续
2013-06-08 11:33:39
492
原创 一个sprite很好用的网站
Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of
2013-06-06 17:18:37
731
转载 网站性能优化之CSS无图片技术
一、无图片技术定义在不使用CSS Image（通过CSS的引入的背景图片,不包括img标签内的图片）情况下生成类似图片效果的技术；换句话的意思就是在使用纯CSS生成类似图片效果的技术。二、为什么要“无图片”？首先我们通过yslow的statistics查看新浪微博最新版首页的文件，得到Stylesheet File(CSS文件)大小为206.8K, CSS Image大小为
2013-06-03 19:52:27
589
原创 我的第一个封装js代码-----展开收起效果
第一次靠自己完整的封装的小特效，有点小小的兴奋，和大家分享下，希望能对和我一样在探索的童鞋们有点帮助js部分：var show_obj = function(obj,at,ob){ $(obj).bind('click', function(){var showTxt = $(this).children(at);//alert($(at).html());//alert(
2013-05-28 19:34:12
871
原创 配色基础：你要懂的色彩悄悄话
色彩传达信息有两种主要的途径：自然联想和社会（文化）联想。表面上看来，把色彩和其他事物联系起来有些不合情理，一些设计师同行甚至认为色彩的选择只是 靠感觉，而不去细究根本。但实际上，当人们把一种色彩和某事物联系在一起是很自然的事情，有时候甚至是件愉快的事情。举个例子：一种柔和的低纯度蓝很自然 的让人联想到蓝天，并给人清凉的感觉。一个成功的设计师必须了解色彩所传达的各种意义，有时候这种意义是非
2013-05-27 18:10:32
628
原创 什么时候使用CSS与Table
TW的正文页之前为了考虑小显示器小风辨率的用户，宽度用了 850px，现在用大分辨率的用户越来越多，为了跟首页统一，都要改成950px。因为2年前做页面的时候就用了CSS布局，所以，虽然正文页有几十万个页面，但只修改了一个css文件和几个相关的图片，就都变了。如果当初用了table布局，后果不不堪设想…..早几年，网上曾兴起过CSS布局和Table布局的争论，一部分人不以为然，认为css只不过
2013-05-21 22:38:30
793
原创 js添加收藏代码
JS加入收藏夹function addfavorite(){ if (document.all) { window.external.addFavorite('http://www.baidu.com','收藏夹'); } else if (window.sidebar) { window.sidebar.addP
2013-05-21 22:27:50
1126
原创 Firefox CSS私有属性备忘记录
有时..有些东西Firefox 总是支持不好.只能找私有属性来帮忙.例子还没做,因为太多太不了解了,等理解得差不多时搞成本电子书.虽然这些不推荐使用,可是万不得以的时候总得有个解决的方法..以下是引用片段： At-rules @-moz-document url(http://www.w3.org/), url-prefix(http://www.w3.org
2013-05-21 22:26:42
755
原创 chrome、firefox、IE 处理input 光标的区别
浏览器中input输入光标位置错位详解在工作中遇到的问题，尝试着找找解决方法，还真有呢！记下来方便自己方便他人吧以前在项目里碰到过一个问题 input输入框用一个背景图模拟，设置height和line-height一样的高度，使里面的输入文字能够居中，在FF下出现的情况是：点击input时，输入光标其实上跟input的height一样高，但当开始输入文字时，光标又变得跟文字
2013-05-21 22:21:12
1858
原创 css透明---css样式之美
纯CSS3透明水晶盒标签：css3 & 变换 & 投影 & 透明 & 阴影 相信大家有看过这个例子：3D盒子，在书《CSS3 实战》上第282页有个综合实战“设计动态立体盒子”的例子，实现方式跟它一样，我的盒子也是以它为原型来设计的，不过在实现方面有做修改、优化，以及增添了一些细节，下面是我的盒子Firefox截图：透明化了盒子，通透性强了，因为透明了，所以背部
2013-05-21 22:18:33
1562
原创 rgba alpha 透明度的转换计算
rgba 和IE下filter数值的转换rgba 透明值IEfilter值0.1190.2330.34C0.4660.57F0.6990.7B20.8C80.9E5
2013-05-14 17:40:57
4359
转载 2013年3月份全球主流浏览器市场份额排行榜
新的一个季度已经过去，但浏览器大战却从未停止。Net Applications于今日发布了2013年3月份浏览器市场份额的数据报告。报告显示，浏览器市场份额top 3仍然是来自微软的IE、Mozilla的Firefox和谷歌的Chrome。按照Net Applications获得的市场份额数据，3月份的浏览器排列顺序为IE、Firefox、Chrome、Safari、Opera。它们在三月份的
2013-04-15 15:10:46
682
原创 ie6不兼容input[type="text"]的样式写法
什么时候可以完全忽略IE6啊，我就解脱了input[type="text"]{ height：30px; border:1px solid #ccc;width:100px}这样写的样式IE6都不支持折磨了我好久啊，找不到原因，经过了不知道多少次的测试终于发现原来如此IE6就不能用一点智能的新技术
2013-04-12 16:30:55
1028
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人