F12快捷键调出开发人员工具 一.JS的内容格式化 1.内容较乱的js脚本： 2.勾选下面两项即可进行格式化脚本：自动换行与格式化JS 3.调理清楚的脚本 二：清空控制台 1.右键-》清空 2.console.clear() 三：用控制台代替alert() 当你需要调试代码中的值却又不想中断代码的执行时，我们可以用： window.console.log("HelloWorld"); 在控制台查看。 四：调试JS时的断点快捷键 F9：添加/...
功能说明:上传图片前需要预览下图片 大神门，求指教，该怎么实现呀，搞好几天了 回复讨论(解决方案) function previewImage(element) { var src; element.select(); src = document.selection.createRange().text; document.getElementById(preview).innerHTML = ; } 这种方式在本地是没问题的，在服务器上运行就不行了 上传预览插件 上传预览插件 太感谢你了，safari不行有点小遗憾。
1.创建拖拽对象 给需要拖拽的元素设置draggable属性，它有三个值： true：元素可以被拖拽；false：元素不能被拖拽；auto： 浏览器自己判断元素是否能被拖拽。 2.处理拖拽事件当我们拖拽对象的时候会触发拖拽事件包括： A.dragstart：当元素拖拽开始触发； B.drag：在元素拖拽过程中触发； C.dragend：元素拖拽结束时触发 3.创建投放区 ①当拖拽对象进入投放区的时候会触发相关的事件 A.dragenter：当拖拽对象进入投放区时...
现在css3 都出来的，但是其实我由于一些原因，有些css2中都能支持的样式，我都没有使用过。我感觉我真的有必要静下心来，去看看那些东西，看看哪些以前都被忽视掉的。 今天我主要来讲三个对于我们编程经常用到的，具体如下。 一、 有序列表序号 a、应用场景 有一个列表，需要有序号展示，方便用户知道当前列表记录数，用户可以任意删除其中一条记录，删除后，序号重新整理。 b、思考 我以前的不知道...
position有五个值：static、relative、absolute、fixed、inherit。 static 是默认值。就是按正常的布局流从上到下从左到右布局，平常我们做网页制作时，没有指定 position，也就表示使用 static。 relative 没有脱离布局流，此时可以使用 top、right、bottom、left 属性。 top 和 bottom 共存时，使用 top 值，忽略 bottom 值； left 和 right 共存时，使用 left 值，忽略 right 值； relative 是相对位置，指相对于...
这篇文章主要介绍了使用CSS禁止textarea调整大小功能的方法,禁止可以调整textarea大小功能的方法很简单,使用CSS的resize属性即可,需要的朋友可以参考下 如果你使用谷歌浏览器或火狐浏览器，你会发现页面上的textarea元素的右下角有个小三角，用鼠标箭头拖拽它，你的textarea就能随着放大或缩小。这是现代浏览器为方便用户而添加的一个辅助功能(很遗憾，不包括IE，如果你使用IE，是看不到的。)。Web程序员在设计网页时，一般给了t...
CSS实现鼠标移动图片实现切换功能:当鼠标放在一个图片上的时候可以切换为其他图片，使用javascript可以实现，下面介绍一下如何使用CSS实现此功能。代码实例如下: CSS实现的图片切换效果-蚂蚁部落* { margin:0; padding:0;}ul li { list-style:none;}.nav { width:800px; height:40px; margin:150px auto;}.nav ul li { float:left; width:200px;}.nav ul li a:link, a:visited { display:block; width:190px; hei...
原文来自这里本文综合了原文(by Jonathan Suh)以及笔者自己的理解。 Introduction 众所周知，写代码与写维护性高的代码是两回事.而涉及到响应式,代码又特别容易变的杂乱.借助sass maps所提供的拓扑功能,我们可以尝试减轻这一痛点.以下的代码还是很常见的: p { font-size: 15px; }@media screen and (min-width: 480px) { p { font-size: 16px; }}@media screen and (min-width: 640px) { p { font-size: 17px; }}@medi...
Zeno Rocha发布了一个专门用于从web页面向本地计算机的剪贴板复制文本的JavaScript库：Clipboard.js。 在每一个Github仓库页面的侧边栏上都有一个小部件，用来显示repo的HTTPS克隆地址，当你点击紧挨着这个部件的按钮时，就会复制当前repo的URL到用户的剪贴板中。Github用JavaScript库ZeroClipboard来实现这一功能，问题是这个库是用一个不可见的Flash来完成剪贴操作，而Flash技术正被各大浏览器厂商冷落，所以势必要有一个新的...
在前端开发中我们经常会输入相同的一些基本代码，例如常用的jquery引用，bootstrap框架，cssreset等等，如果每次使用时在复制粘贴感觉很麻烦，这里介绍一种更为简洁的方法 利用sublime的snippet功能快速创建代码段 打开Tools->New snippet我们能看到如图所示内容 要是没有一点英语基础，就有点抓瞎了，今天就来介绍一下如何使用这超级功能 首先简要介绍一下snippet的组成部分: content:其中必须包含,否则无法工...
弄了一个导航聚焦 但是要怎么实现点击跳转页面后 聚焦也随着过去呢？CSS该如何设计呢？ 这个是我的代码： Document *{ margin: 0; padding: 0; list-style:none; } .nav_1{ border-radius: auto; box-shadow: 10px 10px 5px #888888; text-align: right; height: 50px; margin-top: 50px; margin-right: auto; margin-bottom: 50px; margin-left: auto; backgro...
我要做个网站，要做个点击一块内容 弹出 然后锁住其他区域 怎么用jqueryUI做？ 回复讨论(解决方案) 在展示内容后面,要锁住区域前面,加一个DIV就行了 不就是 模式对话框
css的负margin外边距功能简单介绍:关于margin外边距可能绝对多数朋友都不陌生，它的功能就是设置元素的外边距。代码如下: div{ width:100px; height:100px; margin:10px 5px 15px 20px;} 更多基础应用可以参阅CSS的margin属性一章节。但是与负外边距的很多功能许多人并不是太了解，下面就通过代码实例做一下简单介绍。一.对于普通文档流的影响:关于文档流的基本概念可以参阅什么是文档流一章节。也就是说处于...
复制剪贴板功能分为两部分：ie 浏览器和非 ie 浏览器，ie 浏览器可以使用 clipboardData 对象，而非 ie 浏览器则利用 flash 与 js 的结合来实现，即 ZeroClipboard.js。 clipboardData 对象 clipboardData 对象只有 ie 浏览器认识，该对象有 3 个方法： clearData， getData和 setData。 方法 描述 clearData 通过 dataTransfer 或 clipboardData 对象从剪贴板...
英文原文： DevTools Digest: More power with the new Command Menu 作者：Paul Bakaus；翻译：Guokai Han 注：以下 Cmd 键在 Windows 上为 Ctrl 键。 Cmd+Shift+P 唤出命令菜单 Sources 面板中的文件跳转命令 Cmd + P 已经出现有一段时间了。现在我们更进一步带来了命令菜单功能，它能快速执行 DevTools 中的大部分重要功能，就像某些文本编辑器一样。 在任何位置（即使焦点在页面上）都可以使用...