随笔分类 -  前端

webstorm使用教程
摘要:Webstorm 超实用配置教程 原文来自:http://www.jianshu.com/p/4ce97b360c13 一、下载安装包 Webstorm 2017.1.4 百度云盘下载地址:https://pan.baidu.com/s/1kVqoPJh 二、安装过程(包含输入注册码永久使用) 双击 阅读全文
posted @ 2017-12-12 17:22 SoftBlue 阅读(24811) 评论(0) 推荐(1)
浏览器内核
摘要:内核 首先得搞懂浏览器内核究竟指的是什么。 浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或 阅读全文
posted @ 2017-12-12 16:01 SoftBlue 阅读(226) 评论(0) 推荐(0)
前端必读:浏览器内部工作原理
摘要:目录 一、介绍 二、渲染引擎 三、解析与DOM树构建 四、渲染树构建 五、布局 六、绘制 七、动态变化 八、渲染引擎的线程 九、CSS2可视模型 英文原文:How Browsers Work: Behind the Scenes of Modern Web Browsers 一、介绍 浏览器可以被认 阅读全文
posted @ 2017-12-12 15:58 SoftBlue 阅读(828) 评论(0) 推荐(0)
原生ajax
摘要:从页面向服务器发送请求,当然少不了ajax方法。此处我们不再从头到尾扯历史、扯概念,直接上手,一切向生产力看齐。通常发送ajax请求,都会使用jQuery方法,但是大作业里不允许使用任何js框架,所以此处使用原生js发送请求。 归纳起来步骤如下: 1. 建立XMLHttpRequest对象 此处要注 阅读全文
posted @ 2017-12-12 14:25 SoftBlue 阅读(783) 评论(0) 推荐(0)
onblur
摘要:HTML onblur 事件属性 HTML 事件属性 HTML 事件属性 实例 当用户离开输入字段时对其进行验证: <input type="text" name="fname" id="fname" onblur="upperCase()"> 亲自试一试 实例 当用户离开输入字段时对其进行验证: 阅读全文
posted @ 2017-12-12 11:28 SoftBlue 阅读(417) 评论(0) 推荐(0)
input required
摘要:HTML <input> required 属性 HTML <input> 标签 实例 带有必填字段的 HTML 表单: <form action="demo_form.html">Username: <input type="text" name="usrname" required><input 阅读全文
posted @ 2017-12-12 11:27 SoftBlue 阅读(329) 评论(0) 推荐(0)
js实现表格的增删改查
摘要:说在前面的,写给小白白的,大神请绕道~ 今天用原生js写一下动态表格的增删改查,主要是熟悉一下js的DOM操作。 首先,做一个表格,用来显示提交的数据,如图下: 此处,我添加了编号、姓名、密码、生日、地址五个属性,另外加选中、操作两个操作,亲们可以自行添加,布局代码如下: css方面我运用了boot 阅读全文
posted @ 2017-12-10 18:29 SoftBlue 阅读(1037) 评论(0) 推荐(0)
十大经典排序算法的JS版
摘要:前言 个人博客:Damonare的个人博客 如遇到问题或有更好的优化方法,可以: 提issue给我 或是pull requests 我都会看到并处理,欢迎Star。 这世界上总存在着那么一些看似相似但有完全不同的东西,比如雷锋和雷峰塔,小平和小平头,玛丽和马里奥,Java和javascript... 阅读全文
posted @ 2017-12-10 17:55 SoftBlue 阅读(581) 评论(0) 推荐(0)
下拉菜单被挡住了,DIV置于最底层的方法
摘要:网站常会用到一些 下拉菜单,,幻灯片,,,飘浮广告等。 但经常会发现。幻灯片会挡住下拉菜单或者飘浮广告等。解决办法有下 第一,可将幻灯片所在DIV 置于最底层。添加CSS如下 style="z-index:-100;position: relative;" 第二,可将被挡住的DIV/ul/li 置于 阅读全文
posted @ 2017-12-10 17:37 SoftBlue 阅读(2874) 评论(0) 推荐(0)
在网站开发中经常用到的javaScript技术
摘要:1>屏蔽功能类 1.1 屏蔽键盘所有键<script language="javascript"><!--function document.onkeydown(){ event.keyCode = 0; event.returnvalue = false;}--></script> 1.2 屏蔽鼠 阅读全文
posted @ 2017-12-10 17:36 SoftBlue 阅读(162) 评论(0) 推荐(0)
前端chrome浏览器调试
摘要:引言 “工欲善其事,必先利其器” 恩,这句话我觉得说的特别有道理,举个例子来说吧,厉害的化妆师都有一套非常专业的刷子,散粉刷负责定妆,眼影刷负责打眼影,各司其职,有了专业的工具才能干专业的事,这个灵感要来源于之前我想买化妆品时,店里的海报标语,由此联想到,如果你想在某个事情上做好,并且做的专业,那么 阅读全文
posted @ 2017-12-10 17:12 SoftBlue 阅读(573) 评论(0) 推荐(0)
JavaScript参考
摘要:要查看英语原文,请勾选“英语”复选框。也可将鼠标指针移到文本上,在弹出窗口中显示英语原文。 翻译 英语 要查看英语原文,请勾选“英语”复选框。也可将鼠标指针移到文本上,在弹出窗口中显示英语原文。 翻译 英语 JavaScript 语言参考 JavaScript 是一种可嵌入网页和其他应用程序的脚本语 阅读全文
posted @ 2017-12-10 16:47 SoftBlue 阅读(158) 评论(0) 推荐(0)
xmlhttp
摘要:File an issue about the selected textFile an issue about the selected text XMLHttpRequest Living Standard — Last Updated 13 October 2017 Participate:G 阅读全文
posted @ 2017-12-10 16:34 SoftBlue 阅读(332) 评论(0) 推荐(0)
----转载----【前端工具】Chrome 扩展程序的开发与发布 -- 手把手教你开发扩展程序
摘要:关于 chrome 扩展的文章,很久之前也写过一篇。清除页面广告?身为前端,自己做一款简易的chrome扩展吧。 本篇文章重在分享一些制作扩展的过程中比较重要的知识及难点。 什么是 chrome 扩展程序 扩展程序是一些能够修改或增强 Chrome 浏览器功能的小程序。对于前端工程师而言,其最大的便 阅读全文
posted @ 2017-12-10 09:16 SoftBlue 阅读(1352) 评论(0) 推荐(0)