纯CSS实现立方体旋转
摘要：代码1： <!DOCTYPE html> <html> <head> <title></title> <style> .rect-wrap { position: relative; perspective: 2000px; } .container { width: 400px; height:
阅读全文
posted @ 2020-02-26 14:51
02 2020 档案
css3总结(三)立方体、动画、web字体、字体图标、弹性布局、多列布局、伸缩盒子
摘要：目录： 1.立方体2.动画3.设置动画的一些属性4.案例：无缝滚动5.web字体6.弹性布局7.多列布局8.弹性布局9.案例：伸缩盒子的flex属性的应用案例（菜单个数不限）10.伸缩盒子的align-items属性 设置侧轴对齐方式11.案例：伸缩盒子，宽高自适应 1、立方体 <--返回目录 *t
阅读全文
posted @ 2020-02-24 01:31
css3总结(二)背景色渐变、background、边框图片、过渡、2d变换、3d变换
摘要：目录： 1、背景的线性渐变2、径向渐变 从中间到外围渐变3、background4、提升移动端响应区域的大小5、边框图片6、过渡7、2d转换 2d移动8、2d转换 缩放9、2d转换 旋转10、2d转换 斜切11、旋转中心设置transform-origin12、案例：扑克牌旋转13、同时添加多个tr
阅读全文
posted @ 2020-02-24 00:13
css3总结(一)属性选择器、伪类、伪元素、盒模型、边框圆角、文本阴影、边框阴影
摘要：目录： 1、属性选择器2、兄弟伪类3、相对于父元素的结构伪类4、伪类样式target5、伪元素选择器before after6、::first-letter ::first-line ::selection的使用7、opacity设置透明度及RGBA的使用8、文本阴影text-shadow9、盒模型
阅读全文
posted @ 2020-02-23 17:02
自定义视频播放器（功能包括：播放/暂停，全屏，跳播）
摘要：最终效果： 1、demo结构 fontawesome字体下载：http://fontawesome.dashgame.com/ loading.gif：百度loading.gif选择一张下载 2、index.html 功能包括：播放/暂停，全屏，跳播 <!DOCTYPE html> <html> <
阅读全文
posted @ 2020-02-23 13:26
html5总结
摘要：目录： 1、什么是html52、HTML5-语义化标签及兼容性处理3、HTML5-表单新增的type属性4、H5新增的其他属性5、表单新增元素datalist6、HTML5-新增的表单事件7、进度条8、音频和视频9、DOM扩展10、网络监听事件11、全屏接口的使用12、FileReader的使用13
阅读全文
posted @ 2020-02-22 11:54
Git workflow- Git 工作流
摘要：See also:1. https://github.com/elsewhencode/project-guidelines/blob/master/README-zh.md#git-workflow **分支名**- feat/connectBlueFire- refactor/pdtUiUser
阅读全文
posted @ 2020-02-17 17:33
nodejs使用redis实现sub/pub
摘要：1、为了测试，在windows系统安装redis 参考：windows安装解压版redis demo结构： 2、代码 pageage.json { "name": "redis_pub_sub_demo", "version": "1.0.0", "description": "", "main":
阅读全文
posted @ 2020-02-17 14:04
nodejs的pg模块操作postgres数据库
摘要：postgres数据库安装：windows安装解压版postgresql 1、使用nodejs模块pg操作postgres数据库 const pg = require('pg') // 数据库配置 var config = { user: "wenbin.ouyang", host: 'localh
阅读全文
posted @ 2020-02-17 13:46
linux记录
摘要：目录： 1、vim的使用2、linux关机重启注销3、linux用户管理4、linux运行级别5、linux常用指令6、linux组管理和权限管理7、linux任务调度8、linux网络配置9、linux进程管理和服务管理 学习 linux 的流程： 1、vim的使用 <--返回目录 1) vim的
阅读全文
posted @ 2020-02-15 14:38
mongodb和mongoose
摘要：目录： 1、安装及配置mongodb2、启动服务时可以指定db的路径和端口3、基本概念4、基本指令5、数据库的CRUD（增删改查）的操作6、安装图形化工具7、文档之间的关系8、sort和投影9、mongoose10、通过mongoose连接MongoDB11、mongoose之Schema和Mode
阅读全文
posted @ 2020-02-03 23:28
前端项目使用eslint提高代码质量
摘要：1、写在前面 前面博客介绍现代化前端测试时讲到静态测试，即在编写代码逻辑阶段时进行报错提示。 本文介绍使用ESLint来进行javascript代码检查。 ESLint 是一个插件化的 javascript 代码检测工具，它可以用于检查常见的 JavaScript 代码错误，也可以进行代码风格检查，
阅读全文
posted @ 2020-02-03 15:54
