- 博客(17)
- 收藏
- 关注
原创 node 后端代理服务器
通过访问一个服务器来获取其他服务器里面的数据例如:访问a服务器,在页面展示b服务器里面的内容数据;则 可以通过a服务器通过代理得到b服务器里面的数据并渲染出来。服务器与服务器之间没有跨域问题。方法一:原生通过一个server1.js文件创建的服务器向另一个server2.js文件创建的服务器发送请求数据.server1.js文件var http = require('http')...
2020-02-04 23:07:42
609
转载 零基础的前端开发初学者应如何系统地学习?前端技能汇总 Frontend Knowledge Structure
Frontend Knowledge Structure项目起源@jayli 的这幅前端知识结构图。图片的形式具有诸多的不便。缺失源图的我们,无法为此图贡献些什么,随着时间的迁移,或许有些技术点会发生改变,所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。前端开发知识结构前端工程师浏览器IE6/7/8/9/...
2019-11-30 09:48:17
293
1
原创 动画库
具体请根据链接去w3school查看旋转 2D本素材来源于w3school;点击进入w3c测试一下通过 旋转 2D转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。Internet Explorer 10、Firefox 以及 Opera 支持 transform 属性。Chrome 和 Safari 需要前缀 -webkit-。注释:Internet Explorer 9 ...
2019-11-27 23:04:49
195
原创 媒体查询
媒介类型某些 CSS 属性仅仅被设计为针对某些媒介。比方说 “voice-family” 属性被设计为针对听觉用户终端。其他的属性可被用于不同的媒介。例如,“font-size” 属性可被用于显示器以及印刷媒介,但是也许会带有不同的值。显示器上面的显示的文档通常会需要比纸媒介文档更大的字号,同时,在显示器上,sans-serif 字体更易阅读,而在纸媒介上,serif 字体更易阅读。@med...
2019-11-27 22:19:44
233
原创 伪类-伪元素
伪元素属性值描述::first-letter向文本第一个字母添加特殊样式::first-line向文本的首行添加特殊样式::before在元素之前添加内容::after在元素之后添加内容...
2019-11-27 21:45:53
225
原创 input控件
type属性值描述text单行文本password密码radio单选checkbox多选bottom普通按钮-不推荐使用(与bottom标签功能类似)submit提交按钮reset重置按钮image图片形式提交按钮file文件域email邮箱tel手机号number数字search...
2019-11-24 22:49:17
973
原创 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
237
原创 CSS样式-特殊的图标
效果图HTML部分:<body><div class="link"> <a class="✘" href="#">Decline</a> <a class="☺" href="#">笑脸</a> <a class="◔-◔" href="#">白痴</a> <...
2019-11-24 18:29:51
310
原创 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
681
原创 下拉菜单
<select> <option value="">子选项一</option> <option value="">子选项二</option> <option value="">子选项三</option></select>效果图下拉子菜单的属性eg<se...
2019-11-24 16:55:32
123
原创 表格
<table> <!-- 代表这是一个表格 --> <tr> <!-- 代表行 --> <th>表头内容1</th> <!-- th 代表表头内容单元格 --> <th>表头内容2</th> <th>表头内容3<...
2019-11-23 22:06:46
214
原创 弹性布局
display:flex影响子元素的排列方式,使得块级元素不再独占一行。无论多少个元素都始终在同一行显示。flex-direction值设置布局方向row从左到右(默认)row-reverse从右至左column从上到下column-reverse从下至上...
2019-11-23 21:39:38
236
转载 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
165
原创 盒模型
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
139
原创 文本-HTML基础类
单位em 相对于 父元素rem 相对于页面根元素,及html元素文本标签 <p>段落标签 块级</p> <span>正常文本标签 行内</span> <b>加粗 是bold的简写</b> <i>斜体</i> 25<sup>2</sup>...
2019-11-11 20:57:34
187
原创 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
660
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人