- 博客(17)
- 资源 (1)
- 收藏
- 关注
原创 js获取鼠标所在的位置
我这里写的代码是运用在canvas画布中的,获取鼠标位置。其实获取鼠标位置在不在canvas中道理都是相同的。以下是代码:<!DOCTYPE html><html><head> <title></title> <meta charset=&
2018-12-01 20:25:56
1990
原创 webstrom点击打开浏览器快捷键查看网页显示404问题解决
问题:如图,我一如既往的点击这个按钮打开网页,然后,页面突然显示404解决:百度了一下,发现是因为该HTML文件放在了一个含有 + 号的文件夹内,导致解析错误。把“+”去掉后就可以打开了。另外:似乎就是因为这个"+",让我在webstrom敲代码的速度都变慢了,代码显示的速度远远慢于打字的速度,卡了很久,让我一度怀疑我的电脑是不是该换了。去掉之后就回归正常了。...
2018-11-29 22:10:26
2835
原创 canvas两个图片重叠时显示的方法——globalCompositeOperation
ctx.globalCompositeOperation = "source-over";source-over 是这个属性的默认值,初次之外还有很多属性。图片是从《HTML5+Canvas开发详解》弄下来的
2018-11-04 20:29:15
8074
原创 更换浏览器标题栏图标
<head> <title>浏览器标题</title> /*重点来了*/ <link rel="shortcut icon" type="image/x-icon" href=" 文件名.ico"/> </head> 这种小图标的文件格式是.ico,没有这样的格式的图片文件可以网上搜
2018-10-24 15:27:53
581
原创 常见清除浮动的三种方法
clear:both不应用于浮动元素本身,而是应用于浮动元素后面的元素overflow:hidden应用于浮动元素的父元素,而不是当前的浮动元素。但会隐藏超出父元素的内容部分。3. ::after::after 伪元素结合clear:both来实现.clearfix{*zoom:1;} /*解决ie6,ie7浮动*/.clearfix::after { clear:both;...
2018-10-23 14:48:23
497
原创 css四个层次选择器
1.后代选择器选中parent元素内部后代所有 n 元素。parent n{}2.子代选择器选中 parent 元素内部 的子元素 nparent>n{}3.兄弟选择器选中 brother 元素后面的所有某一类兄弟元素 n。brother~n{}4.相邻选择器选中brother元素后面的某一个相邻的兄弟元素n。brother+n{}...
2018-10-23 14:38:37
6144
原创 position五个属性
absolute:绝对定位,相对于 static 定位以外的第一个父元素进行定位fixed:生成绝对定位的元素,相对于浏览器窗口进行定位relative:生成相对定位的元素,相对于其正常位置进行定位inherit:规定应该从父元素继承 position 属性的值static:默认值...
2018-10-23 14:25:17
197
原创 HTML5canvas给图片加滤镜
图片颜色反转&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt; &am
2018-10-16 16:06:26
1957
原创 数字逻辑第3版(机械工业出版)知识点和部分习题答案
还没有学完,所以还没有写完第1章基础1. 信号模拟信号连续信号,幅度随时间连续变化数字信号正逻辑:0低电平,1高电平; 负逻辑:1低电平,0高电平;优点:稳定性好,可靠性高,易于长期储存,便于计算机处理,便于高度集成化2.进制制的三要素:数字符号、基数、位权数制转换整数部分:除R取余小数部分:乘R取整...
2018-09-18 20:50:35
16832
11
原创 classList的用法
假设var a = document.getElementBy("DIV");1.使用classList返回所选元素的类名,是一个数组,一个类名占一个长度(a.classList.length)。2.a.classList.add("classname1") ; 添加一个类名3.a.classList.remove("classname2") ; 去掉一个类名4.a.clas..
2018-08-16 20:33:15
15549
3
原创 property和attribute同步问题及attr()和prop()
property和attribute都有属性的意思,但是这两个却有点不同。他们的值有时候是一样的,有时候又不一样。具体要看这个属性属于什么情况。分为 布尔值属性 和 非布尔值属性两个 情况1.非布尔值属性 不管什么情况 property和attribute都会同步 2.布尔值属性 改变property,不会同步 attribute 当没有设定property时,改变att...
2018-08-15 20:46:52
426
原创 bootstrap日期选择器bootstrap-datepicker的使用方法
1.下载文档http://www.bootcss.com/p/bootstrap-datetimepicker/2.在文件中引入相关文件 →css部分<link href="bootstrap.min.css" rel="stylesheet"><link href="bootstrap-datepicker3.min.css" rel="styles...
2018-08-06 20:25:04
11741
1
原创 前端图片的压缩——保持尺寸不变,压缩图片大小
刚学前端不久,我天真的以为图片找对位置添加进去就好了,因为平时都是在本地上看效果的,并不能看出图片大小对网页浏览的影响,所以我就在这吃过一次亏。 当时的页面有一个1500*4200的整体的背景图片,在挂到服务器上之后,背景图片迟迟不能加载出来,大部分的时间都用来加载图片去了,这让我很是郁闷,后来才知道要把图片压缩(捂脸)这里我就把压缩图片的方法记录一下: 我压缩图片需要借助Photoshop。
2017-09-29 20:50:41
6847
2
原创 JS计时与倒计时
计时器在很多地方都有用,比如之前在写的答题页面中就有用到计时。 JSt=setTimeout("timedCount()",1000);setTimeout(“调用的函数”,以毫秒为单位的时间);HTML<form id="time-counter"> 时间还有: <input type="text" id="txt" value="0时0分0秒" readOnly="read
2017-09-29 18:55:10
650
原创 css设置不允许复制文本内容
之前做一个网上答题的页面时,考虑到要防止考生利用复制粘贴来提高作弊的可能性,就设计了不允许复制。 方法也很简单,通过设置CSS 的 user-select就可以达到目的: -moz-user-select:none; /* Firefox私有属性 */ -webkit-user-select:none; /* WebKit内核私有属性 */ -ms-user-select:n
2017-09-29 18:44:42
21391
3
物联网信息感知技术-重要知识点
2018-07-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人