随笔分类 -  前端必备知识

phpstudy配置域名
摘要：写在前面的话： 之前一直用的是xampp,但苦于不会用这个配置域名，所以，在同事的推荐下，使用了phpstudy，操作步骤如下： 1. 工具：phpstudy压缩包，解压即用；（这个是同事给的：下载地址） 2. 添加一个新域名需要进行以下几个步骤（此处以新增一个 www.mydemo.com 域名为 阅读全文
posted @ 2017-07-11 11:13 Chrisreen 阅读(1510) 评论(0) 推荐(0)
控制容器文字行数（pc和 移动端）
摘要：写在前面的话： 对于文字的单行以及多行显示，应该是经常用到的一个功能了，看下文吧~ pc 端： 1. 单行限制（兼容所有浏览器） 这里加了一个 鼠标移入时显示全部 的效果： 效果图： chrome，firefox，ie（各ie） 2. 多行限制 1）限制行数，不显示省略号，样式见如下 .f1 2）限 阅读全文
posted @ 2017-07-06 16:10 Chrisreen 阅读(618) 评论(0) 推荐(0)
Axure chrome 扩展显示已损坏的解决方法
摘要：写在前面的话： 之前用的好好的Axure chrome 扩展如今却并不能使用，一直说扩展已损坏，额，上网下了几个.crx文件都没有用…… 网上一搜，果然总是有人有办法解决的，哈哈…… 参考文：Axure RP Extension for Chrome经常损坏 解决方式： 将下载的 .crx 文件的后 阅读全文
posted @ 2017-06-09 15:27 Chrisreen 阅读(23107) 评论(1) 推荐(3)
在火狐浏览器中，图标字体不能正常显示
摘要：写在前面的话： 遇到一个问题： 1在火狐下边的显示： 2在chrome下的显示： 3在ie 8,9,10，11下的显示： 之前一直没搜到方法，今天无意中才发现了这篇文章：关于firefox对font awesome本地环境无法加载问题 试一下果然有效！ 就是，不要在file://下访问，要在http 阅读全文
posted @ 2017-05-18 17:47 Chrisreen 阅读(1505) 评论(0) 推荐(0)
关于字体跨域
摘要：写在前面的话： 跨域问题啊…………字体跨域，居然碰到了~~网上搜罗来的答案，有机会的可以试试有没有效 原文：css加载字体的跨域问题 （转载） 刚才碰到一个css加载字体跨域问题，记录一下啊。 站点的动态请求与静态文件请求是不同的域名的。站点的域名为 www.domain.com，而静态文件的域名为 阅读全文
posted @ 2017-05-05 17:25 Chrisreen 阅读(984) 评论(0) 推荐(0)
IETester——用来测试IE5.5~IE11兼容性的工具
摘要：写在前面的话： 浏览器兼容应该是前端最主要的工作之一，而其中 ie 的兼容是比较麻烦的，因为ie6/7/8/9……，在网上搜到这个ieTester,感觉还不错~ 其他的浏览器兼容性测试工具可以访问这篇文章的介绍： http://www.jb51.net/web/189446.html IETeste 阅读全文
posted @ 2017-03-24 17:45 Chrisreen 阅读(15176) 评论(0) 推荐(0)
[转]前端懒加载以及预加载
摘要：写在前面的话： 原文链接：前端懒加载以及预加载 懒加载（延迟加载）：延迟加载图片或符合某些条件时才加载某些图片。 懒加载（延迟加载）：延迟加载图片或符合某些条件时才加载某些图片。 预加载：提前加载图片，当用户需要查看时可直接从本地缓存中渲染。 两种技术的本质： 两者的行为是相反的，一个是提前加载，一 阅读全文
posted @ 2017-03-09 13:41 Chrisreen 阅读(403) 评论(0) 推荐(0)
[转]当你在浏览器中输入 google.com 并且按下回车之后发生了什么？
摘要：写在前面的话： 原文链接：https://github.com/skyline75489/what-happens-when-zh_CN 发生了太多事情~！ 忽略掉硬件的一些变化，运作等等，摘出了以下内容： 解析URL 浏览器通过 URL 能够知道下面的信息： Protocol "http" 使用H 阅读全文
posted @ 2017-03-09 13:32 Chrisreen 阅读(207) 评论(0) 推荐(0)
[转]如何让在FLASH不浮动在层之上
摘要：写在前面的话： 原文链接：如何让在FLASH不浮动在层之上 <object width="416" height="269" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6 阅读全文
posted @ 2017-03-09 11:59 Chrisreen 阅读(149) 评论(0) 推荐(0)
5.命名规则
摘要：写在前面的话： 这也是借鉴来的，原文链接 id的命名 页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中： 阅读全文
posted @ 2017-03-09 11:52 Chrisreen 阅读(149) 评论(0) 推荐(0)
4.CSS实现背景半透明效果
摘要：写在前面的话： ~ 原文链接：CSS实现背景半透明效果 HTML <div class="alpha1"> <div class="ap2"> <p>背景为红色(#FF0000)，透明度20%。</p> </div> </div> <div class="alpha1"> <div class="a 阅读全文
posted @ 2017-03-09 11:50 Chrisreen 阅读(499) 评论(0) 推荐(0)
3.html条件注释判断ie版本进行兼容
摘要：写在前面的话： 找来的~ 用法： <!– 默认先调用css.css样式表 –> <link rel=”stylesheet” type=”text/css” href=”css.css” /> <!–[if !IE]> <!– 非IE下调用1.css样式表 –> <link rel=”stylesh 阅读全文
posted @ 2017-03-09 11:46 Chrisreen 阅读(216) 评论(0) 推荐(0)
2.png图片在ie6下不透明
摘要：写在前面的话： 下面这些方法也是找来的，原文链接也都附上了~ 1. ie6png背景图 if(window.XMLHttpRequest){ //Mozilla,Safari,IE7 if(!window.ActiveXObject){ //Mozilla,Safari, alert('Mozill 阅读全文
posted @ 2017-03-09 11:44 Chrisreen 阅读(184) 评论(0) 推荐(0)
1.CSS Hack浏览器兼容IE6+IE7+IE8+IE9+FF
摘要：写在前面的话： 一般，解决兼容性的问题可以用： 1.css hack 2.js 3. html注释判断ie版本: 根据不同的ie版本调用特殊的css文件来实现浏览器兼容 下面这些是找来的，别人的经验~ 原文链接：CSS Hack浏览器兼容IE6+IE7+IE8+IE9+FF： 自从安装了IE8.0正 阅读全文
posted @ 2017-03-09 11:39 Chrisreen 阅读(292) 评论(0) 推荐(0)
chrome jsonView插件安装
摘要：写在前面的话： 这个可以帮助你在浏览器查看json格式代码~ 这个方法是搜来的，亲测有效~ 原文链接：chrome jsonView插件安装: 1、打开 https://github.com ； 2、搜索 jsonView 链接：https://github.com/search?utf8=%E2% 阅读全文
posted @ 2017-03-09 11:34 Chrisreen 阅读(285) 评论(0) 推荐(0)
前端初步
摘要：写在前面的话： 关于前端的一些入门以及必备，下边是我的理解，如果有错误，不到位的地方请谅解、指出。 更新于 2017/11/07 前端基础技能： 一、HTML 二、css 三、js 必备技能： git/svn的使用； 进阶技能： 面向对象编程； 入门学习资料： w3c，菜鸟教程等； 坚持学习： gi 阅读全文
posted @ 2016-07-06 22:46 Chrisreen 阅读(285) 评论(0) 推荐(0)
sublime 安装工具包步骤
摘要：写在前面的话： 初次使用时，记录下来的步骤。 一、开发工具：sublime text3; 1.官网：http://www.sublimetext.com/3 下载后不用安装就直接可以用了，不过，需要对其安装一些常用的插件。 首先你需要安装Package Control，安装方式可参考如下链接：htt 阅读全文
posted @ 2016-07-06 22:02 Chrisreen 阅读(1021) 评论(0) 推荐(0)