大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

css实现边框动画

css实现边框动画 1、css实现边框动画 效果如图: body,div{ margin: 0; padding: 0; box-sizing: border-box; } .box{ width: 300px; height: 200px; padding: 20px; margin: 50px auto; color: #fff; background-color: #f60; } .border-box{ position: relative; width: 100%; height: 100%; padding: 20px; } .border-box::before

vue router 刷新404问题

-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] 3. nginx服务器配置 location / { try_files $uri $uri/ /index.html;

数据库学习笔记——22 管理事务处理

DELETE FROM ordertotals; 每个保留点都取标识它的唯一名字,以便在回退时,MySQL知道要回退到何处。为了回退到本例给出的保留点,可如下进行: ROLLBACK TO delete1; autocommit 标志决定是否自动提交更改,不管有没有 COMMIT语句。设置 autocommit 为 0 (假)指示MySQL不自动提交更改(直到 autocommit 被设置为真为止)。 标志为连接专用 autocommit 标志是针对每个连接而不是服务器的。

表格单元格内的两端对齐

表格单元格内的两端对齐 前端入坑纪 49 许久未更,最近做了个表格。碰到了两端对齐的坑(以前看到过,后来忘了。果然好记性不如烂笔头),今天来分享下~ 好,详解如下! OK,first things first! github项目地址 性冷淡表格 HTML 结构 姓名 休泽 职业 修业 就是这么简单的一个表格,这里的span是整个效果的灵魂,mark CSS 结构 table { width: 300px; height: 30px; display: inline-block;

用Vue.js写一个 自适应_等比缩放_无缝切换轮播

imgsWrp { display:flex; background-position:center center } 这次轮播li里不是直接套图片img了,使用了我之前《自适应缩放图文列表》同样的原理,所有的图片都是设置div.imgsInner的背景。然后,用padding撑开div.imgsInner。ul里的li,使用的flex布局就不多赘述了,相关的文章资料好大一坨呢! JavaScript 结构 var vm = new Vue({ el: "#app", data: { imgsArray: [], lens:0 }, beforeCreate:function(){ axios.get('imgslist.json') .

css3 飘雪的日子

css3 飘雪的日子 前端入坑纪 54 用bing搜索的时候,看到它的雪花效果,那就地仿照一个咯~ 好,详解如下! OK,first things first! github项目地址 圣诞临近啦 HTML 结构 这么多class为snow的div,都是为了设置雪花背景和动画用的 CSS 结构 body{ background-color:black;snowWrp{ position: fixed; height: 100%;snow1 { animation-delay:10s;snow2 { animation-delay:20s; } @keyframes falling{ 0%{ top:-100%;

滚动时的渐显渐隐标题

} #titWrp { background-color: rgba(255, 255, 255, 0); } 对标题设置背景,后续都是操作这个背景的透明度 JavaScript 结构 var tit = document.querySelector('#titWrp') var doc = document.body || document.documentElement // 当滚动时,用节流函数来间隔时间段触发绑定的函数操作 window.addEventListener("scroll", _.throttle(function () { // 仅在小于100时,也就是滚动值100以内才执行对应的操作 if(doc.scrollTop 100){ var num = doc.scrollTop;

那些书本中没告诉你的MyBatis

那MapperFactoryBean是干什么用的呢? 告诉容器(可以是Spring容器):我的这个Mapper可以访问这个数据,所以MapperFactoryBean需要配置Mapper和SqlSessionFactory 到目前为止,我们没有定义mapper.xml文件,但是我们可以这样用了 public interface UserMapper { @Select("SELECT * FROM users WHERE id = #{userId}") User getUser(@Param("userId") String userId);

VUE-CLI 3 踩坑

tap(args = { args[0]['process.env'] = merge(args[0]['process.env'], test[process.env.NODE_ENV]) return args }) } } 链式操作 配置markdown npm install vue-markdown-loader markdown-it markdown-it-container --save 文件 vue.config.js const markdownRender = require('markdown-it')() module.exports = { chainWebpack: config = { config.module .rule('md') .nesting === 1) { // 1.获取第一行的内容使用markdown渲染html作为组件的描述 let demoInfo = tokens[idx].info.trim().

CSS calc计算属性

CSS calc计算属性 calc()是css3的一个新增的功能,用来指定元素的长度,你可以使用calc()给元素的border、margin、pading、font-size和width等属性动态的设置值。 calc()语法 . margin: auto; } #main { border: 8px solid #B8C172; width: 75%; width: -webkit-calc(25% - 10px * 2 - 8px * 2 - 20px);CSS3 calc() test…… test…… test1…… test2…… test3…… footer

Linux和MySQL的安装

3、开启mysql的远程登录 默认情况下mysql为安全起见,不支持远程登录mysql,所以需要设 置开启 远 程登录mysql的权限 登录mysql后输入如下命令: grant all privileges on *.* to 'root' @'%' identified by 'root';

MyCat 看了这篇什么都会了

7及以上版本 2、Mysql:推荐mysql是5.4 release 数据库名: db1、db3 mysql节点2环境 操作系统版本: centos6.4 数据库版本: mysql-5.6 mycat版本 :1.

Hadoop常见错误

Hadoop常见错误 1.hadoop采集的字符集问题 修改/etc/sysconfig/i18n 更改字符集为en_US.UTF-8 重启机器生效。 重启机器的指令为:在root下敲入如下指令:sync;

hadoop集群时间同步

hadoop集群时间同步 同步方式 选择一个机器,作为时间服务器(这里选择hadoop01),所有的机器与这台集群时间进行定时的同步,比如,每隔十分钟,同步一次时间。 所需工具 时间同步服务器有两个:ntpd和ntpdatp,虽然使用二者都能达到时间同步的目的,但是使用之前得弄清楚一个问题,ntpd与ntpdate在更新时间时有什么区别。ntpd不仅仅是时间同步服务器,他还可以做客户端与

设置docker mongo权限

设置docker mongo权限 之前博客没设密码被清空之后,我暂时性将连接方式改为内部连接,不暴露mongo外部端口,但这样对远程查看操作数据库不友好,所以还是选择设置权限。 之前mongo的启动方式为docker run --name mongo-3.4 -p 27017:27017 -d mongo:3.4,是没有挂载本地的,所以还是需要删除重新启动新镜像,需要备份mogno数据用于恢复; 备份mongo数据 可参考Docker MongoDB 数据库备份 并复制

(原创)Cordova从零到应用,iOS已存项目集成使用,插件自定义

} }@end 5.2、设置CordovaViewController页面打开的H5地址 方式一:修改config.xml文件,设置启动网页地址,跳转至CordovaViewController自动加载此地址 方式二:跳转页面前设置启动地址,此地址优先级比方式一要高,以此设置为准。 CordovaViewController *cordovaVC=[CordovaViewController new]; } @end 7.2、在config.xml中注册自定义的插件 至此结束,按照以上步骤操作,可以满足cordova的常规使用环境。

Flutter基础篇(4)-- Flutter填坑全面总结

Flutter基础篇(4)-- Flutter填坑全面总结 版权声明:本文首发在公众号Flutter那些事,未经授权,严禁转载。 系列博文链接: Flutter基础篇(1)-- 跨平台开发框架和工具集锦 Flutter基础篇(2)-- 老司机用一篇博客带你快速熟悉Dart语法 Flutter基础篇(3)-- Flutter基础全面详解 Flutter基础篇(4)-- Flutter填坑全面总结 Flutter基础篇(5)-- Flutter代码模板,解放双手,提高开发效率必备 Fl

Android 耗电信息统计服务——BatteryStats源码分析(一)

在AMS 构造函数中创建BatteryStatsService 的对象,并且开始读取统计文件里已经保存的统计信息。并且开始异步 的去记录信息,设置Callback BatteryStatsService初始化: BatteryStatsService(Context context, File systemDir, Handler handler) { // BatteryStatsImpl expects the ActivityManagerService handler, so pass that one through. mContext = context; // wifi耗电量 addBluetoothUsage(); } power /= (60 * 60 * 1000); if (DEBUG powerMah !

Java开发小技巧(六):使用Apache POI读取Excel

3、获取Sheet表格页对象 Sheet是Excel文档中的工作簿即表格页面,读取前要先找到数据所在页面,可以通过标签名或者索引的方式获取指定Sheet对象 // 按索引获取 Sheet sheet = workbook.getSheetAt(index); } /** * 获取单元格内容并转为String类型 * @param row 行索引 * @param col 列索引 * @return */ @SuppressWarnings("deprecation") public String getValueAt(Integer row, Integer col) { Cell cell = sheet.getRow(row).