摘要:
作为一名前端开发者,至少要对HTML、CSS规范有个了解,然后尝试在项目是使用,以便别人阅读你代码的时候,也相对轻松点。 HTML、CSS规范,参见:编码规范 by @mdo JavaScript 参见:https://github.com/adamlu/javascript-style-guide 阅读全文
摘要:
首次 git pull 时失败,并提示:fatal: refusing to merge unrelated histories 在使用git pull 命令时,添加一个可选项 就是告诉系统我允许合并不相关历史的内容。 然后在 git push -u origin master。 阅读全文
摘要:
首先,创建一个图片对象: 然后我们打印一下图片的信息: 在某些电脑上的谷歌浏览器和IE11浏览器上,以上代码工作正常。但是在某些电脑上会报出和火狐在第一次打开时却报出宽高值均为0。如果按F5刷新页面,又能正确获取宽高值了。按 Ctrl+F5 强制刷新(忽略缓存)的话,仍能复现这个问题。 这是因为火狐 阅读全文
摘要:
如何获取图片的原始尺寸大小? 如下,当给 img 设置一个固定的大小时,要怎样获取图片的原始尺寸呢? 方法一: HTML5提供了一个新属性 naturalWidth / naturalHeight 可以直接获取图片的原始宽高。这两个属性在Firefox/Chrome/Safari/Opera及IE9 阅读全文
摘要:
当两个行块级标签之间有空格,或者换行时,行块级标签之间会有一个默认4px的间距。去除方法如下: 方法一: 将紧连的行块级都放在一行,如果行块级的内容比较少,这么做还是可以的;但内容比较多的时候,这么做就有点不适宜了。可以采用方法二。 方法二: 给行块级标签的父级设置:font-size: 0; 在给 阅读全文
摘要:
在博客上看到一个很有意思的网站分享,能够看到古代诗人的轨迹地图。(mark一下) 这是一张“唐宋文学编年地图”,尚在测试阶段,数据及界面还在进一步完善。 我们知道,古代交通远没有如今这么发达,天南海北车马劳顿是一件让人头疼的事,所以很多人终其一生也没出过省。 不过诗仙李白就不一样了,点开了李白的轨迹 阅读全文
摘要:
<object height="900px" width="100%" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f 阅读全文
摘要:
对于一些新手,学习了前端后,会尝试自己写一些网页,然后通过 CSS、Js 等使页面达到自己所期待的样子。嗯?!,,好像没什么毛病。曾经我也是这么想的,页面已经达到我想要的了,这就可以了,却没想过页面是不是“正确的显示”。 即去掉所有的样式 也能正确地显示。 其实检查的方法很简单,如下: 1、用浏览器 阅读全文
摘要:
首先是执行 gulp 的时候,提示: 此时,第一反应是: 理论上来说,除非还有插件没有安装,那么执行 gulp 是可以的。然而,出现以下错误(稀碎。。): 网上查找的方法是: 这种方法应该是可行的,但这种方法下载的 gulp-jshint 模块是放在项目环境下的,如果是在项目中执行gulp的话,可以 阅读全文
摘要:
一、什么是SASS SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。 二、安装和使用 Sass依赖于ruby环境,所以装sass之前先确认装了ruby。先导官网下载个ruby。在安装的时候,请勾选Add Ruby executable 阅读全文
摘要:
eg: 例子的结果显示的值仍然是“Nicholas",即使在函数内部修改了参数的值,但原始的引用仍然保持未变。实际上,当在函数内部重写obj时,这个变量引用的就是一个局部对象了。而这个局部对象会在函数执行完毕后立即销毁。 即可以把ECMAScript函数的参数想象成局部变量。 如下案例同理。 对于数 阅读全文
摘要:
js模板介绍 https://little-white.gitbooks.io/-js/content/ http://www.ruanyifeng.com/blog/2012/10/javascript_module.html 阅读全文
摘要:
<input type="file" accept="image/*;capture=camera"> 阅读全文
摘要:
使用一个js代码实现多个单选按钮的选中事件。 阅读全文
摘要:
平稳退化 : javascript平稳退化就是如果一个浏览器完全不支持js或者禁用js的时候,它的基本功能不会受到任何影响。比方说一个网站使用了大量javascript来优化页面,我们现在把浏览器的javascript给禁用掉,这个网站的显示效果会变得比较糟,但是基本功能不会受到影响:登录页面可以正 阅读全文
摘要:
做项目过程难免会碰到一些bug、样式等各种各样的问题。下面就写一些个人在碰到问题时的解决思路。 也许你已经熟练掌握,那让我们一起来温习,也许你初入前端尚不知如何调试,希望能给你帮助。 如下解决方法,均以Chrome浏览器为例。 1、页面样式问题 如果要对面页面样式进行微调,打开浏览器的开发者工具,选 阅读全文
摘要:
jQuery 获取单选框(复选框)选中的状态 代码中 console 的即为jQuery获取单选框(复选框)选中的状态的方法 ($("xxxx").is(":checked");$("xxxx").prop("checked");$("xxxx").get(0).checked;) 这里为何不能通过 阅读全文
摘要:
文字一个个出现的demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <pre id="showWord"></pre> <div style=" 阅读全文
摘要:
在项目中遇到用input标签file类型的文件上传,想实在上传之前进行图片的预览功能;之前的做的一个解决方案是文件先上传上去然后返回地址再显示在页面上,这样就不太好,因为用户基本信息可能并没有保存,但是图片却已经改变,如果在需要改变就导致了多余图片的保存服务器。 如下可实现代码预览: 1、直接添加图 阅读全文