0

如何画svg路径图

在画路径图之前,首先得在package.json引入2个依赖 废话不多说,直接上代码 通过以上代码,最终可以生成如下图所示,点击开始,点就会跟着模拟路径跑,流动方向请看代码注释。 ...

龙猫大侠客 发布于 2019-07-30 17:22 评论(1)阅读(60)
0

单选框radio改变事件

Allot Transfer $(document).ready(function() { $('input[type=radio][name=bedStatus]').change(function() { if (this.value == 'allot') { alert("Allot Tha... ...

子钦加油 发布于 2019-07-30 16:17 评论(1)阅读(40)
0

CSS3动画——animation

CSS3动画animation的学习笔记,包括animation的属性及其值的设定,以及keyframes的值的设定方法 ...

且听风吟720 发布于 2019-07-30 11:56 评论(0)阅读(97)
0

一套完整的前端知识地图,告别零散知识点,打通任督二脉

前端工程师是研发体系中的重要岗位之一。可是,与此相对的是,系统性的教学方案几乎找不到。大部分前端工程师的知识,其实都是来自于实践和工作中零散的学习。 很多在学习前端,以及工作的前端工程师的困扰: 零基础入门前端 对于 0 基础入门的同学,我建议你先通过视频,了解前端学习具体的学习路径,培养一定的思维 ...

双手写代码 发布于 2019-07-30 09:55 评论(1)阅读(189)
0

css基础,css选择器

07.29自我总结 css基础 一.什么是CSS CSS是级联样式表 CSS术语标记语言,没有逻辑 CSS作用 完成网页内容的样式与布局 二.CSS的三种引入方式 1. 内联式 书写位置:在 head标签内定义一个stype标签内 CSS语法:css选择器{样式1;样式2} 优缺点:可读性强,有复用 ...

小小咸鱼YwY 发布于 2019-07-29 20:14 评论(4)阅读(92)
1

html基础总结

07.29自我总结 HTML(页面架构) 一.什么是HTML HTML是一种超文本标记语言 超文本:文本,图片,音频,视频,超链接等 标记:符号,标签 组成: 指令 转义字符 标签 目的:完成页面的搭建 HTML页面大致的组成部分 :必须出现在页面的最上方,规定该文档采用的html版本类型 页面标签 ...

小小咸鱼YwY 发布于 2019-07-29 17:36 评论(1)阅读(109)
0

css之文本两端对齐的两种解决方法

说起文本对齐,大家都知道text-align,最常用的有left、right、center,今天我们说一下justify,也就是文本两端 对齐。说起来简单,但是有些小坑大家还是要注意的。 现在我们有这样的两行文本,实际开发中我们经常会遇到这样的情景:需要把姓名和电话号码这两段文字对齐。我们自然会想到 ...

夜千灯 发布于 2019-07-29 17:25 评论(1)阅读(47)
0

HTML中由于DIV(块元素)浮动,导致的父元素高度塌陷问题的解决方案

费话不多说,直接上问题: 1.开始时,页面只有两个DIV的嵌套(见图) 运行结果是: 现在看运行的是正常的,但是当我设置让 class="box2" 的DIV浮动时 运行结果是这样的: 图中可以看出,box1中已经没有了任何高度,这是由于box2设置了浮动属性,box2脱离了文档流(也可以理解为bo ...

BeenTogether 发布于 2019-07-29 10:34 评论(0)阅读(69)
0

CSS 定位 四种定位

absolute 生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。元素的位置通过“left”,“top”,“right”以及“bottom”属性进行定位。 fixed 生成固定定位的元素,相对于浏览器窗口进行定位。元素的位置通过“left”,“top”,“right”以及“bo ...

DoubleL2 发布于 2019-07-29 10:23 评论(1)阅读(62)
0

CSS设置浮动导致背景颜色设置无效的解决方法

float浮动会使父元素高度塌陷,父级元素不能被撑开,所以导致背景颜色不能被撑开 解决方法: ...

DoubleL2 发布于 2019-07-28 19:31 评论(1)阅读(48)
0

要什么 Photoshop,会这些 CSS 就够了

标题党一时爽,一直标题党一直爽 还在上大学那会儿,我就喜欢玩 Photoshop。后来写网页的时候,由于自己太菜,好多花里胡哨的效果都得借助 Photoshop 实现,当时就特别希望 CSS 能像 Photoshop 一样处理图片。 随着对 CSS 的了解越多,我发现 CSS 有很多平时用得少(或者 ...

Wise.Wrong 发布于 2019-07-28 16:30 评论(1)阅读(156)
0

HTML给标题栏添加图标

也可以使用“shortcut icon” short icon,特质浏览器中地址栏左侧显示的图标,一般大小为16*16,后缀名为icon; icon 指的是图标,格式可以PNG|GIF|JPEG,尺寸一般为16*16,24*24,36*36; ...

DoubleL2 发布于 2019-07-28 15:56 评论(1)阅读(51)
0

HTML连载26-谷歌开发者工具其它作用&CSS继承性

一、谷歌开发者工具其他特性(谷歌浏览器快捷键F12) (1)元素选择, 在里面我们可以看到某些行的具体代码 (2)查看源代码 (3)该元素的样式显示,我们可以看到我们选中的元素的具体样式属性,可以在里面进行更改,但不会修改源代码,只会当做临时查看 (4)具体的样式代码 (5)该行代码所在的文件的位置 ...

心悦君兮君不知-睿 发布于 2019-07-28 00:36 评论(1)阅读(39)
0

flex布局

flex布局原理 + flex 是Flexible Box的缩写,意思是'弹性布局', 用来为盒模型提供最大的灵活性,任何一个容器都可以指定为flex布局 + 当为父盒子设为flex布局后, 子元素的float, clear 和 vertical align属性将失效 + flex布局又叫弹性布局, ...

itoor 发布于 2019-07-27 17:56 评论(2)阅读(121)
0

WordPress实现中英文数字之间自动加空格排版

通常来说中文与英文、中文和数字之间加上空格的排版会更加好看,但是如果让我们在编辑文章的时候人工添加,感觉非常繁琐和让人厌烦,所以今天龙笑天下就来跟大家介绍一下WordPress如何实现中英文数字之间自动加空格的排版技巧。(PS:其实很早就想加上这个功能了,但奈何懒癌发作…) 第一步:html或bod ...

赵sir阿 发布于 2019-07-27 15:22 评论(1)阅读(24)
1

02、HTML 基础

1、HTML 标题 HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>灵_夜</title> </head> <body> <h1>这是标题 1</h1 ...

灵_夜 发布于 2019-07-26 23:55 评论(2)阅读(99)
0

css 行内水平均等排布方式

测试1 测试2 测试3 测试4 ...

zty_Love 发布于 2019-07-26 17:44 评论(1)阅读(66)
0

UI设计中,文本底部添加下换线

最近在开发项目,针对小程序前端,显示文本需要添加下划线问题,起初是通过border-bottom:1rpx solid #eee; 进行编写,但是总是觉得线的高度过于粗,移动端最小单位值是 1 即:1rpx 1px,高度设置0.3是不生效的,后面看到相关博客通过 scale进行划线,在这记录下: ...

zty_Love 发布于 2019-07-26 17:23 评论(1)阅读(43)
0

html中a标签的4个伪类样式

在CSS超链接的属性中,有四个连接方式:a:link a:hover a:visited a:acticve ...

码农下的天空 发布于 2019-07-26 11:57 评论(1)阅读(110)
0

微信小程序 自定义头部导航栏和导航栏背景图片 navigationStyle

​ 这两天因为要做一个带背景的小程序头,哭了,小程序导航栏有背景也就算了,还得让导航栏上的背景顺下来,心态小崩。现在可以单独设置一个页面的小程序头了,但是前提是要微信7.0以上的版本,考虑到兼容性问题,还是不要贸然的上了,所以用老版本的替换所有页面的小程序头来做。 ​ 参考了 "jiuyucha" ...

王梓瑞 发布于 2019-07-26 11:44 评论(1)阅读(335)