Barret李靖 - 个人主页动态

2020-05-13 16:22

刚开始学习jQuery时可能一时会分不清楚哪些是jQuery对象、哪些是DOM对象。至于DOM对象不多解释，我们接触的太多了，下面重点介绍一下jQuery，以及两者相互间的转换。 什么是jQuery对象？ ---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。 比如： $("#test").html()意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法 这段代码等同于用DOM实现代码： document.getElementById("id")....

0 点赞评论收藏

2020-05-13 16:19

华中科技大学前端工程师

echo和print效率测试对比

测试代码： <?php #echo print 函数效率测试对比 $old = microtime(true); for($i = 0; $i < 10000000; $i++){ echo "1"; } $new = microtime(true); $one = $old - $new; echo $one . "\n"; #echo 函数测试结果 $old = microtime(true); for($i = 0; $i < 1000...

0 点赞评论收藏

2020-05-13 16:19

华中科技大学前端工程师

PHP常用优化

0、用单引号代替双引号来包含字符串，这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量，单引号则不会，注意：只有echo能这么做，它是一种可以把多个字符串当作参数的“函数”（译注：PHP手册中说echo是语言结构，不是真正的函数，故把函数加上了双引号）。 1、如果能将类的方法定义成static，就尽量定义成static，它的速度会提升将近4倍。 2、row[id]的7倍。 3、echo 比 print 快，并且使用echo的多重参数（译注：指用逗号而不是句点）代替字符串连接，比如echo str2。 4、在执行for循环之前确定最大循环数，不要每循环一次都计算最大值，最好运用fore...

0 点赞评论收藏

2020-05-13 16:18

华中科技大学前端工程师

利用javascript进行编码转换，GBK转UTF-8

DEMO： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <div id="a"></div> <script> var script=document.createElement('script'); script.src='data:text/javascript;charset...

0 点赞评论收藏

2020-05-13 16:17

华中科技大学前端工程师

删除数组中的某个元素

在之前的文章中也介绍过类似的东西，主要操作的方式是利用splice这个便利函数。 我们要删除，Arr数组中的元素b，具体做法是： //第一步是获取b在Arr中的位置 var index = Arr.indexOf(b); //第二步就是利用splice删除该元素 Arr.splice(b, 1);简单点写就是： Arr.splice(Arr.indexOf(b), 1); //这里的b可以是任意对象注：并非所有浏览器都支持indexOf这个函数，可能你需要自己写一个遍历函数获取到需要查询元素b的索引值。 下面是我随便写的一个Array对象的扩展： Array.prototype.index =...

0 点赞评论收藏

2020-05-13 16:16

华中科技大学前端工程师

3D遥控坦克大战

昨天参加了hack day的一个比赛，赛制大致是：24小时，自由组队2~4人，任意发挥。运气比较好，拿了第三名和最佳创意奖。 建议先看看这个demo，bug是有的，chrome下玩玩，测试测试就行，O(∩_∩)O~   DEMO：http://qianduannotes.sinaapp.com/3dtank/html/index.html 基本效果: 关于 懒得去SAE上折腾，没把那另外一半的功能补上，不过我还是介绍下这几个没补上功能吧。   1. 音效。开始音乐是比较古老的坦克大战开机音乐。     ① 开始音效 点击播放     ② 发子弹 点击播放     ③ 击中坦克 点击播...

0 点赞评论收藏

2020-05-13 16:16

华中科技大学前端工程师

正则表达式30分钟入门教程

正则表达式30分钟入门教程 目录 本文目标 如何使用本教程 正则表达式到底是什么东西？ 入门 测试正则表达式 元字符 字符转义 重复 字符类 分枝条件 反义 分组 后向引用 零宽断言 负向零宽断言 注释 贪婪与懒惰 处理选项 平衡组/递归匹配 还有些什么东西没提到 本文目标 30分钟内让你明白正则表达式是什么，并对它有一些基本的了解，让你可以在自己的程序或网页里使用它。 如何使用本教程 最重要的是——请给我30分钟，如果你没有使用正则表达式的经验，请不要试图在30秒内入门——除非你是超人 :) 别被下面那些复杂的表达式吓倒，只要跟着我一步一步来，你会发现正则表达式其实并没有你想像中的那么...

0 点赞评论收藏

2020-05-13 16:15

华中科技大学前端工程师

ubuntu下安装Apache+PHP+Mysql

通过Apache我们可以学习php网络编程，可以用它来部署自己本地的wordpress博客，从而进一步通过网络和朋友交流。从此，你将深刻体会到网络带个我们的神奇力量，至少我是这样觉得的～～ 步骤一，安装apache2 sudo apt-get install apache2安装完成。 运行如下命令重启下： sudo /etc/init.d/apache2 restart在浏览器里输入http://localhost或者是http://127.0.0.1，如果看到了It works!，那就说明Apache就成功的安装了，Apache的默认安装，会在/var下建立一个名为www的目录，这个就是W...

0 点赞评论收藏

2020-05-13 16:14

华中科技大学前端工程师

关于浏览器模式和文本模式的困惑

