章台青青

摘要： 使用前端优化的技术可以帮助我们减少页面加载时间，节约资源。一般而言，前端的优化主要分为两个大方向，一个是页面级别的优化，另一个则是代码级别的优化。 一 页面级别优化方法 1 减少http请求次数 当我们在浏览器中输入一个地址，客户端会与服务器端建立TCP连接，然后进行数据的传输。但我们知道，一个we 阅读全文

摘要： 早就知道今天要面试，我一天都守着电话，可一直到下午三点都没有接到面试电话，我以为要等下周了，就打算休息一下看看小说。 没想到我看得正起劲，一个北京的号码就打过来了，我手忙脚乱地插耳机却没有声音，着急了一把，担心错过电话，我就没有用耳机直接接了电话。 好了，废话说完，下面是面试的内容。 我面试的是前端 阅读全文

摘要： 据说javascript的诞生，是非常仓促的，就用了十多天。因为这个原因，无论设计javascript的人技术有多高超，这门语言都会有瑕疵的。 其中，null其实有点儿鸡肋，它和undefined也经常搅在一起，让我非常头大。 通过查阅资料，null和undefined的区别，我现在有些明白了： 1 阅读全文

摘要： 传统的网站，页面跳转通常是通过多个html页面实现的。但是这样用户体验不是很好，如果使用一站式，网站内容都在一个html页面上，会大大提高用户体验，而且是网站更快更流畅。 为了能实现一站式的效果，我主要用了html5和hash值的相关内容，兼容高版本的浏览器，下面是一个小列子： 首先，在html页面 阅读全文

摘要： 在这里，我实现了在页面内进行图片展示，当鼠标移动到相应的图片上后，图片下方的文字介绍会上移，并完整显示，半透明的文字介绍会覆盖掉图片，当鼠标移开之后，文字又会回到原来的位置。 要实现这样的图片展示，我主要是通过改变文字介绍的top值来实现的。 在编码的过程中，我犯了一个错误，就是将js代码写在hea 阅读全文

摘要： 我想要实现的是一个可以慢慢收起，可以慢慢出现的二级菜单。无非就是绑定事件，然后利用setTimeout方法来改变二级菜单的高度，从而实现上述效果。 本来不难，我却折腾了将近两个小时，把javascript代码改了又改，二级菜单就是不出现。最后，终于发现了问题的症结所在，那就是我开始搭建菜单的时候根本 阅读全文

摘要： 变幻菜单效果： 当鼠标移动到菜单上相应位置时，该位置的中文变成英文。 主要使用了css来控制样式。 代码如下 主要使用的小技巧有： 1 如果将英文和中文分别放在两个链接里会很麻烦，所以这里将所有的英文放在了span标签里面，这样可以统一控制。 2 当鼠标移到相应位置时中文消失，英文显示，则是利用了m 阅读全文

摘要： 一 css+html制作下拉菜单 a 首先应该制作好静态页面。 b 使用css控制下拉菜单的位置、是否隐藏 制作代码如下： 先在前端乱煮菜单下加入一个简单的二级菜单。 利用css对一级菜单设置样式 使用css对二级菜单设置样式 注意： 上述制作二级菜单的一些小技巧： （1）使菜单内容水平居中，使用t 阅读全文