09 2020 档案

data-*自定义属性
摘要：HTML5增加了一项新功能是：自定义数据属性，也就是data-*自定义属性。在HTML5中我们可以使用data-为前缀来设置我们需要的自定义属性，来进行一些数据的存放。当然高级浏览器下可以通过脚本进行定义和数据存取。在项目实践中非常有用。 例如： <div id="div1" class="div1 阅读全文
posted @ 2020-09-28 19:46 MIKE-CHOW 阅读(631) 评论(0) 推荐(0)
怎样通俗的讲解 PHP 和 Apache 的关系？
摘要：https://blog.csdn.net/ziyifengfei/article/details/80078657 阅读全文
posted @ 2020-09-24 23:21 MIKE-CHOW 阅读(155) 评论(0) 推荐(0)
SSH免密码登录
摘要：git支持多种数据传输协议 https协议：https://gitee.com/zhimingzhou/test.git 需要输入用户名和密码 ssh协议：git@gitee.com:zhimingzhou/test.git 可以配置免密码登录 使用https协议时，每次push或者pull代码，都 阅读全文
posted @ 2020-09-24 22:43 MIKE-CHOW 阅读(123) 评论(0) 推荐(0)
别名操作
摘要：git remote每次push操作都要带上远程仓库地址，非常麻烦，我们也可以给远程仓库设置一个别名 # 给远程仓库设置别名git remote add 仓库别名 仓库地址# 删除别名git remote remove 仓库别名# git clone的仓库默认有一个origin的别名 阅读全文
posted @ 2020-09-24 17:02 MIKE-CHOW 阅读(129) 评论(0) 推荐(0)
远程仓库的基本使用
摘要：git clone作用：克隆远程仓库的代码到本地 git clone https://gitee.com/zhimingzhou/test.git 会在本地创建一个新的test文件夹，在test文件夹中包含了一个.git目录，用于保存所有的版本记录，同时test文件中还有最新的代码，你可以直接进行后 阅读全文
posted @ 2020-09-24 00:13 MIKE-CHOW 阅读(172) 评论(0) 推荐(0)
vs code添加到鼠标右键菜单
摘要：今天主要介绍的是，怎么把VSCode加入到右键的功能菜单中，不管是在桌面，还是具体的文件夹，都可以直接使用右键点击打开，此为一类操作方式，也可针对sublime Text 3、idea等，方法类似，具体操作方法如下： 1、在桌面建立一个add_shortcut.reg文件，注意文件后缀名是 .reg 阅读全文
posted @ 2020-09-23 23:33 MIKE-CHOW 阅读(1237) 评论(0) 推荐(0)
分支
摘要：分支的作用： 提高功能模块开发独立性，不同的分支相互独立查看当前分支：git branch创建分支：git branch 分支名创建并切换分支：git checkout -b 分支名切换分支：git checkout 分支名合并分支：git merge 分支名称 将其他分支合并到当前分支删除分支：g 阅读全文
posted @ 2020-09-23 17:33 MIKE-CHOW 阅读(142) 评论(0) 推荐(0)
git重置
摘要：git reset作用：版本退回，将代码恢复到已经提交的某一个版本中#将代码回退到某个指定的版本(版本号只要有前几位即可)git reset --hard 版本号 #将版本回退到上一次提交git reset --hard head~1 ~1 上一次提交 ~2 上上次提交 ~0 当前提交 阅读全文
posted @ 2020-09-22 23:18 MIKE-CHOW 阅读(168) 评论(0) 推荐(0)
git比较
摘要：git diffgit diff可以查看工作区与暂存区的不同 #查看工作区与暂存区的不同 git diff#查看暂存区与仓库区的不同git diff --cached#查看工作区与仓库区的不同，HEAD表示最新的那次提交git diff HEAD#查看两个版本之间的不同git diff c23458 阅读全文
posted @ 2020-09-22 22:17 MIKE-CHOW 阅读(97) 评论(0) 推荐(0)
git config配置
摘要：git config配置如果是第一次提交，需要配置提交者信息，推荐和gitee的账号邮箱一致 #使用 --global参数，配置全局用户名和邮箱，只需要一次配置即可，推荐配置gitee的用户名和密码git config --global user.name Jepson git config --g 阅读全文
posted @ 2020-09-22 18:00 MIKE-CHOW 阅读(703) 评论(0) 推荐(0)
git版本控制系统
摘要：什么是版本控制系统版本控制系统是一种记录一个或若干文件内容变化，以便将来查阅特定版本修订情况的系统版本控制系统的功能就是追踪文件的变更，他将什么时候、什么人更改了文件的什么内容等信息忠实的记录下来，每一次文件的变更，文件的版本号都将增加本地版本控制系统：本地版本控制系统就是在一台机器上，记录版本的不 阅读全文
posted @ 2020-09-21 17:53 MIKE-CHOW 阅读(153) 评论(0) 推荐(0)
响应式布局和媒体查询
摘要：一套页面能够适配所有浏览器网页能够在任何大小的屏幕上完美布局！这个网页能够动态监测到当前屏幕的宽度，根据不同的宽度来设置不同的样式，达到适配的效果； 监测当前屏幕宽度:1.用js获取当前屏幕的宽度2.媒体查询技术 css3新增媒体查询基本语法：@media screen and (min-width 阅读全文
posted @ 2020-09-16 17:23 MIKE-CHOW 阅读(262) 评论(0) 推荐(0)
zepto.js
摘要：移动端使用js库 zepto1、jquery有大量处理低版本浏览器兼容的代码，在移动端不需要，因此过于冗余2、zepto是个轻量级的js库，api与jquery类似，会用jquery就会用zepto3、zepto包含了许多不同用途的模块，我们只需要引入基础模块并根据需求引入其他相应模块即可，最大程度 阅读全文
posted @ 2020-09-16 00:13 MIKE-CHOW 阅读(303) 评论(0) 推荐(0)
用touch事件来优化click事件
摘要：在移动端，既有touch事件又有click事件1.click事件在pc端很常用，但是在移动端会有大约300ms左右的延迟，比较影响用户的体验，300ms用于判断双击还是长按事件，只用没有后续的动作发生时，才会触发点击事件基于第一点原因，用户体验有待提升，希望能用touch事件封装出一个响应速度更快的 阅读全文
posted @ 2020-09-15 21:15 MIKE-CHOW 阅读(171) 评论(0) 推荐(0)
BFC 神奇背后的原理
摘要：BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spe 阅读全文
posted @ 2020-09-14 14:24 MIKE-CHOW 阅读(156) 评论(0) 推荐(0)
移动端触屏事件
摘要：touch事件移动端常见屏幕操作场景：单击、双击、长按、滑动、缩放、旋转在移动端，以上所有的操作场景，都是基于触屏事件实现的移动端新增了4个与手指触摸相关的事件：touchstart：手指放到屏幕上时触发touchmove：手指在屏幕上滑动时触发（会触发多次）touchend：手指离开屏幕时触发to 阅读全文
posted @ 2020-09-13 17:38 MIKE-CHOW 阅读(141) 评论(0) 推荐(0)
去除img下方的空白（vertical-align：middle）——原理
摘要：去除img下方的空白（vertical-align：middle）——原理 代码如下：一个简单的div装在一个img中， 然而在预览时却发现这种情况 也就是说img下方会无缘无故出现一个空隙。然后你发现，只要给img元素加上一个属性 vertical-align:middle 就解决了问题！！！ 所 阅读全文
posted @ 2020-09-12 11:04 MIKE-CHOW 阅读(314) 评论(0) 推荐(0)
less介绍
摘要：css需要书写大量看似没有逻辑的代码，不凡便维护和拓展，不利于复用。造成这些困难的原因源于css是一门非程序式语言，没有变量，函数，作用域等概念，less/sass为web开发者带来了福音，它在css语法基础之上，引入了变量，混入，运算以及函数等功能，大大简化了css的编写，并且降低了css的维护成 阅读全文
posted @ 2020-09-11 13:45 MIKE-CHOW 阅读(209) 评论(0) 推荐(0)
视口
摘要：在移动端，如果把一个盒子的宽度设置成100%，盒子的宽度并不是浏览器的宽度，而是980px移动端网页的布局不是基于浏览器可视区域宽度，而是基于一个虚拟的布局区域（视口），视口宽一般默认980px这个是历史原因导致的，早期的电脑屏幕分辨率通常是1024的分辨率，所以版心的宽度通常是980px，由于手机 阅读全文
posted @ 2020-09-10 17:59 MIKE-CHOW 阅读(315) 评论(0) 推荐(0)
二倍图和三倍图
摘要：物理像素：由屏幕硬件决定，一个物理像素大小在不同的屏幕上是不一样的由于不同的屏幕一个物理像素的大小不一样，如果采用物理像素布局，会导致网页在不同分辨率的屏幕显示时布局差异很大CSS像素：px可以解决不同分辨率屏幕布局盒子大小不一样的问题px可以屏蔽物理像素点大小不一致的差异看不懂了吧~举个例子 一倍 阅读全文
posted @ 2020-09-10 17:02 MIKE-CHOW 阅读(2340) 评论(0) 推荐(0)
PC端布局和移动端布局差异
摘要：PC端布局和移动端布局差异一、pc端让一个网页在不同的屏幕适配 设置版心：1200px二、在移动端 让一个网页在不同的屏幕适配，要充分利用屏幕空间 宽度自适应， 流式布局：百分比布局 伸缩布局 宽高自适应： rem 阅读全文
posted @ 2020-09-10 16:06 MIKE-CHOW 阅读(490) 评论(0) 推荐(0)
获取地理位置
摘要：在HTML规范中，新增了获取用户地理位置的API，这样使得我们可以基于用户位置开发互联网应用，即基于位置服务LBS（location base service）定位方式：IP、基站、GPS、北斗隐私HTML5规范提供了一套保护用户隐私的机制，必须先得到用户明确的许可，才能获取用户的位置信息。在获取地 阅读全文
posted @ 2020-09-10 13:23 MIKE-CHOW 阅读(385) 评论(0) 推荐(0)
读取文件
摘要：h5中新增了读取文件的方法，网页可以读取文件的内容了1-当文件域标签选中文件后，获取选中文本文件，读取文件内容 <input type="file"> <script> var input = document.querySelector('input') input.onchange=functi 阅读全文
posted @ 2020-09-10 12:35 MIKE-CHOW 阅读(174) 评论(0) 推荐(0)
localStorage和sessionStorage
摘要：本地存储cookie：1- 容量小 4kb左右2- 操作不方便，因为那蹩脚的API3- cookie中的数据会通过请求头 自动 发送给服务器4-服务器设置cookie是通过响应头，响应报文发送给浏览器头，浏览器会解析响应报文，根据报文自行设置cookieh5中新增的两个本地存储容器容量：大约5M 只 阅读全文
posted @ 2020-09-10 11:31 MIKE-CHOW 阅读(164) 评论(0) 推荐(0)
拖拽
摘要：h5中新增了拖拽事件，原则上所有的元素都可以被拖拽，默认情况下，只有图片和连接可以被拖拽如果需要被拖拽，需要给元素设置一个属性draggable = ‘true’被拖拽元素事件:ondragstart 拖拽开始ondrag 拖拽中ondragend 拖拽结束目标元素事件1.ondragover 当被 阅读全文
posted @ 2020-09-09 17:59 MIKE-CHOW 阅读(397) 评论(0) 推荐(0)
伸缩布局
摘要：之前常用的布局方式：每种布局方式都有自己的布局特点，不同的布局方式相互独立，互不干扰1-标准流　块级——独占一行　行内——没有宽高，由内容撑开，独占一行　行内块——有宽高，不独占一行　从上到下，从左到右2-浮动　左浮动　右浮动　清除浮动3-定位　参照： 绝对定位：有定位的父元素 相对定位：相对于自身 阅读全文
posted @ 2020-09-08 17:49 MIKE-CHOW 阅读(187) 评论(0) 推荐(0)
css中background-color：transparent与opacity：0有什么区别
摘要：css中的background-color:transparent;背景颜色设置为transparent，元素的背景色为透明的，元素里面的其他元素或内容都没有影响； opacity:0;透明度设置为0，不仅使得元素的背景透明，连其子元素和内容都会变透明。 阅读全文
posted @ 2020-09-08 15:06 MIKE-CHOW 阅读(699) 评论(0) 推荐(0)
动画
摘要：动画和过渡的区别1.过渡必须触发，需要两个状态的改变2.动画可以一直运行下去，不需要出发。实现效果和过渡差不多在css3中，动画和js的函数使用比较类似：先定义 --> 再调用 --> 一次定义多次调用定义： @keyframes 动画名称 { from{} to{} 或者 0%{} 10%{} 1 阅读全文
posted @ 2020-09-07 17:24 MIKE-CHOW 阅读(112) 评论(0) 推荐(0)
3D变换
摘要：rotateX() 沿X轴旋转rotateY() 沿Y轴旋转rotateZ() 沿Z轴旋转translateX() 沿X轴位移translateY() 沿Y轴位移translateZ() 沿Z轴位移透视：可以呈现出近大远小的效果perspective:数值显示效果：1.透视需要设置给变换元素的父盒子 阅读全文
posted @ 2020-09-06 23:19 MIKE-CHOW 阅读(193) 评论(0) 推荐(0)
CSS的小技巧
摘要：1、当一个盒子同时设置left和right，left会生效；可以通过left:auto,使left不再控制盒子的位置，这样right才能生效2、盒子背面不可见的属性是backface-visibility:hidden 阅读全文
posted @ 2020-09-06 21:47 MIKE-CHOW 阅读(119) 评论(0) 推荐(0)
jQuery用ajax请求后台的注意事项
摘要：在使用jQuery的ajax请求后台时，如果使用了FormData获取前端表单数据，要将ajax的contentType参数设置成false，同时将processData参数设置成false， $('.btn').click(function () { var fd = new FormData($ 阅读全文
posted @ 2020-09-06 21:39 MIKE-CHOW 阅读(187) 评论(0) 推荐(0)
2D变换
摘要：transform缩放：scale(水平缩放比例，垂直缩放比例);只有一个值，等比例缩放大于1，放大小于1，缩小平移：translate(水平移动距离，垂直移动距离);只有一个值 水平位移正值 右下移动可以使用百分比，百分比是相对于自身的注意，在c3中，所有的百分比都是相对于自己的translate 阅读全文
posted @ 2020-09-06 13:32 MIKE-CHOW 阅读(165) 评论(0) 推荐(0)
过渡
摘要：transition过渡是由一种状态渐渐过渡到另一种状态，从而实现动画效果 div { width: 200px; height: 100px; margin: 100px auto; border: 1px solid black; background-color: lime; transiti 阅读全文
posted @ 2020-09-06 13:08 MIKE-CHOW 阅读(310) 评论(0) 推荐(0)
渐变
摘要：渐变由一种颜色渐变为其他颜色渐变属于背景线性渐变：background:linear-gradient(方向,起始颜色,终止颜色)方向:to left right bottom top显示效果控制渐变的范围 显示效果方向可以是一个角度显示效果 径向渐变background:radial-gradie 阅读全文
posted @ 2020-09-06 11:14 MIKE-CHOW 阅读(235) 评论(0) 推荐(0)
背景原点和背景裁剪
摘要：背景原点background-origin作用：用于指定背景图片从那个盒子开始平铺padding-box 默认content-boxborder-box 以下是content-box的效果 以下是padding-box的效果 以下是border-box的效果 背景裁剪，background-clip 阅读全文
posted @ 2020-09-05 10:44 MIKE-CHOW 阅读(155) 评论(0) 推荐(0)
CSS hsla() 函数
摘要：定义与用法 hsla() 函数使用色相、饱和度、亮度、透明度来定义颜色。 HSLA 即色相、饱和度、亮度、透明度（英语：Hue, Saturation, Lightness, Alpha ）。 色相（H）是色彩的基本属性，就是平常所说的颜色名称，如红色、黄色等。 饱和度（S）是指色彩的纯度，越高色彩 阅读全文
posted @ 2020-09-04 23:11 MIKE-CHOW 阅读(238) 评论(0) 推荐(0)
阴影
摘要：文字阴影text-shadow：水平位移 垂直位移 模糊程度 阴影颜色 显示效果： 一个文本可以设着多个阴影，每个阴影按正常格式书写，多个阴影之间用逗号隔开 显示效果： 盒子阴影box-shadow:水平位移 垂直位移 模糊程度 阴影大小 阴影颜色 内阴影(inset)box-shadow:水平位移 阅读全文
posted @ 2020-09-04 22:50 MIKE-CHOW 阅读(172) 评论(0) 推荐(0)
浏览器私有前缀解决兼容问题
摘要：如果css3的属性有兼容问题，加私有前缀:谷歌 -webkit-苹果 -webkit-火狐 -moz-IE -ms-欧朋 -o- 最终效果： 阅读全文
posted @ 2020-09-04 22:30 MIKE-CHOW 阅读(144) 评论(0) 推荐(0)
c3
摘要：CSS3CSS3是CSS2的“进化”版本，在CSS2的基础上，增强或新增了许多特性，弥补了CSS2的许多不足之处，使得web开发变得更加高效便捷CSS3现状1.浏览器支持程度较好，需要添加私有前缀2.移动端支持优于PC端如何对待1.遵循渐进增强原则：让低版本浏览器获得基础的功能，高版本浏览器具有更好 阅读全文
posted @ 2020-09-04 14:57 MIKE-CHOW 阅读(255) 评论(0) 推荐(0)
h5
摘要：h5概念：html5狭隘的理解：html5是在html4的升级版本，多一些标签html5广义的概念：html5代表着互联网技术的一个发展阶段，是一套前端技术的统称，包含HTML5、CSS3、H5提供的各种新的APIh5语法规范：1.单标签可以省略关闭符号2.双标签可以省略结束标签3.骨架可以全部省略 阅读全文
posted @ 2020-09-04 12:43 MIKE-CHOW 阅读(236) 评论(0) 推荐(0)
前端模块化require.js
摘要：早期JS代码都会写在一个文件中，仅需加载一个文件即可。后来代码越来越多，必须分割成多个文件，依次加载。问题是这种加载的方式，浏览器会停止页面渲染，加载文件越多，网页失去响应的时间越长。另外JS文件之间存在依赖关系，必须严格保证加载顺序。当依赖关系非常复杂的时候，代码的编写和维护变得异常困难。 Req 阅读全文
posted @ 2020-09-03 12:17 MIKE-CHOW 阅读(180) 评论(0) 推荐(0)
几个容易混淆的循环
摘要：forEach()方法，遍历数组 var arr = [2, 4, 5, 6]arr.forEach(function (v, i) { }); for，遍历数组 var arr = [2, 4, 5, 6] for (var i = 0; i < arr.length; i++) { consol 阅读全文
posted @ 2020-09-02 23:06 MIKE-CHOW 阅读(160) 评论(0) 推荐(0)