agevs
- 浏览: 67540 次
- 来自: 北京
-
博客专栏
-
-
各种Web前端技巧经验分享...
浏览量：0
最新评论
-
peng13123：
博主，资源呢
分享一个BookStore ios程序的例子 -
jef：
写的很不错， 收藏！
我的架构经验系列文章索引 -
切切克闹：
业界良心啊，感谢楼主，这东西对我这样的后辈来说太有用了，我仔细 ...
我的架构经验系列文章索引 -
agevs：
james_lover 写道什么网站？地址是什么？http:/ ...
我的架构经验系列文章 - 后端架构 - 系统层面 -
james_lover：
什么网站？地址是什么？
我的架构经验系列文章 - 后端架构 - 系统层面
文章列表
JavaScript图片滚动代码合集，向上下左右四个方向的无缝滚动代码，前端设计开发时所能用的一个图片特效，你可只用其中的一种滚动。前端框架分享
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang=& ...
Js文字滚动代码，可设置间断滚动和连续滚动。滚动时是向上滚动的，控制Li列表滚动，兼容性表现地不错，兼容IE/火狐、Opera等浏览器，代码如下：前端框架分享
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<title>文字间隔滚动代码-兼容IE和FireFox</title>
<style type="text/css">
<!--
body {
...
默认状态下，当网页内容较多的时候，各网页浏览器会自动显示滚动条，在某些时候，我们不想显示滚动条，下面教你一些代码，可以去除横向滚动条、竖向滚动条、以及整体全部的滚动条，这些代码主要添加在页面的<body>标签后面：
去掉垂直方向（上下拉）的滚动条:
<body style="overflow:scroll;overflow-y:hidden">网页正文</body>
前端框架分享
去掉水平方向（左右拉）的滚动条:
<body style="overflow:scroll;overflow-x:hidden&qu ...
用SyntaxHighlighter 语法高亮插件的朋友可能都遇到过代码显示不换行的问题，这个问题在网上也找不到什么解决办法，一直困扰了我很久，今天算是把它解决了，办法其实简单，下面说下如何解决。前端UI框架分享
打开shCoreDefault.css文件，找到对.syntaxhighlighter textarea的定义，在最后加上一句：word-break:break-all !important;就ok了，意思是让代码强制换行显示。
JavaScript使用parentNode.nextSibling.value实现的本功能，实际上你会发现网页上有两个控件元素，一个是Select，一个是input，使用CSS将input覆盖于select之上，再使用JS将下拉框的值赋值给input，实际上是用input模拟出了select的功能，思路很新颖，也不知到底有多少人需要select可输入文字的功能，下面是详细的实现代码：前端资源分享
<div style="position:relative;">
<span style="margin-left:100px;width:18p ...
网页上默认的文本框老是灰色风格，看的都有点不耐烦了，用CSS和JS改变其样式是大家都喜欢用的方法，今天写了一个点击边框变色的文本框，鼠标点击文本框将要输入的时候，文本框自动变色高亮显示，非常有视觉效果，让文本框变漂亮了许多。HTML代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:// ...
一直很喜欢微软雅黑字体，这也算是因个人审美的问题吧，最近在捣腾一些东西，竟然发现IE6和Opera浏览器对CSS中设置微软雅黑字体不感冒，纠结了一上午，终于找到了解决办法，如何让Opera和IE6支持微软雅黑呢？其实解决办法非常简单：
一、让IE6支持微软雅黑，添加一句声明：
<html lang="zh-CN"> 在网页的HTML标签内加入红色部分的声明，就可以了。框架资源分享
二、让Opera浏览器支持微软雅黑，通过CSS兼容性补救来实现：
CSS代码： font-family: "Microsoft YaHei"," ...
貌似以前与大家分享过此类问题，HTML5/CSS3那些炫丽实用的效果，真得让人很眼谗，但悲催的IE浏览器，只有IE9才支持HTML5，这让我们很失望啊，但真的就没有一点办法了吗？其实补救方法还是有的，下面介绍的几种方法，可让客户端浏览器完美支持CSS3、HTML5：
第一种方法：IE9以下版本的IE将创建HTML5标签， 非IE浏览器会忽略这段代码，因此不会发生http请求，也就不影响网页执行效率。前端资源分享
<!--[if lt IE9]>
<script>
(function() {
if (!
/*@cc_on!@*/
0) return;
va ...
让DIV高度自适应，这是在网页设计中常遇到的问题，为了给大家提供参考，这里提供3种div高度自适应的方法：一是JS法、二是背景图填充法、三是“补丁大法”（比较变态）。
1、JS法
代码如下。原理：用JS判断左右DIV的高度，若不一致则设为一致。前端资源分享
下面是一些个人架构上的总结，本来想只在公司内部进行共享的，因此内容写的口语化一点，也没什么图示，所有内容没有查任何资料是脑子里面的东西吐出来的因此可能会不准确不全，希望抛砖引玉，大家互相讨论。
要注意，我这些文章是一个总体的架构经验不针对具体的语言和平台，因此也不一定是适用所有的语言和平台的。
（内容是前几天写的，现附上索引）
前端架构 http://www.iteye.com/topic/1134817（前端内容有点少我不懂前端）
后端架构
系统层面 http://www.iteye.com/topic/1134819
语言层面 http://www.iteye.co ...
首先来看看如何创建线程：
Console.WriteLine(Process.GetCurrentProcess().Threads.Count);
Thread t1 = new Thread(() =>
{
Thread.Sleep(1000);
Thread t = Thread.CurrentThread;
Console.WriteLine("Name: " + t.Name);
Console.WriteLine("ManagedThreadId: " ...
经过4天的开发，ios的网络书店基本完成了：
登陆注册
图书列表，下拉放开刷新，下拉到底查看更多，图片异步加载
我的信息，查看订单修改密码
查看图书详情
加入购物车
提交订单
sqllite存放浏览日志，定时提交
plist文 ...
抛砖引玉，提出一些知道的做法，欢迎大家提出更多做法。
对于网站来说，UI最终的形式无非是（X）HTML + 脚本 + 样式，现在的问题是怎么样生成这些前端的元素，在以下几个方面达到平衡：
（假设有开发和前端两种角色，前端负责表现逻辑和表现，而开发负责业务逻辑和业务数据）
1） 开发人员的工作量，工作难度
2） 前端开发人员（后面省略为前端）的工作量，工作难度
3） 产品（假设前端属于产品部）对UI的改动需求能否快速落实（能否只依靠前端实现）
4） 服务端的压力（客户端的性
安全层面：
SQL注入
SQL注入是一个古老的安全问题，现在任何程序都不应该再出现这样的问题了，其原理非常简单，在过去大多数程序都是直肠子通数据库的，因此如果拼接SQL并且在参数上没有做好过滤或者没有使用参数形式来生成SQL语句的话可能会导致用户在页面上输入的恶意代码直接在数据库中执行。SQL注入的危害点在于整个网站有1000个数据点，如果其中有1个点有漏洞那么整站的数据其实都有危险了，很多开发会注重资金相关的模块但是忽略新闻相关的模块，如果都是使用一套数据库的话那么一个不重要模块的漏洞就会影响整站。也有一些开发比较会注意GET参数的验证但是会忽略POST参数的验证，这也是很容易 ...
性能层面：
性能分析
我觉得性能分析的话要注意几个要点：
不要去猜：对于自己写的代码你是否知道你的代码要执行多久，是不是还在用时间相减来测试代码执行时间？现在有很多自动化的工具可以在程序运行的时候，测 ...