H5
文章平均质量分 82
SSSkyCong
这个作者很懒,什么都没留下…
展开
-
空标签的定义
转载——作者:黄同学的前端学习笔记链接:https://www.jianshu.com/p/485ab38242ff來源:简书 1.空标签的定义:没有闭合标签的标签被称作为空标签。在我们使用的标签中,有的具有闭合标签。例如<td>标签,它有闭合标签</td>。但是也有一部分标签没有闭合标签,例如<br />标签,这一类标签我们称之为空...转载 2018-12-01 09:49:52 · 3834 阅读 · 2 评论 -
CSS的样式表分类及*link和import区别
1、内联样式(行间样式,行内样式)创建语法:<标签 style="属性1:值1;属性2:值2; ……"></标签>2、内部样式表(嵌套到页面中)创建语法:<style type="text/css">css语句</style>注:使用style标记创建样式时,最好将该标记写在<head></head转载 2018-12-01 09:57:26 · 224 阅读 · 0 评论 -
背景属性边框属性
背景属性背景颜色语法:选择符{background-color:颜色值;}简写:background:color值;背景图片的设置语法:background-image:url(背景图片的路径及全称);说明:网页上有两种图片形式:插入图片、背景图;插入图片:属于网页内容,也就是结构。背景图:属于网页的表现,背景图上可以显示文字、插入图片、表格等。背景图片的显示原则1)容器尺寸...转载 2018-12-01 10:07:36 · 366 阅读 · 0 评论 -
单行居中显示文字,多行居左显示,最多两行超过用省略号结尾
转——https://www.cnblogs.com/vanstrict/p/5923633.html 首先是单行居中,多行居左居中需要用到 text-align:center,居左是默认值也就是text-align:left。如合让两者结合起来达到单行居中,多行居左呢?这就需要多一个标签,假设一开始我们定义如下:<h2>单行居中,多行居左</h2>现...转载 2018-12-01 10:20:55 · 260 阅读 · 0 评论 -
html运行页面一直处在加载状态的解决
前两天在制作一个页面的时候,发现左上方浏览器一直在加载,如下图所示: 并且我的一些图片也不显示了查看代码,引用图片整合部分的图片路径出现错误:改正如下:重新运行界面:界面运行完毕,没有一直进行运行,图片也加载完成了。这虽然是个很显而易见的问题,图片路径没有正确,但是造成了我们的界面一直处在加载状态,造成这样状态的原因除去我们加载图片路径出现错误的情况,还有一...原创 2018-12-07 19:20:47 · 23491 阅读 · 1 评论 -
html网页中出现div id="blockbyte-bs-indicator" 的问题
html在写页面的时候,发现左侧出现了未知的一块元素,浏览器查看如下:查看代码如下:代码如下:<div id="blockbyte-bs-indicator" class="blockbyte-bs-fullHeight blockbyte-bs-visible" data-pos="left" style="width: 13px; height: 100%; top:...原创 2018-12-07 20:32:10 · 1006 阅读 · 0 评论 -
css图片垂直居中 让html img图片垂直居中的三种方法
本教程为thinkcss教大家三种让img元素图片在盒子内垂直居中的方法教程,根据代码与文章教程理解掌握并加以使用。一、使用flex实现垂直居中利用css flex实现垂直居中。flex可能不是实现垂直居中最好的选择,因为IE8,9并不支持它。现在,为了用flex实现垂直居中,我们首先要创建一个包裹着图片的div元素,然后给它定义一些基础属性。以下图片img宽度为(设置为)100p...转载 2018-12-03 14:08:51 · 20546 阅读 · 0 评论 -
H5面试总结(2)
转载—— https://blog.csdn.net/wp7021/article/details/790454851、统计一个字符串出现最多的字母<script> let findMaxDuplicateChar = function(str){ if(str.lenght === 1){ return str; } var charOb...转载 2018-12-03 14:15:48 · 466 阅读 · 0 评论 -
webstorm常用插件 最后一个最好
摘要:ideaVimignoreeslintAceJumpKeyPromoterMarkdownAngularJSactivate-power-modeMaterialThemeUICodeGlanceFile-&gt;settings-&gt;Plugins即可调出设置中的插件选项。或者直接快捷键ctrl+alt+s也可调出设置菜单。具体的插件安装方法不再赘述,不会的同学建...转载 2018-12-12 20:39:28 · 31670 阅读 · 2 评论 -
Js实现随机点击单个div颜色位置大小随机在浏览器页面出现
效果:——————————————————————————————————————————————————————————————————————————————————————————————————————————————————代码:<!DOCTYPE html><html lang="en"><head> &...原创 2018-12-13 18:55:05 · 2606 阅读 · 0 评论 -
Js实现简单的打印表格
效果如下:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>打印表格</title></head><body>原创 2018-12-13 18:58:13 · 7404 阅读 · 0 评论 -
Js实现一个div块点击一下更换一次移动方向
效果如下:小块一开始在浏览器左上方,点击一下,开始移动:——————————————————————————————————————点击一下,开始向下移动: 点击一下,开始向左移动,再点击向上。。。。。。实现代码:<!DOCTYPE html><html lang="en"><head> <meta cha...原创 2018-12-13 19:04:06 · 1873 阅读 · 0 评论 -
Js实现随机div颜色位置——满天星效果
效果如下:————————————————————————————————————————————————————————————————————————————————————————————————代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset=...原创 2018-12-13 18:48:56 · 2493 阅读 · 0 评论 -
innerHTML在JS中用法
转载——https://blog.csdn.net/qq_27918787/article/details/52628311innerHTML在JS是双向功能:获取对象的内容 或 向对象插入内容;如:<div id="aa">这是内容</div> ,我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的...转载 2018-12-13 20:44:01 · 17058 阅读 · 0 评论 -
Js实现中文的实时时钟
效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>&原创 2018-12-19 19:46:06 · 596 阅读 · 0 评论 -
Js实现数字时钟 纯css样式
效果:描述:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, m原创 2018-12-19 19:48:25 · 1914 阅读 · 1 评论 -
前端学习 -- Css -- 高度坍塌问题的产生以及解决
转载——https://www.cnblogs.com/androidsuperman/p/6810715.html在文档流中,父元素的高度默认是被子元素撑开的,也就是子元素多高,父元素就多高。但是当为子元素设置浮动以后,子元素会完全脱离文档流,此时将会导致子元素无法撑起父元素的高度,导致父元素的高度塌陷。由于父元素的高度塌陷了,则父元素下的所有元素都会向上移动,这样将会导致页面布局混乱。...转载 2018-12-07 09:55:07 · 137 阅读 · 0 评论 -
浅析BFC及其作用
转载--------------------- 作者:R-H-R 来源:CSDN 原文:https://blog.csdn.net/riddle1981/article/details/52126522 一、什么是BFC BFC(block formatting context):简单来说,BFC 就是一种属性,这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。 中文常译为块...转载 2018-12-07 09:59:21 · 188 阅读 · 0 评论 -
js中 ~(按位非)运算符妙用
转载:https://www.aliyun.com/jiaocheng/363385.html摘要:基础知识:某个数值的按位非操作,可以简单的理解为该值取负值后减1例如:~5=-5-1=-6~-5=5-1=4~4=-4-1=-5原理:二进制数的负数是取该二进制数的补码,然后+1。二进制数,最高位为0表示正数,最高位为1表示负数。(最高位分不同情况存储不一样)5的二进制表示:00000101(假...转载 2018-12-20 10:14:12 · 907 阅读 · 1 评论 -
JS的十大经典算法排序
转载https://www.cnblogs.com/dushao/p/6004883.html十大经典算法排序总结对比图示:名词解释:n: 数据规模k:“桶”的个数In-place: 占用常数内存,不占用额外内存Out-place: 占用额外内存稳定性:排序后2个相等键值的顺序和排序之前它们的顺序相同冒泡排序(Bubble Sort)冒泡排序须知:作为最简单的排序算...转载 2018-12-14 22:09:40 · 215 阅读 · 0 评论 -
CSS中常见的几种高度自适应布局
1.左右结构--高度自适应窗口高度<!doctype html><html><head><meta charset="utf-8"><title>经典左右结构--高度自适应窗口高度</title><style>body,html{height:100%;}*{margin原创 2018-12-09 20:49:37 · 26990 阅读 · 0 评论 -
最棒的 JavaScript 学习指南(2018版)
转载——译者注:原文作者研究了近2.4万篇 JavaScript 文章得出这篇总结,全文包含学习指南、新人上手、Webpack、性能、基础概念、函数式编程、面试、教程案例、Async Await、并发、V8、机器学习、数据可视化、调试、单元测试等章节,非常适合用于对自己 JavaScript 技术栈的比对,用于查漏补缺,适合收藏阅读。有删减。文中如有错误,欢迎评论指出。如果你对整体前端...转载 2018-12-10 08:41:20 · 400 阅读 · 0 评论 -
js
在开发中,数组的使用场景非常多,平日中也涉及到很多数组的api/相关操作,一直也没有对这块内容进行一块整理总结,很多时候就算用过几次这个api,在开发中也很容易忘记,还是要谷歌一下。所以就希望对这块内容有一个比较系统性的总结,在这背景下,就有了本篇文章,如果喜欢的话可以点波赞/关注,支持一下,希望大家看完本文可以有所收获。创建一个数组:// 字面量方式:// 这个方法也是我们最常用的...转载 2018-12-15 15:54:10 · 212 阅读 · 0 评论 -
Javascript面试题总结1221
原创 IT168企业级2017-04-13 17:02近年来,从事JavaScript的程序员越来越多,JavaScript的曝光率也越来越高,如果你想转行试试JavaScript,不妨收下这份面试题及答案,没准用得上。当然,如果针对这些问题,你有更棒的答案,欢迎移步至评论区。1、什么是JavaScript?(这是基本题,对很多程序员来说也是送分题!)JavaScript是客户端和服务...转载 2018-12-21 08:19:05 · 251 阅读 · 0 评论 -
Js ——CloneNode()用法
描述:cloneNode() 方法可创建指定的节点的精确拷贝。cloneNode() 方法 拷贝所有属性和值。该方法将复制并返回调用它的节点的副本。如果传递给它的参数是 true,它还将递归复制当前节点的所有子孙节点。否则(也就是默认值,或者false),它只复制当前节点。案例:代码:<!DOCTYPE html><html><...原创 2018-12-26 20:06:40 · 24060 阅读 · 5 评论 -
Js——键盘事件实现人物的行走
描述:小时候喜欢玩的一个游戏,魔塔,实现了人物的行走,以及跳跃,当然是2D的效果。用到的图:效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&a原创 2018-12-26 20:37:31 · 1472 阅读 · 0 评论 -
Js面试总结
技术面试:****JS原生基础****兼容性问题****前后端架构****HTTP基础****ES5/ES6****性能优化问题****webpack原理2017春招https://segmentfault.com/a/1190000010631325?_ea=2359607http://blog.csdn.net/lunaqi/article/detail...原创 2018-12-27 10:58:59 · 2864 阅读 · 0 评论 -
script 写在body和head中的区别
转载——https://www.cnblogs.com/AinRain/p/3793602.html区别简述:在HTML body部分中的JavaScripts会在页面加载的时候被执行。在HTML head部分中的JavaScripts会在被调用的时候才执行。——————————————————————————JavaScript应放在哪里head 部分中的脚本: 需调用才执行...转载 2018-12-10 20:26:15 · 275 阅读 · 0 评论 -
JavaScript实现简单的计算器
整个计算器实现由html文件、js文件和css样式表三部分组成整体效果:body里放俩div,一个大的包一个小的,小的放键盘,键盘div里放键盘。html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计原创 2018-12-10 23:10:49 · 1154 阅读 · 0 评论 -
正则表达式
转载——正则表达式是一种查找以及字符串替换操作。正则表达式在文本编辑器中广泛使用,比如正则表达式被用于:检查文本中是否含有指定的特征词 找出文中匹配特征词的位置 从文本中提取信息,比如:字符串的子串 修改文本与文本编辑器相似,几乎所有的高级编程语言都支持正则表达式。在这样的语境下,“文本”也就是一个字符串,可以执行的操作都是类似的。一些编程语言(比如Perl,JavaScript)...转载 2018-12-27 19:03:37 · 421 阅读 · 0 评论 -
Js——滚轮事件 自定义滚动条的实现
描述:自定义滚动条的实现效果:实现:<!DOCTYPE html><html lang=""><head> <meta charset="utf-8"> <title></title> <style> * {原创 2018-12-27 21:01:25 · 1066 阅读 · 0 评论 -
Js实现求一个数由几个数的平方构成,并打印出来(求平方数)
描述:费马四平方数猜想指出,任意自然数都可以分解成不超过四个完全平方数的和。例如:245 = 225+16+4 =15的平方+4的平方+2的平方现在给出自然数N,希望知道N最少可以分解成多少个完全平方数。代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...原创 2018-12-17 19:42:17 · 1825 阅读 · 0 评论 -
Js实现4位随机码(要求2数字,2字母,位置随机)
打印效果:等等.....字母大小写+数字的随机排序,2字母+2数字。代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>随机码</title> <原创 2018-12-17 19:46:05 · 1052 阅读 · 0 评论 -
Js随机生成一个五位以内的数,然后输出该数共有多少位,每位分别是什么
描述:随机生成一个五位以内的数,然后输出该数共有多少位,每位分别是什么。代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>5位随机</title></head&原创 2018-12-17 19:50:36 · 6345 阅读 · 1 评论 -
HashMap实现原理及源码分析
作者: dreamcatcher-cx出处: <http://www.cnblogs.com/chengxiao/> 哈希表(hash table)也叫散列表,是一种非常重要的数据结构,应用场景及其丰富,许多缓存技术(比如memcached)的核心其实就是在内存中维护一张大的哈希表,而HashMap的实现原理也常常出现在各类的面试题中,重要性可见一斑。本文会对java集...转载 2018-12-17 19:56:52 · 133 阅读 · 0 评论 -
Js实现抓取网址数据
描述: "http://www.163.com/index.html?user=xie&pass=123456&age=30&sex=man&interest=看书|游戏"; 将上述网址信息,塞选抓取转化为以下效果:user:"xie",pass:123456,age:30,sex:"man",interest:["看书","游戏原创 2018-12-17 20:04:16 · 7913 阅读 · 1 评论 -
Js实现图片做的实时时钟
描述:将下图作为时间的背景,实现随时时钟的效果。效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style原创 2018-12-17 20:09:37 · 1028 阅读 · 0 评论 -
Js实现简单的秒表
描述:实现一个简单的秒表,点击启动按钮时开始计时,随后启动按钮变为暂停,点击暂停暂停计时,点击复位回到最初始状态。效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title&原创 2018-12-17 20:12:59 · 5861 阅读 · 2 评论 -
JavaScript Date对象
转载——https://www.cnblogs.com/polk6/p/4156595.html#Menu3-ObjMethodJavaScript Date对象 本篇主要介绍 Date 日期和时间对象的操作。目录1. 介绍:阐述 Date 对象。2. 构造函数:介绍 Date 对象的构造函数new Date()几种方式。3. 实例方法:介绍 Date 对象的get、se...转载 2018-12-17 20:27:25 · 773 阅读 · 0 评论 -
Js实现的只有当前这个月的日历
转载——https://www.cnblogs.com/stella1024/p/7246246.html如何实现一个很简单的只有当前这个月的日历,具体效果如下图: ( 截图时间是 2017-7-27 ),下面展示一下实现的代码: .wrap { font-size: 0; } .weeks span { display: inline-blo...转载 2018-12-17 20:34:17 · 1870 阅读 · 0 评论