自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 收藏
  • 关注

原创 #vue#文字无限向上滚动

//html代码<div class="box-wrap"> <ul :class="{'move-style': moveFlag}"> <li v-for=item in list>{{item}}</li> </ul></div>//css代码.box-wrap { overflow: hidden;}ul { height: 160px;}li { height: 80px;}.move-st

2020-09-01 09:45:35 561

原创 #egg.js#一,安装

安装脚手架npm i egg-init -g2创建项目egg-init 项目名称 --type=simple

2020-06-25 10:41:31 201

原创 #typescript#元组类型和枚举类型

元组类型:元组类型属于数组的一种,就是指定数组每一项的数据类型let arr:[String,Number,Boolean] = ['111',111,false];枚举类型表示某种状态,(就是一个对象吧)若所有变量没有赋值则值取索引若前一个赋值,后一个值没有赋值则,后一个值+1emun Color { red, greend=1, blue}let color:Color = Color.blue;...

2020-05-16 21:59:11 250

原创 #正则#

以什么结尾 $以什么开头^出现一次或者多次+出现0次或者多次*出现0次或者1次?匹配出现x个nn{x}匹配至少x个nn{x,}匹配至少出现x个n,最多y个nn{x,y}在数字或者字母范围内[a-z]数字范围\d,等价于[0-9]匹配所有字符.匹配任意单词/w...

2020-03-22 14:22:59 312

原创 #vue#DOM diff算法

通过js层面的计算,返回一个patch对象(补丁),把patch对象应用到真实的DOM上概念:只做同级比较,不做跨级比较差异计算:先序深度优先,同级如有子节点先遍历子节点再去回到统计的节点。比较规则:...

2020-03-20 23:46:57 124

原创 #vue#虚拟dom

