自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 node 后端代理服务器

通过访问一个服务器来获取其他服务器里面的数据例如:访问a服务器,在页面展示b服务器里面的内容数据;则 可以通过a服务器通过代理得到b服务器里面的数据并渲染出来。服务器与服务器之间没有跨域问题。方法一:原生通过一个server1.js文件创建的服务器向另一个server2.js文件创建的服务器发送请求数据.server1.js文件var http = require('http')...

2020-02-04 23:07:42 554

转载 零基础的前端开发初学者应如何系统地学习?前端技能汇总 Frontend Knowledge Structure

Frontend Knowledge Structure项目起源@jayli 的这幅前端知识结构图。图片的形式具有诸多的不便。缺失源图的我们,无法为此图贡献些什么,随着时间的迁移,或许有些技术点会发生改变,所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。前端开发知识结构前端工程师浏览器IE6/7/8/9/...

2019-11-30 09:48:17 242 1

原创 动画库

具体请根据链接去w3school查看旋转 2D本素材来源于w3school;点击进入w3c测试一下通过 旋转 2D转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。Internet Explorer 10、Firefox 以及 Opera 支持 transform 属性。Chrome 和 Safari 需要前缀 -webkit-。注释:Internet Explorer 9 ...

2019-11-27 23:04:49 151

原创 媒体查询

媒介类型某些 CSS 属性仅仅被设计为针对某些媒介。比方说 “voice-family” 属性被设计为针对听觉用户终端。其他的属性可被用于不同的媒介。例如,“font-size” 属性可被用于显示器以及印刷媒介,但是也许会带有不同的值。显示器上面的显示的文档通常会需要比纸媒介文档更大的字号,同时,在显示器上,sans-serif 字体更易阅读,而在纸媒介上,serif 字体更易阅读。@med...

2019-11-27 22:19:44 196

原创 伪类-伪元素

伪元素属性值描述::first-letter向文本第一个字母添加特殊样式::first-line向文本的首行添加特殊样式::before在元素之前添加内容::after在元素之后添加内容...

2019-11-27 21:45:53 183

原创 input控件

type属性值描述text单行文本password密码radio单选checkbox多选bottom普通按钮-不推荐使用(与bottom标签功能类似)submit提交按钮reset重置按钮image图片形式提交按钮file文件域email邮箱tel手机号number数字search...

2019-11-24 22:49:17 877

原创 CSS渐变

线性渐变background-image:linear-gradient();注意,颜色之间用逗号分开从上到下的线性渐变(默认)效果图div{ width: 200px; height:200px; margin: 0 auto; background-image: linear-gradient(red, orange);} 从左到...

2019-11-24 22:09:45 196

原创 CSS样式-特殊的图标

效果图HTML部分:<body><div class="link"> <a class="✘" href="#">Decline</a> <a class="☺" href="#">笑脸</a> <a class="◔-◔" href="#">白痴</a> &lt...

2019-11-24 18:29:51 263

原创 CSS清空样式

清空默认样式html{font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}body{width: 100%;margin:0px;}将所有标签设置为块元素article,aside,details,figcaption,figure,footer,h...

2019-11-24 18:06:35 619

原创 下拉菜单

<select> <option value="">子选项一</option> <option value="">子选项二</option> <option value="">子选项三</option></select>效果图下拉子菜单的属性eg<se...

2019-11-24 16:55:32 87

原创 表格

<table> <!-- 代表这是一个表格 --> <tr> <!-- 代表行 --> <th>表头内容1</th> <!-- th 代表表头内容单元格 --> <th>表头内容2</th> <th>表头内容3&lt...

2019-11-23 22:06:46 171

原创 弹性布局

display:flex影响子元素的排列方式,使得块级元素不再独占一行。无论多少个元素都始终在同一行显示。flex-direction值设置布局方向row从左到右(默认)row-reverse从右至左column从上到下column-reverse从下至上...

2019-11-23 21:39:38 189

原创 定位+浮动

父相子绝

2019-11-23 14:40:33 249

转载 vscode 快捷键使用方式

vscode 快捷键使用方式记住快捷键能够提高工作效率Ctrl+Shift+P,F1 展示全局命令面板Ctrl+P 快速打开最近打开的文件Ctrl+Shift+N 打开新的编辑器窗口Ctrl+Shift+W 关闭编辑器Ctrl + X 剪切Ctrl + C 复制Alt + up/down 移动行上下Shift + Alt up/down 在当前行上下复制当前行Ctrl + Sh...

2019-11-23 14:07:11 133

原创 盒模型

border,margin,padding,content,width,height上 右 下 左border — 边框border-color —边框颜色border-width —边框粗细border-style —边框样式border-radius --边框角度补充border-width 的值border-style 的值border-radius...

2019-11-16 14:25:28 104

原创 文本-HTML基础类

单位em 相对于 父元素rem 相对于页面根元素,及html元素文本标签 <p>段落标签 块级</p> <span>正常文本标签 行内</span> <b>加粗 是bold的简写</b> <i>斜体</i> 25<sup>2</sup>...

2019-11-11 20:57:34 151

原创 HTML-基本命名规范

HTML 布局时命名规范常用:头部:header内容:content/container主体:main尾部:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper功能区:左、中、右:left 、 center 、 right标志:logo标题:title登录条:logobar广告:banner登入:login...

2019-11-11 17:06:12 612

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除