随笔分类 - 前端
摘要：一、什么是跨域? 只要协议、域名、端口有任何一个不同，就是跨域。 二、为什么不能跨域？ 浏览器有一个同源策略，用来保护用户的安全。 如果没有这个策略的话，a网站就可以操作b网站的页面，这样将会导致b网站的页面发生混乱，甚至信息被获取，包括服务器端发来的session。 具体详情请查看： http:/
阅读全文
摘要：整理了一些日常工作中涉及到的工具,下载链接：https://pan.baidu.com/s/1c1BdnWW#list/path=%2F 编辑器 Webstorm 软件下载及常用操作 webstorm10个快捷键 浏览器&抓包 谷歌浏览器及扩展 火狐 charles：抓包工具。可以抓http(s)，
阅读全文
摘要：1、JS分三个部分：ECMAScript、DOM、BOM 1）ECMAScript：提供核心语言功能 2）DOM：提供访问和操作网页内容的方法和接口 3）BOM：提供与浏览器交互的方法和接口 2、在html页面写js代码，需要将代码放在<script></script>；并且中间不能出现字符串“</
阅读全文
摘要：网上找的很多安装包都有问题，终于找到个可用的！ 下载地址： http://pan.baidu.com/s/1pLAONbX ———————————————————————————— 教程转载：http://www.jianshu.com/p/3bbf596c9ca6 如何使用 给Mac安装证书。打开
阅读全文
摘要：前言 有些函数，必须在网页加载完毕后执行。比如：涉及DOM操作的。 网页加载完毕时会触发一个onload事件，将函数绑定到这个事件上即可。 window.onload = myFunction; 问题来了：如果需要同时绑定多个事件，该如何处理呢？有两种解决方法 方案一 创建一个匿名函数，来容纳需要绑
阅读全文
摘要：一、前言 需要实现一个文字环绕图片的效果，心想so easy嘛。 1）代码部分 2）效果图 很容易就出来想要的效果了。最关键的代码：对图片进行左浮动就可以了，这不是挺简单的嘛。 二、遇到的问题 当把中间的文字替换成连续的英文字母时，出现问题了，如图 于是查找相关资料，测试结果后发现： 浏览器默认解析
阅读全文
摘要：说明 最近看到许多博主的页面特别漂亮，都有目录导航，方便大家阅读浏览。于是一搜索，发现已经有很多相应的教程《JS自动生成博文目录》。 但是没有一个针对BOOk皮肤的，比较喜欢这个皮肤，那就自己动手实现一个咯。 具体代码就不做过多介绍了，其他博主已经介绍的很仔细咯。 HTML代码 CSS代码 JS代码
阅读全文
摘要：前言 通过百度搜索歌曲，进入到酷我听歌页面时，发现没有歌词定位功能。 突然想到自己可不可以实现这个效果，于是就有了这篇文章。 分析 放上我喜欢的一首歌《Hello》 。界面如下 通过分析html源码，得到以下结果 1、最重要的两部分区域： 歌词区域 、 播放进度区域 2、歌词区域是一个 div [c
阅读全文
摘要：前言 创建元素有两种方法 1）将需要创建的元素，以字符串的形式拼接；找到父级元素，直接对父级元素的innnerHTML进行赋值。 2）使用Document、Element对象自带的一些函数，来实现动态创建元素（创建元素 => 找到父级元素 => 在指定位置插入元素） 一、字符串拼接形式 为了更好的理
阅读全文
摘要：前言 JS没有现成的函数，能够直接生成指定范围的随机数。 但是它有个函数：Math.random() 这个函数可以生成 [0,1) 的一个随机数。 利用它，我们就可以生成指定范围内的随机数。 而涉及范围的话，就有个边界值的问题。这样就包含四种情况： 1）min ≤ r ≤ max (一般这种比较常见
阅读全文
摘要：目录 布局模型 流动模型（Flow） 浮动模型 (Float) 层模型（Layer） 颜色值 长度值 一、布局模型 网页布局模型：个人理解，就是对html中各个元素进行一个排列。而排列的方法可以分为三种：流动模型、浮动模型、层模型。 二、流动模型 这是网页默认情况的布局模式。 特征： 三、浮动模型
阅读全文
摘要：目录 图解 盒模型尺寸基准 使用浏览器的开发者工具，查看元素高(宽)度时，遇到的问题 一、图解 说明：由内而外依次是content、padding（内边距）、border（边框）、margin（外边距）。 举个例子：一个快递车里放了许多快递包裹（盒子包装的），每个包裹里面又放了不同的东西。 cont
阅读全文
摘要：目录 块级元素 内联元素 内联块级元素 总结 一、块级元素（block） 定义：默认情况下，独占一行的元素就是块级元素。 特点： 常见的块级元素：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 二
阅读全文
摘要：目录 什么是HTML语义化？ 为什么要语义化 常用标签的语义 HTML5新元素 一、什么是HTML语义化？ 简单来讲就是：每个标签做自己的事，使得能够被机器直接读懂。 二、为什么要语义化？ 1、更容易被搜索引擎收录。 2、方便其他类型设备解析（如：屏幕阅读器等） 3、便于团队开发和维护。 三、常用标
阅读全文
摘要：可以通过http://htmlpreview.github.io/这个网站，直接在线预览html页面。 ↓ ↓ 可以发现：这个网站直接将github上的页面地址当做参数来传递。
阅读全文
摘要：目的： 用键盘替代鼠标，做一个安静刷知乎的美男(女)子！ 功能： 功能 按键 说明 直接定位到搜索框 q 打开 首页 w 打开 话题 e 打开 发现 r 打开 消息 m 打开 个人主页 u 打开 我的草稿 c 打开 我的收藏 s 打开 关注的问题 g 打开 邀请我回答的问题 y 打开当前可见范围内的
阅读全文
摘要：目录 CSS选择器 CSS层叠 CSS继承 样式优先级机制 一、CSS选择器？ 选择鼠标指针位于其上的链接。 提示: :hover 选择器器可用于所有元素，不仅是链接。 匹配被用户激活的链接--用户按下按键未松开时的状态。 为了产生预期的效果，以上四个选择器必须得按照先后顺序排列 :link — :
阅读全文
摘要：目录 了解什么是Web 了解什么是HTML 了解什么是CSS 了解什么是JavaScript 了解HTML与CSS是如何一起工作的 为何要使用CSS 扩展阅读 一、了解什么是Web？ 通俗来讲，可以使用户通过浏览器来访问某个电脑上的文件。 二、了解什么是HTML？ HTML（超文本标记语言--Hyp
阅读全文
摘要：目录 一、说明 二、获取本身 三、获取同级元素 四、获取父级元素 五、获取子级元素 一、说明 获取元素的方法分为两种：jQuery选择器、jQuery遍历函数。 做个总结，巩固下知识。 二、获取本身 1、只需要一种jQuery选择器 2、多种jQuery选择器组合 分为两部分：前半部分获取到的是一个
阅读全文
摘要：背景： 刷知乎时，老是需要用鼠标点下一页，对于懒人来说，太过麻烦。 功能： 敲击 “←” 、“→”，实现上一页、下一页功能。 思路： 通过谷歌扩展来实现：监听键盘事件，如果keycode为37、39时，进行上一页、下一页操作。 代码： 图方便，直接引用了Jquery库。 总共插件分为几个部分：jqu
阅读全文
浙公网安备 33010602011771号