CSS实现头像右上角消息数字提示
今天写个简单的小demo,关于CSS实现头像右上角消息数字提示,样式如下如图所示,在微信和扣扣消息里面比较常见。 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.alarm {
position: relative;
width: 60px;
CSS: hover选择器控制子元素的出现和隐藏
前两天不知道是哪位同学问的问题,鼠标滑过一个div的时候,怎么控制子集元素属性的出现和隐藏,然后我说用用mouseover和mouseout这两个鼠标事件就行,那如果js不怎么熟悉的时候,可以用CSS: hover方法来写吧。 方法: 使用a 控制其他块的样式:
使用a控制a的子元素 b:
.a:hover .b {
background-color:blue;
}
效果是这个样子的: demo是昨天的基础上写的: <!D
小程序在获取当前位置信息在地图上显示
小程序在获取当前位置信息在地图上显示api:https://developers.weixin.qq.com/miniprogram/dev/api/wx.getLocation.html 主要方法: wx.getLocation({
type: 'wgs84',
success(res) {
const latitude = res.latitude
const longitude = res.longitude
}
})
这一步的时候,会出现在这样的提示: 所
小程序点击指定地址按钮直接打开地图导航
昨天写的是获取当前所在的位置在地图上显示,在实际工作中,会有这样的业务需求,页面上回留下联系电话和联系地址,点击联系地址,会自动定位到联系地址中的位置,比如说,我们要去华侨城商业中心,直接点击链接,打开地图导航。 需要准备制定地址的经度和纬度地址即可。 wxml <view bindtap="getLocation">华侨城商业中心</view>
js var app = getApp()
Page({
data: {
},
getLocation:function
20190311——JQuery复习
jquery相当于一个js的一个库,里面有方法和属性 相当于一个框架结构,直接使用里面的方法和操作。 jquery语法 jquery语法是为了html元素的选取编制的,可以对元素进行操作。 基础语法是: $(selector).action()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src="jque
linux创建自签名证书
引言 使用HTTP(超文本传输)协议访问互联网上的数据是没有经过加密的。也就是说,任何人都可以通过适当的工具拦截或者监听到在网络上传输的数据流。但是有时候,我们需要在网络上传输一些安全性或者私秘性的数据,譬如:包含信用卡及商品信息的电子订单。这个时候,如果仍然使用HTTP协议,势必会面临非常大的风险!相信没有人能接受自己的信用卡号在互联网上裸奔。 HTTPS(超文本传输安全)协议无疑可以有效的解决这一问题。所谓HTTPS,其实就是HTTP和SSL/TLS的组合,用以提供加密通讯及对网络服务器的
安装MongoDB实录
没有前言,下面我开始记录个人安装的过程: 一、下载、双击、next+、 二、”install MongoDB Compass ”,勾不勾都可以,因为MongoDB Compass 是一个图形界面管理工具 (勾上安装好之后会弹出以下界面,也可以暂时不管) 三、配置MongoDB 安装目录下新建两个文件夹,如下: c 进入cmd,切到bin目录下,再: 再打开一个cmd,切到bin目录,输入mongo: 这样mongodb就已经正常启动了。
Flutter代码锦囊---根据环境选择URL地址
版权声明:本文为博主原创文章,未经博主允许不得转载。Flutter交流QQ群:271733776,共同学习、进步! https://blog.csdn.net/hekaiyou/article/details/88393791 现在要给公司开发一个内部使用的APP,但是因为是小公司,没有多余的服务器资源,只能拿公司的主机当服务器,也只能在通过映射实现外网访问。所以呀,很蛋疼,只能想办法判断用户是在内网使用APP,还是在外网使用APP,然后根据环境选择URL请求的IP地址。 首先是新建一个dar
mybatis 日志配置
查看mybatis的说明文档,mybatis的日志支持以下几种模式 如需指定,具体配置如下:
<settings>
<setting name="logImpl" value="STDOUT_LOGGING"/>
</settings> 当我们配置logImpl时,mybatis日志加载会按照我们指定的去加载。到底是如何加载的,我们看具体代码: mybatis在解析mybatis-config.xml后,在读取logImpl配置项时,会执行如下代码:
Configuration.j
MySql学习笔记(六):扫描范围
explain的type列表示该条查询的扫描范围,一共有七种,效果由上到下排列:system>const>eq_ref>ref>range>index>all。数据准备:CREATE TABLE `t_blog` (
`id` int(11) NOT NULL auto
Python入门教程之面向对象(1)
Python3 面向对象:类(class) 最近开始整理python的资料,博主建立了一个qq群,希望给大家提供一个交流的平台 78486745 。 Python从设计之初就已经是一门面向对象的语言,正因为如此,在Python中创建一个类和对象是很容易的。本章节我们将详细介绍Python的面向对象编程。 如果你以前没有接触过面向对象的编程语言,那你可能需要先了解一些面向对象语言的一些基本特征,在头脑里头形成一个基本的面向对象的概念,这样有助于你更容易的学习Python的面向对象编程。 接下来我
路由和交换基础实验(6)——单臂路由
一:实验之前: 二:实验器材: 两台PC,一台交换机,一台路由器 三:实验目的:使得处于两个VLAN的PC通信。 四:单臂路由的缺点:路由器与交换的之间只通过一根线连接,容易造成网络阻塞 五:单臂路由的优点:与传统VLAN间路由相比,单臂路由的路由器与交换机之间只通过一根线连接,使得路由器的另一个接口可以连接都Internet上。 六:实验步骤: 开启物理接口(no shutdown) 创建子接口(int f0/0.10,int f0/0.20) 封装dot1q的协议,关联VLAN10,与VL
Java实现数组增删改查
package 数组;
/**
*
*@author hejialai
*@create 2019-03-11 10:48
**/
public class GenericArray<T> {
private T[] data;
private int size;
//构造方法
public GenericArray(int capacity) {
data = (T[])new Object[capacity];
}
代码无错就是优? ——简单工厂模式(计算器)
要求体现面向对象的思想 UML图: Operation类 public class Operation { static double numberA;
static double numberB;
public static double getNumberA() {
return numberA;
}
public static void setNumberA(double numberA) {
Operation.numberA = numberA;
}
public stat
loading画圆动画
html:
<div class='box'>
<div class="box1"></div>
<div class="box2">
<div class="circle">
</div>
</div>
<div class="box3"></div>
</div> css:
body{
background: black;
}
@keyframes moveover {
0% {
transform:rotate(
revit 卸载工具,完美彻底卸载清除干净revit各种残留注册表和文件
一些同学安装revit出错了,也有时候想重新安装revit的时候会出现这种电脑已安装revit,你要是不留意直接安装,只会安装revit的附件,revit是不会安装上的。这种原因呢就是大家在之前卸载revit时没有把revit残留信息删除,下面我来教大家把revit卸载然后重新安装,最后完美安装运行revit。如果纯手工删会有几千条记录要删,这里会使用一个修复卸载工具auto uninstaller AUTO Uninstaller 更新下载地址 地址一(腾讯微云) 地址二(百度网盘) 地址三
在有vs2015情况下安装Visual C++ Build tools
https://stackoverflow.com/questions/40504552/how-to-install-visual-c-build-tools
腾讯游戏客户端开发面经
一面视频面试 一段简单的自我介绍,加上你选择这个岗位的理由。然后是一系列的基础问题: 1、指针和数组的区别 赋值方式:同类型指针变量可以任意赋值,数组只能一个一个元素的赋值和拷贝; 存储方式:数组的存储空间不是在静态区上就是在栈上,指针本身本身是变量,指向的也是变量,所以指针的储存空间不能确定。 sizeof值:数组所占内存大小,在32位平台,指针大小都是4,64位平台下,指针大小都是8. 还有赋值方式,数组作为参数退化为指针等等。 2、数组是在哪个区域分配的? 3、一个程序需要哪三个部分的内
Android Jetpack之AppCompat(一)
今天我们来聊一聊有关AppCompat,作为Android Jetpack系列文章的开篇。说到Android Jetpack,我们先看一下这张图: 从图中我们可以看到,整个Android Jetpack分为了四大部分,而我们今天要讲述的就是Foundation中的AppCompat小节,官方将该部分翻译为“基础”。 Google官方网站: https://developer.android.com/jetpack 按照Google官方的描述,AppCompat就是指v7 appcompat库。
今日推荐
周排行