虚拟dom就是通过js的对象去模拟真实的dom,然后通过js代码去渲染成真实的domclass Element { constructor(type,...args) { this.type = type; if(Array.isArray(args[0])){ this.props = {}; this.c...

2020-03-20 00:35:53 65

原创 #vue#插槽

基本使用(占位的作用):<slot></slot>默认值:<slot>button</slot>具名插槽: //在定义具名插槽 <slot name="demo"></slot> //使用具名插槽 <cpn> <span slot="demo"></span> <...

2020-03-11 23:56:57 44

原创 #vue#组件函数data必须是一个函数返回对象

因为每个组件都维护自己的数据,如果使用data:{},则会共用一个data。

2020-03-10 23:57:16 137

原创 #vue#v-model作用在组件上

场景:组件内部更新数据(传值进入组件后,组件根据事件来更新传入的数据,使用时就不需要绑定事件来更新数据)问题:props单向数据流,父组件数据更新时,子组件数据也同时更新。如果子组件更新,父组件也同时更新,如果父组件有多个组件同时依赖一个数据,会引发其他子组件发生改变,发生问题不容易找到。所以vue不推荐我们这么做。解决:在model选项里,可以绑定一个prop属性,并为他添加一个时间,只要触...

2020-03-10 22:44:33 341

原创 #flutter#Image组件

Image组件是显示图片的组件Image.network():远程图片Image.aaset():本地图片一,常见属性变量属性变量作用alignment设置图片对齐方式fit控制图片的显示大小,拉伸,挤压repeat平铺图片height图片高度width图片宽度二,本地图片的引入打开 pubspec.yaml 声明一下添加的图片...

2020-02-26 15:55:36 65

原创 #flutter#Text组件

Text组件相当于CSS的font属性设置Text( "String类型文字内容", 成员变量名: 成员变量)成员变量名作用textAlign文本对齐方式textDirection文本放方向overflow文字超出屏幕之后的处理方式textScaleFactor文字显示倍率maxLines文字显示最大行数style字体的样式...

2020-02-26 10:01:15 159

原创 #flutter#Container组件

Container组件相当于是html里的div元素,去实例化组件时同时初始化成员变量Container( child: 子组件类, 成员变量名: 成员变量)成员变量名作用alignment设置Container组件的位置child设置子组件decoration装饰Container组件,传入BoxDecoration类,设置背景颜色,边框,圆角等...

2020-02-26 09:40:49 147

原创 #flutter#fluter介绍

一,runApp(Widget app)方法flutter的入口,传入组件类参数自定义组件类必须继承StatelessWidget二,组件概述每个组件之间都有上下级关系MaterialApp类是顶层 Widget类Scaffold类是MaterialApp布局的基本实现...

2020-02-26 09:22:51 253

原创 #nginx#配置文件

nginx配置文件分为三块:全局块,events块,http块一,全局块(从文件开始到events块之间的内容):主要设置影响nginx整体运作的配置。worker_processes 1 值越大处理的并发量越多。二,events块:主要设置服务器和用户的网络连接。worker_connections 1024 服务器支持最大连接数三,http块...

2020-02-21 22:21:57 57

原创 #linux#软件安装

一,源码包安装解压源码包指令:tar -zxvf 源码包配置(config/configure):./configure 指令指定软件的安装位置: ./configure --prefix=指定路径需要的依赖路径:--with-PACKET 包名=包所在的路径...

2020-02-18 01:49:12 76

原创 #linux#权限管理

一,查看权限指令:ls -l 或 ll格式:d(第一部分) r w x(第二部分) r - x(第三部分) - - -(第四部分)文件的权限包括可读r,可写w,可执行x ,-表示没有对应权限每一部分的权限顺序都是rwx第一部分表示文件类型第二部分表示拥有者(owner)的权限第三部分表示组(group)的权限第四部分表示其他人(others)的权限二,设置权限指令:chm...

2020-02-16 16:59:43 64

原创 #linux#centos7设置运行级别systemtcl

一,级别0:关机 ,shutdown.target1:单用户,mergency.target2:多用户无网络,rescure.target3:多用户有网络,multi-user.target4:预留5:图像界面,graphical.target6:重启, 无二,命令格式:systemctl [命令][级别]命令:设置默认运行级别 set-defaultsystemctl...

2020-02-14 22:49:12 246

原创 #linux#centos7配置防火墙服务firewall-cmd指令

一,查看所有打开的端口firewall-cmd --zone=pulbic --list-post二,查看防火墙的状态firewall-cmd --state三,添加开放端口(–permanent永久生效,没有此参数重启失效)firewall-cmd --zone=public --add-post=端口号/tcp(协议) --permanent四,移除开发端口(–permane...

2020-02-12 21:29:12 200 1

原创 #linux#centos7.0服务管理指令systemctl

systemctl disable 服务名 停止开机服务systemctl enable 服务名 开启开机服务systemctl status 服务名 查看服务当前状态systemctl start 服务名 开启服务

2020-02-12 18:03:57 70

原创 #linux#开机自动运行服务centos6.0

查看开机启动服务chkconfig --list删除开机启动服务chkconfig --del 服务名添加开机启动服务chkconfig --add 服务名 //并不是每个程序都有服务名设置服务在某个运行级别下的开机启动服务chkconfig --level 级别(可以是几个) 服务名 on/off...

2020-02-12 17:20:32 102

原创 #linux#修改主机名

临时修改主机名(不需要重启) hostname 主机名永久修改主机名(需要重启)修改hostname配置文件,路径为 /etc/hostname修改主机名后,还需要修改host文件...

2020-02-12 17:00:33 50

原创 #linux#网络配置

一,网路配置文件路径/etc/sysconfig/network-script/ifcfg-ens33onboot:是否自动连接二,网卡操作重启网卡service network restart断开网卡ifdown 网卡名连接网卡ifup 网卡名...

2020-02-11 20:12:04 86

原创 #linux#用户与用户组管理

用户管理添加用户useradd [选项] 用户名默认系统自动分配主组和UID选项[ g , G, u ]-g:指定用户的用户主组-G:指定用户的用户附组-u: 指定用户的uid修改用户usermod [选项] 用户名选项[ g , G , u , l ]-l: 修改用户名更换用户su(switch user) 用户名修改用户密码passwd 用户名...

2020-02-11 19:40:25 101

原创 #linux#vim文本编辑

命令模式光标移动移动到行首 ^移动到行末 $移动到首行 gg移动到末行 G复制操作复制单行:yy复制指定行数: 行数 yy视图复制: ctrk + l粘贴: p删除/剪切操作删除单行:dd删除指定行数: 行数 dd删除但占行:D....

2020-02-10 17:13:11 89

原创 #linux#指令大全

ls(list) 查看当前路径的文件,或指定路径下的文件格式:ls [选项] [路径]例子:ls -al /root选项 [ l , a , h ]-l 表示 以列表形式显示文件的信息。-a 表示 显示所有文件包括隐藏文件。-h 表示 文件的大小以kb,mb单位显示。pwd (print working directory) 查看当前路径mkdir (make dir...

2020-02-06 00:05:04 131

原创 #linux#目录结构

bin文件夹:存放的是二进制文件,都是可以运行的程序。dev文件夹:存放外接设备。etc文件夹:主要存放配置文件。home文件夹:除了root用户以外的家目录。proc文件夹:linux进程文件。sbin文件夹:只有超级管理员才能运行的程序。usr文件夹:存放用户自己安装的软件。var文件夹:存放程序日志的文件夹。mnt文件夹:外接设备挂载的文件夹。...

2020-02-03 22:56:11 73

原创 #express#使用body-parser解析POST请求体

//导入bodyParser模块const bodyParser = require("bodyParser");//将模块注册上app实例上app.use(bodyParser.urlencoded({ extended: false }));app.use(bodyParser.json());

2020-02-01 23:33:32 119

原创 #express#使用mongoose

一,npm安装mongoose模块npm install mongoose --save二,连接mongodb数据库//mongodb://协议+/ip地址+端口号+/数据库名mongoose.connect("数据库的url地址/mongodb://loacalhost/my_db");//创建mongoose实例对象const db = mongoose.connection;...

2020-02-01 23:31:03 182

原创 #express#使用multer上传图片

一,安装multer模块npm install --save multer二,创建本地图片仓库 multer.diskStorage()const storage = multer.diskStorage({ //配置图片存储的位置路径 destination: function(req,file,cb) { cb(null,路径); }, //配置上传图片的名字 filena...

2020-02-01 21:07:15 187

原创 #express#使用cors解决跨域问题

方法一,在响应头配置三个参数app.all("*",(req,res,next) => { res.header("Access-control-Allow-Origin",配置可以跨域的url地址/*代表全部); res.header("Access-control-Allow-Header","content-type"); res.header("Access-contro...

2020-02-01 21:07:00 903

原创 #express#使用Router

一,创建Router路由实例const router = express.Router();二,添加接口router.get(请求的url地址,(req,res) => { //代码快});三,导出路由module.exports = router四,引入路由实例并且注册到express实例上const router = require("./router.js");...

2020-02-01 21:06:56 159

原创 #express#使用static方法配置静态资源

//实例化expressconst app = express()//使用epress模块下的static()方法并且注册到app实例上app.use("虚拟路径",express.static("静态文件的绝对路径/__dirname+静态文件名"));...

2020-02-01 21:06:25 854

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除