09 2020 档案

javascript-变量
摘要：什么是变量 白话：变量就是一个装东西的盒子。 通俗：变量是用于存放数据的容器。 我们通过 变量名 获取数据，甚至数据可以修改。 声明变量 // 声明变量 var age; // 声明一个 名称为age 的变量 var 是一个 JS关键字，用来声明变量( variable 变量的意思 )。使用该关键字 阅读全文
posted @ 2020-09-28 22:41 潇洒哥哈哈哈 阅读(92) 评论(0) 推荐(0)
javascript-01
摘要：JavaScript的作用 表单动态校验（密码强度检测） （ JS 产生最初的目的 ） 网页特效 服务端开发(Node.js) 桌面程序(Electron) App(Cordova) 控制硬件-物联网(Ruff) 游戏开发(cocos2d-js) HTML/CSS/JS 的关系 浏览器执行 JS 简 阅读全文
posted @ 2020-09-27 23:24 潇洒哥哈哈哈 阅读(91) 评论(0) 推荐(0)
移动端WEB开发之响应式布局
摘要：响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 响应式布局容器 响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。 原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同 阅读全文
posted @ 2020-09-22 23:32 潇洒哥哈哈哈 阅读(124) 评论(0) 推荐(0)
移动 web 开发之less
摘要：Less 使用之变量 变量是指没有固定的值，可以改变的。因为我们CSS中的一些颜色和数值等经常使用。 @变量名:值; 必须有@为前缀 不能包含特殊字符 不能以数字开头 大小写敏感 @color: pink; Less 嵌套 // 将css改为less #header .logo { width: 3 阅读全文
posted @ 2020-09-20 00:00 潇洒哥哈哈哈 阅读(158) 评论(0) 推荐(0)
移动web开发之rem布局1
摘要：rem单位 rem (root em)是一个相对单位，类似于em，em是父元素字体大小。 不同的是rem的基准是相对于html元素的字体大小。 比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。 /* 根html 为 12px 阅读全文
posted @ 2020-09-17 23:26 潇洒哥哈哈哈 阅读(116) 评论(0) 推荐(0)
flex布局
摘要：flex布局 操作方便，布局极其简单，移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分 父项常见属性 flex-direction：设置主轴的方向 justify-content：设置主轴上的子元素排列方式 flex-wrap：设置子元素是否换行 alig 阅读全文
posted @ 2020-09-11 00:16 潇洒哥哈哈哈 阅读(113) 评论(0) 推荐(0)
html5中的2D和动画
摘要：rotate 2d旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转 使用步骤： 给元素添加转换属性 transform 属性值为 rotate(角度) 如 transform:rotate(30deg) 顺时针方向旋转30度 div{ transform: rotate(0deg); } tra 阅读全文
posted @ 2020-09-04 22:38 潇洒哥哈哈哈 阅读(279) 评论(0) 推荐(0)
移动web开发流式布局
摘要：二倍图 ####3.1物理像素&物理像素比 物理像素点指的是屏幕显示的最小颗粒，是物理真实存在的。这是厂商在出厂时就设置好了,比如苹果6 是 750* 1334 我们开发时候的1px 不是一定等于1个物理像素的 一个px的能显示的物理像素点的个数，称为物理像素比或屏幕像素比 如果把1张100*100 阅读全文
posted @ 2020-09-02 22:00 潇洒哥哈哈哈 阅读(128) 评论(0) 推荐(0)
关于HTML5和css3部分内容
摘要：HTML5 拓展了以下内容： 语义化标签 本地存储 兼容特性 2D、3D 动画、过渡 CSS3 特性 性能与集成 1. 语义标签： hearder 头部标签 nav 导航标签 article 内容标签 section 块级标签 aside 侧边栏标签 footer 尾部标签 使用语义化标签的注意： 阅读全文
posted @ 2020-09-01 23:00 潇洒哥哈哈哈 阅读(218) 评论(0) 推荐(0)
深入理解CSS动画animation
摘要：01-animation也是一个复合属性，包括animation-name、animation-duration、animation-timing-function、animation-delay、animation-iteration-count、animation-direction、anima 阅读全文
posted @ 2020-09-01 17:17 潇洒哥哈哈哈 阅读(131) 评论(0) 推荐(0)