什么是浏览器模式和文本模式？ 经常使用IE开发者工具的同学，肯定见过浏览器模式和文本模式，对于这两个名词，综合相关文档解释如下： 浏览器模式（Browser Mode），用于切换IE针对该网页的默认文本模式、对不同版本浏览器的条件注释解析、决定请求头里userAgent的值。它在浏览器发出请求之前就已经确定，网站没有办法修改这个值。它代表的是用户以何种浏览器访问网站。IE9支持下列浏览器模式： userAgent 默认文本模式 IE7 MSIE 7.0 IE7标准 IE8 MSIE 8.0 && Trident/4.0 IE8标准 IE9 MSIE 9.0...

0 点赞评论收藏

2020-05-13 16:13

华中科技大学前端工程师

vim操作全面讲解

目录 第一讲 移动光标 VIM的进入和退出 文本编辑之删除 文本编辑之插入 小结 第二讲 删除类命令 其他删除类命令 关于命令和对象 对象命令的特殊情况 撤消类命令 小结 第三讲 置入类命令 替换类命令 更改类命令 使用c指令的其他更改类命令 小结 第四讲 定位及文件状态 搜索类命令 配对括号的查找 修正错误的方法之一 小结 第五讲 VIM 内执行外部命令的方法 关于保存文件的更多信息 一个具有选择性的保存命令 提取和合并文件 小结 第六讲 打开类命令 光标后插入类命令 另外一个置换类命令的版本设置类命令的选...

0 点赞评论收藏

2020-05-13 16:11

华中科技大学前端工程师

字体大小自适应纯css解决方案

viewpoint css3提供了一些与当前viewpoint相关的元素，vw，vh，vim等。 “viewpoint” = window size vw = 1% of viewport width 1vh = 1% of viewport height 1vmin = 1vw or 1vh, 最小 1vmax = 1vw or 1vh, 最大兼容性：chrome 20+/ safari 6+/ IE 10+ / FF 19+ / IOS 6+ DEMO地址：http://qianduannotes.sinaapp.com/test/fontResize.html （已经用JS修正重绘b...

0 点赞评论收藏

2020-05-13 16:10

华中科技大学前端工程师

解读jQuery中extend函数

$.extend.apply( null, [ true, { "a" : 1, "b" : 2 } ] );//console.log(window.a); //window.location.reload();$.extend.apply( null, [ true, { "a" : 1, "b" : 2 } ].concat( { "c" : 3, "d" : 4 } ) );//console.log(window.a)一、问题：   1. null在这里是干啥？  ...

0 点赞评论收藏

2020-05-13 16:10

华中科技大学前端工程师

一个不陌生的JS效果-marquee,用css3来实现

关于marquee，就不多说了，可以戳这里。 毕竟他是一个很古老的元素，现在的标准里头也不推荐使用这个标签了。但平时一些项目中会经常碰到这样的效果，每次都是重新写一遍，麻烦！ JS类实现marquee 今天倒弄了一个类，还不全，打个草稿吧~ 下次就凑合着用吧。 DEMO在这里，戳我 Javascript Marquee Class gists地址：https://gist.github.com/barretlee/6095976 代码写的比较粗糙，下面说说这个思路： BoxA和BoxB内容相同，当BoxA滚动离开外层盒子时，把scrollTop设置成，当前的scrollTop - BoxA...

0 点赞评论收藏

2020-05-13 16:09

华中科技大学前端工程师

前端编码规范之CSS

 "字是门面书是屋"，我们不会去手写代码，但是敲出来的代码要好看、有条理，这还必须得有一点约束~   团队开发中，每个人的编码风格都不尽相同，有时候可能存在很大的差异，为了便于压缩组件对代码进行压缩以及书写样式的规范统一和美观，很有必要大家一起来研究一套基本规范（模板）！   我先抛砖引玉。（禁止）、（必须）等字眼，在这里只是表示强调，未严格要求。 前端规范之CSS 1. tab键用（必须）四个空格代替   因为在不同系统的编辑工具对tab解析不一样，windows下的tab键是占四个空格的位置，而在linux下会变成占八个空格的位置（除非你自己设定了tab键所占的位置长度...

0 点赞评论收藏

2020-05-13 16:09

华中科技大学前端工程师

那些年，我们一起玩过的响应式布局

博客园的资源很丰富，也很精彩。不过这些精彩的东西放到一些移动终端上阅览就不堪入目了，体验相当不好。 你可以忍受每一次打开博客，还得放大屏幕阅读么？整个屏幕都挤满了很小很小的文字，反正我是受够了。 所以，我们需要改变！！！ 先看看什么是响应式布局，你所看的这篇文章就是采用响应时布局~ （现代浏览器才能看到效果） 什么是响应式布局 我的理解就是，为了让用户享受更好的体验效果，给用户展现最有价值的信息，让同一个页面在不同终端上有不一样的展现效果。比如你正在阅读的这篇博客，当你缩小（放大）浏览器窗口时（先滚动顶部，因为顶部做了比较多的修改，效果比较明显），你会看到这些神奇的效果。 正常情况下...

0 点赞评论收藏

关注他的用户也关注了：