CSS3知识回顾（13）+(git commit)规范写法
包括git commit -m "git message"规范化使用等等，还有CSS3响应式笔记,Bootstrap基础 git指令 git –version 查看git版本 git diff 比较文件的不同，及暂存区（staging area）和工作区(workspace)的差异 git commit的规范化 格式：<type>(<scope>):<subjext> type类别说明 type(必须)12345678910111213feat：新功能（feature）。fix/to：修复bug，可以是QA发现的BUG，也可以是研发自己发现的BUG。fix：产生diff并自动修复此问题。适合于一次提交直接修复问题to：只产生diff不自动修复此问题。适合于多次提交。最终修复问题提交时使用fixdocs：文档（documentation）。style：格式（不影响代码运行的变动）。refactor：重构（即不是新增功能，也不是修改bug的代码变动）。perf：优化相关，比如 ...
给你的博客顶部添加灯笼特效，牛气冲天
给你的博客顶部添加灯笼特效，CSS3 查看效果 演示站点： 点击这里 自定义内容 可自定义灯笼字体123456/* 修改灯笼的字体 */.d-box .d1::after{ content: '牛年吉祥';}.d-box1 .d1::after{ content: '万事顺利';} 可自定义灯笼大小,位置 123456789101112131415161718.d-box{ position: fixed; width: 330px; /* 自定义灯笼的位置 */ right: 0; top: 0; /* 自定义灯笼大小 */ transform: scale(0.8);}.d-box1{ position: fixed; width: 330px; /* 自定义灯笼的位置 */ left: 0; top: 0; /* 自定义灯笼大小 */ transform: scal ...
使用PicGo+github+gitee制作图床
国内好用的图床有好多，比如：七牛云，又拍云，公益图床，路过图床，SM.MS图床，聚合图床，腾讯云和阿里云oss，ImgURL 图床使用 我自己使用过的图床感觉比较好的，可长期发展的图床，就是Github图床还有国内的GitHub–码云gitee，当然其他图床也有他们的优势，比如又拍云和七牛云每个月都有免费的空间流量额度(缺点就是要有备案的域名) 当然腾讯云oss和阿里云oss作图床是更好的选择(土豪专属),虽然有免费的额度，但是如果是长期发展的不合适，额度规则是时刻变化的 准备工作 首先安装好PicGo软件，快速上传图片并获取图片 URL 链接的工具【下载地址】 GitHub或者gitee账号 Github图床 创建一个公开的GitHub仓库，然后点击右上角头像Settings里面找到Developer settings创建一个私人令牌Personal access tokens 新建一个私人令牌点击权限repo，记住生成的令牌token 查看图例 配置Pi ...
CSS3知识回顾（12）
rem布局 em是父元素的大小,字符 相对与父元素的字体大小 rem的基准是相对于html的字体大小 优势：可以通过修改html里面的文字大小来改变页面中的元素的大小来整体控制页面 媒体查询 可以针对不同的屏幕的尺寸设置不同的样式 1@media mediatype and|not|only(media feature){} 媒体类型 all print scree(用于电脑屏幕，平板，手机) 关键字 and not only 媒体特性 max-width/min 从小到大写代码更简洁，使用层叠性 媒体查询+rem实现元素的动态变化 媒体查询引入资源link less css的扩展语言，Sass,less,Stylus less变量 @color(变量名区分大小写) less编译 easy less less嵌套子元素的样式直接写道父元素里面就好了 伪元素要加& 使用less运算方便计算（有空格隔开） 运算过程中两个都有单位以第一个为准 import在样式文件中相导入 rem适配方案 实现 ...
auto.js的学习笔记
前段时间自己写了一个auto.js企业微信的打卡js,感觉auto.js特别有意思就想着学习学习，话不多说开干 auto.js是什么 Auto.js使用JavaScript作为脚本语言，目前使用Rhino 1.7.7.2作为脚本引擎，支持ES5与部分ES6特性。 学习笔记简单整理 寻找控件 文本定位 1234var a=text("文本为所要定位的").findOne();log(a)//反馈到控制台consolesa.click();//可单击控件位置sleep()//暂时休眠时间 findOne():表示基于某个条件找到一个符合条件的控件 findOnce():只执行一次 文本框定位 12345var 文本框=className("EditText").findOne();log ...
CSS知识回顾（11）
CSS移动端的知识回顾 常见布局 流式布局（百分比布局）–重点宽度 加最大值或者最小值控制max-width/min-width 12<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"> 二倍精灵图 将精灵图缩放为原来的一半 在测算距离 在缩放代码里面的精灵图大小background-size:缩放为原来的一半用px *flex布局 flex布局 原理：给父级添加flex属性来控制子盒子 弹性布局，任何一个容器都可以指定fiex布局 当为父元素设为flex后，float,clear,vertical-align属性将失效 flex容器，孩子为flex项目（flex item） flex父级属性 flex-diection:设置主轴的方向 默认主轴 ...
使用auto.js实现定时企业微信健康打卡
基于auto.js，Auto.js是一款自动化软件，根据脚本内容便可以自动地执行相关的操作，并且手机无需root，Auto.js的脚本需要使用JavaScript编写 了解auto.js 使用以下代码必须了解auto.js的工作流程 可以看官方使用文档 或者去我GitHub项目学习，代码以开源 我已经将使用代码放到下方，直接复制到auto,js即可使用 钉钉群健康打卡 查看代码 有两种方法，都已放到GitHub低调使用1234567891011121314151617181920212223242526272829303132333435device.wakeUp() //唤醒屏幕sleep(1000);"auto";/** * 同时模拟一个个手势： * 从(300, 1400)到(300, 400) * 每一个的时长都为350毫秒 */gestures([290, [300, 1400], [300, 400]]);function tim(){ ...
CSS3知识回顾（10）
CSS3转换透视旋转 CSS3思维导图 3D转换 x右面为正，左边为负 y下面为正，上面为负 z外面为正，里面为负 transform:translate3d(x,y,z),且xyz都不能省略 透视perspective 透视（视距）写到被观察元素的父盒子上 3D旋转 可以沿着xyz分别旋转，加透视效果更明显 使用左手定则判断方向 transform:rotate3d(x,y,z,ndeg) 3d呈现transform-style:flat/preserve-3d,代码写给父级，影响的时子盒子 查看案例代码 有3d翻转效果和旋转木马效果12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010 ...
CSS3知识回顾（9）
CSS32d,旋转等 CSS3 2D转换translate translate 移动，transform:translate(x,y) translateX/Y 右/下移动 translate不会影响其他的元素 如果里面的参数是%移动的而距离是盒子的宽度或者自身元素的% translate对行内元素是无效的 rotate rotate(ndeg),旋转 三角案例也可以试用 transform-origin 转变的起点 transform-origin:x y xy 50%时为中心点 可以使用方位名词 居中代码 123top:50%;left:50%transform:translate(-50%,-50%) scale(x,y) 元素的缩放（数字不跟单位） 可以分别缩放，可以等比缩放，缩小<1 优势不会影响其他的盒子，可以设置转化的中心点 2D综合写法 综合编写的时候，顺序有要求 同时有位移和旋转的，最好先写位移 动画 定义动画@keyf ...
利用钉钉群机器人实现定时发送群消息
利用钉钉群自定义机器人实现钉钉群内仿签到功能，缺点无后台统计记录，实现方法有多种借助云服务器或者GitHub action来实现定时通知功能，消息形式多样化文本，卡片等等 思维导图 此项目已上传到Github开源 准备工作 准备一个钉钉群并加入群自定义钉钉机器人 设置钉钉机器人方法看钉钉官方文档即可 云服务器或者本地电脑，都没有的话，注册使用GitHub实现（使用方法二） 方法一云服务器实现定时发送钉钉群消息 云服务器 使用云服务器(宝塔) （me菜鸟专属） 还可以使用云函数（这里我就不写了，感兴趣可以自己去研究研究）我懒_ 打开宝塔 找到计划任务将代码填入即可 代码看钉钉官方文档或者去我GitHub项目复制 可以使用宝塔webhook测试代码是否执行，宝塔自带 定时任务 第一种是使用宝塔的计划任务，直接定时即可 第二种是使用Liunx系统的Crontab定时任务 仿群签到 由于学校开始了钉钉群的健康打卡统计，我是属于那种比较懒的，老是错过签到，懂得都懂嘿嘿，所以突发奇想搞了一个仿签到，也就是利用钉钉自带的机器人实现群消息通知，改了改源码，变成自己的签到通知，缺点就是无法 ...
