- 博客(18)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 overflow：hidden；本意是隐藏超出文本框的内容，为什么能实现清除浮动和解决margin坍陷？
首先，清除浮动本质上是触发了BFC,只要是能触发BFC,就能清除浮动。那这里就得解释什么是BFC。一、BFC定义BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。（其中Block-level box是display 属性为 block, list-item, table 的元素）简单来说BFC的定义如下：浮动元
2021-10-30 01:04:11
851
1
原创 响应式布局-----媒体查询
一、medio 语法1、设置meta标签<meta name="viewport" content="width = device-width,initial-scale=1,maximum-scale=1,user-scaled = no">2、media格式@media 媒体类型 and|all|noly (媒体特征){ 选择器{ ...
2019-06-21 22:48:03
483
转载 animation、transition、transform的区别
属性 含义 animation（动画） 用于设置动画属性，他是一个简写的属性，包含6个属性 transition（过渡） 用于设置元素的样式过度，和animation有着类似的效果，但细节上有很大的不同 transform（变形） 用于元素进行旋转、缩放、移动或倾斜，和设置样式的动画并没有什么关系，就相当于color一样用来设置元素的“外表” transla...
2019-06-20 18:29:45
1159
原创 什么是盒子模型，怎样使用
1、首先盒子模型有两种，W3C的标盒模型和IE的怪异盒子模型2、两者的区别1）、盒子模型包括margin、padding、content、border，而W3C标准盒子模型的元素宽度width=content的宽度而IE怪异盒子模型的元素宽度width=content+padding+border2）、IE的怪异盒子模型元素宽度的定义更能让人理解，W3C也认识到了这一点，所以在cs...
2019-06-20 18:21:52
2195
1
原创 定位：相对定位、绝对定位是什么？什么时候用，相互之间的关系
昨天晚上写了个页面，感觉自己对相对定位和绝对定位还是有没有弄清楚的地方，所以今天还是来总结一下。1、首先看两者的定义和区别相对定位设置后是相对于它本身所在的文档流的位置进行定位，也就是相对于它原来的位置而言绝对定位设置后就是相对于它的祖先节点中设置过相对定位的那块容器 ，来进行绝对定位如果祖先节点中没有设置 默认就是body标签。区别：绝对定位会脱离文档流,文档中不保留其定位前的位...
2019-06-20 17:12:25
6900
1
原创 AJAX开发
一、简单请求实例<!DOCTYPE html><head><title>一个简单的异步请求示例</title> <script type="text/javascript">var xmlHttpObject; function createXMLHttpRequest() { if (window.Activ...
2018-05-28 15:10:16
236
原创 Visual Studio Code 的使用教程
一、常用快捷键编辑器与窗口管理打开一个新窗口： Ctrl+Shift+N关闭窗口： Ctrl+Shift+W新建文件 Ctrl+N文件之间切换 Ctrl+Tab切出一个新的编辑器（最多 3 个） Ctrl+\左中右 3 个编辑器的快捷键 Ctrl+1 Ctrl+2 Ctrl+3代码编辑格式调整代码行缩进 Ctrl+[ 、 Ctrl+]Ctrl+C 、 Ctrl+V 复制或剪切当前行/当前选中内容代...
2018-04-16 12:20:52
9785
原创 Git 中生成 SSH key的步骤
通常可以用SSH协议和远程库通信或者使用http协议和远程通信。http协议较为方便，但SSH协议方式速度更快。由于本地Git仓库和GitHub仓库之间的传输是通过SSH加密的，所以必须要让github仓库认证你SSH key，在此之前，必须要生成SSH key。生成步骤如下：首先在window下查看[c盘->用户->自己的用户名->.ssh]下是否有id_rsa、id_rsa....
2018-04-12 23:28:56
467
原创 git与github的使用
一、怎样在github上创建文件夹（或则说把本地项目同步到github）#配置用户名和邮箱 1 、 git help git ---查看帮助文档 2 、 git config --global user.name "leorunwind" 3 、 git config --global user.email "luorunwen@163.com" #本地库创建 4、...
2018-04-11 23:34:04
256
原创 HTML5的学习
一、HTML5 中的一些有趣的新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素，比如 article、footer、header、nav、section新的表单控件，比如 calendar、date、time、email、url、search一、视频<video> 标签的属性属性值描述autoplayaut...
2018-04-10 22:13:16
175
原创 github的使用
1、githib中的快捷键2、登录完的首页介绍3、上传项目至GitHub要托管到github，那你就应该要有一个属于你自己的github帐号，完成注册，进入github平台，点击new repositories ，新建一个新项目（你也可以加入到一个已有的项目）。记录下你刚才创建项目地址。点击该图标获取地址。首先你要在本地计算机中安装一个git客户端，安装完成后，进入到要托管的项目根目录，右键启动G...
2018-04-10 21:09:32
286
原创 chrome浏览器中 F12 功能的简单介绍
由于F12是前端开发人员的利器，所以我自己也在不断摸索中，查看一些博客和资料后，自己总结了一下来帮助自己理解和记忆，也希望能帮到有需要的小伙伴，嘿嘿！首先介绍Chrome开发者工具中，调试时使用最多的三个功能页面是：元素（ELements）、控制台（Console）、源代码（Sources），此外还有网络（Network）等。 元素（Elements）：用于查看或修改HTML元素的属性、C...
2018-04-10 19:02:29
64140
11
原创 区分Web服务器、HTTP服务器、应用程序服务器
在学习前端的过程中。进程听到和看到web服务器、HTTP服务器、应用程序服务器，但一直不知道它们有什么区别，迷惑了好久，今天查看的很多博客，终于算是梳理通了，下面我就来总结一下它们的区别，顺别了解一些服务器。 首先我们要知道web服务器它只需支持HTTP协议、HTML文档格式及URL。其主要功能是传送页面使浏览器可以浏览，又因为它主要支持HTTP协议，所以通常情况下web服务器和HT...
2018-04-04 16:58:08
18008
2
原创 利用nodejs搭建本地服务器 解决跨域问题
最近把以前用jquery写的一个小demo拿出来运行的，刚开始的时候忘了开启本地服务导致控制台一直报XMLHttpRequest cannot load file:///C:/Users/79883/Desktop/ajax/data.json?{%22username%22:%22lcl@qq.com%22,%22pwd%22:%22Home20170702%22}. Cross ...
2018-03-20 17:09:22
4877
2
原创 解决VC6.0安装时出现的“应用程序无法正常启动（0xc0000412）”
当我出现此问题的时候，我就去百度查了一下，发现解决方法也挺多的，但针对于在Win10上更易出现此问题且多数是集中出于中文版本上，所以出现此类问题的解决办法就是用英文版本的msdev.exe代替中文版本的msdev.exe即可（就是把英文版的msdev.exe复制张贴到你已经安装好的文件Microsoft Visual Studio\Common\MSDev98\Bin目录下覆盖原来的msdev.e...
2018-03-11 11:06:23
3192
原创 git提交出现”Could not read from remote repository.Please make sure you have the correct access rights”错误
一、我在使用git 的遇到“Could not read from remote repository.Please make sure you have the correct access rights”开始看不懂是什么错，然后自己百度一下，发现是ssh key的问题，看了答案但都不是很完整，所以自己整理一哈，加深印象预防下次再次出现此问题。解决方法如下：1、git输入命...
2018-03-10 19:31:20
8953
原创 使用vue-cli脚手架在vs code 建立vue项目
一、安装vue-cli1、安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。(node的下载地址：http://nodejs.cn/download/)2、达到以上条件后就可以通过一下命令安装vue-clinpm install vue-cli -g-g表示全局安装。安装完成可以...
2018-03-08 17:13:54
1612
原创 Git的安装和简单使用
一、Git安装1、下载Git,可以从Git官网直接下载安装程序，然后按照默认选项安装即可。2、安装完成后，检验是否安装成功 返回电脑桌面，单击右键（或者在开始菜单输入git），若出现如下图框选的图标就安装成功。3、安装完成还需最后一步配置（从开始菜单或者桌面找到"Git"->"Git Bash"在命令行输入：）a、设置用户名：git config -- global user.nam...
2018-01-20 18:22:55
2787
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人