CSS 块元素根据宽度等比例缩放
12345
UniApp导入字体
将字体文件放入项目目录的static文件夹
将App.vue的style标签添加
12345678@font-face { font-family: 'font'; src: url('./static/typeface.ttf');}page{ font-family: 'font';}
至此,字体导入完毕。
Array.prototype.slice.call 的作用
slice
slice() 是数组的方法可从已有的数组中返回选定的元素;
1arr.slice(start,end)
返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素
12var arr = [1,2,3,4,5,6];arr.slice(1,3) // 返回 [2, 3]
call
call() 方法是预定义的 JavaScript 方法;
通过 call(),能够使用属于另一个对象的方法,常用于对象、类式等继承;
1234567891011121314151617function Animal(){ this.name = 'Animal'}Animal.prototype.walk = "I can walk";function Dog(){ Animal.call(this); // 继承Animal 自身方法 注意:call并不会继承原型上的方法 this.say = function(){ console.l ...
Windows10 grafana源码环境搭建运行
准备
GO语言安装包下载
NodeJS下载
Git下载
yarn 下载
Grafana源码下载
tdm-gcc下载
GO语言安装
从官网下载安装包安装
安装完成后,根据自己需要如果更改工作目录需要修改环境变量配置;
直接搜索环境变量打开 或者 右击桌面我的电脑 =》属性=》高级系统设置
之后会进入到系统属性窗口,点击环境变量;
我这里是将工作目录需改到了D:\go目录
然后再Path变量中新增 D:\go\bin 然后确认保存
然后打开cmd 执行go version 出现版本号说明安装成功
tdm-gcc 安装 如果系统中缺少gcc的话需要安装
下载安装包后安装,点击Create,之后一直选默认下一步直到安装完成。
然后需要配置环境变量;
在系统环境变量中新建变量名 MW_MINGW64_LOC
值填写为gcc的安装目录 默认是C:\TDM-GCC-64
然后在系统变量Path中新增 一条 C:\TDM-GCC-64\bin
配置完成后点击确认关闭环境变量配置;
运行cmd 然后gcc -v 如果出现下面内容说明,安装成功;
运行 ...
Parallels Desktop 17 无法连接网络及执行该操作失败的解决方案
最近因为需要用上虚拟机,遂下载了Parallels Desktop 17。
安装后,出现如下两个问题:
1、网络初始化失败
您的虚拟机将继续正常运作,但无法连接网络。
2、操作失败
执行该操作失败。(创建虚拟机时出现。)
问题一、网络初始化失败
您的虚拟机将继续正常运作,但无法连接网络。
解决方案如下:
打开/复制指定路径:/Library/Preferences/Parallels/
找到并将以下两个文件复制一份,拖动到桌面进行修改。
network.desktop.xml
dispatcher.desktop.xml
network.desktop.xml(右键——打开方式——文本编辑)
查找(command+F)如下代码:
-1
修改成
0
dispatcher.desktop.xml(右键——打开方式——文本编辑)
查找(command+F)如下代码:
-1
修改成
0
修改完成后保存(command+S),将文件重新拖到(/Library/Preferences/Parallels/)原文件夹覆盖替换。
注意事项:右键直接复制,会多出“副本”二字,在桌面重命名将“副本”二字删 ...
apisix apisix-dashboard 单机部署
Apisix
1sudo yum install -y https://repos.apiseven.com/packages/centos/apache-apisix-repo-1.0-1.noarch.rpm
1sudo yum-config-manager --add-repo https://repos.apiseven.com/packages/centos/apache-apisix.repo
12345678# 查看仓库中最新的 apisix 软件包的信息sudo yum info -y apisix# 显示仓库中现有的 apisix 软件包sudo yum --showduplicates list apisix# 安装最新的 apisix 软件包sudo yum install apisix
12345678ETCD_VERSION='3.4.13'wget https://github.com/etcd-io/etcd/releases/download/v${ETCD_VERSION}/etcd-v${ETCD_V ...
text-align:justify;失效的问题
为啥不起作用
在实际开发过程中常常会遇到这样的布局:两端对齐
会用到 text-align:justify; 样式来进行两端对齐,然后发现并没有什么卵用;
原因是 text-align:justify; 对文本中的最后一行不起作用,所以说布局结构中的文字一共一行,即第一行也是最后一行,导致样式没用。
解决方法
解决方法一 :通过设置 text-align-last: justify; 来设置最后一行两端对齐;
但是这个属性并不能被所有浏览器兼容,所以还需要再加上 text-justify: distribute-all-lines;
123text-align: justify;text-align-last: justify;text-justify: distribute-all-lines;
解决方法二:给文本末尾添加行内块元素,设置宽度100%,这样行内块元素会自动换行就一定是两行了,然后样式起作用了。
可以添加个伪元素,设置成行内块
12345678910p{ text-align: justify;}p:after { conte ...
JavaScript 计算精度问题
JavaScript是不区分整型和浮点型数值的,一律按浮点数值表示;
JavaScript采用的是IEEE-754浮点表示法,这是一种二进制表示法。
当我们使用浮点数运算时,会出现计算不准确的结果。
123456780.1+0.2 // 0.300000000000000040.7+0.1 // 0.79999999999999990.3-0.2 // 0.099999999999999980.3/0.1 // 2.999999999999999619.9*100 // 1989.9999999999998
浮点精度
整数精度
JavaScript 包装对象
什么是包装对象
什么是包装对象看一个例子:
123var str = 'This is a string'; // 定义一个字符串str.length // 16str.toUpperCase() // "THIS IS A STRING"
定义一个字符串,它不是对象,为什么它会有属性方法呢?
原因就是JavaScript会将字符串值通过new String()的方式创建临时对象,而这个临时对象继承字符串的方法。
结果就像上面看到的,可以访问调用继承的属性方法。
同字符串一样,数字和布尔类型的值也会使用相应的Number()和Boolean()构造函数,去实例化这个临时对象,然后继承各自的方法,这就是包装对象。
与显式的构造函数创建的包装对象有什么不同
直接上代码
123456var str = 'This is a string'; // 定义一个字符串str.num = 20 // 添加属性值str.num // undefined 属性定义无效var strObj = new String('Th ...
Linux一些基本命令
linux常用目录说明
/ 根目录
/root 超级用户的家目录
/home 普通用户的家目录
/bin 命令保存目录
/boot 启动相关目录
/dev 设备文件保存目录
/etc 配置文件保存目录
/lib 系统库保存目录
/mnt 系统挂载目录
/media 移动存储挂载目录 如 …U盘
/tmp 临时文件目录
/sbin 命令保存目录
/var 系统文件相关文档内容
/usr 系统软件资源目录
/usr/bin/ 系统命令 普通用户
/usr/sbin/ 系统命令 超级用户
cd 切换目录
123$ cd [目录]$ cd ~ #返回登录用户的用户目录$ cd - #返回上一个目录
ls 查询目录内容
123456$ ls [-选项] [文件/目录] -a 显示包括隐藏文件在内的所有文件 -l 显示文件的详细信息(文件型态、权限、拥有者、文件大小等) -d 查看目录属性 -h 显示文件大小 -i 显示inode
ls -l 可以简写成ll
mkdir 建立目录
12$ ls [-p] [目录名] -p 确保目录名称存在,不存在的就建一个
rmdir 删除空目 ...