elementui中el-tree控件懒加载和局部刷新
最近项目上一个组件需要使用到tree组件来选择省市县乡,因为数据量比较大所以打算使用懒加载的方式来解决一次性加载太多数据而造成体验不好的问题。树组件如果数据比较多的话,一次性把整棵树的数据都请求到,略有耗时。所以为了优化性能,我们就要实现树组件懒加载的效果,也就是当我们点击树节点的时候,再去向后端发请求,获取对应点击的树节点下的数据。这样的话,点击哪里,加载哪里,性能会提高不少。
tree组件常见属性
data—-用来展示数据
props—-树状图配置
label—指定节点标签为节点对象的某个属性值
children—指定子树为节点对象的某个属性值
disabled—指定节点选择框是否禁用为节点对象的某个属性值
show-checkbox—显示选择框
getCheckedKeys—-获取当前选中的节点的keys
default-expand—–all-默认展开
check-strictly—-设置true,可以关闭父子关联
this.$refs.tree.setCheckedKeys([])—–清空当前的选择
懒加载按照 elementui官方文档示 ...
Vue中main.js里的render是干什么的
以下是我在学习Vue时,对main.js中render函数的个人理解。
在打开利用Vue脚手架创建的项目文件main.js之前,我们猜想它应该长这样
实际上的mian.js如下
跟我们想的不一样,那这里的render又是什么呢?
我们可以先假设,如果按照我们猜想的写法,会发生什么?
报错了 ,意料之中
那么我们来分析一下错误提示
错误提示我们引入的是非完整版的Vue,缺少模板解析器,并给出了两种解决方法
我们先来试试第二种方法,引入完整版的Vue,我们怎么知道引入的是不是完整版的?完整版的又在哪呢?
看代码
实际上我们引入的是vue.runtime.esm.js,是精简版的Vue,它与完整版的不同就是少了模板解析器,那完整版的Vue哪里呢?
引入完整版的Vue我们只要改一行代码就行
import Vue from ‘vue/dist/vue’
运行成功!第二种方法可行
接下来我们再来试一下第一种办法,使用非完整版的Vue,把render函数写上去
同样运行成功
此时我们发现,这不就是Vue一开始采用的解决方法吗?
从vue官网中知道,vue提供了两个版本,完整版和 ...
随机动漫图片API集合
序号
地址
备注
1
http://www.dmoe.cc/random.php
2
https://api.btstu.cn/sjbz/?lx=dongman
3
https://api.hanximeng.com/ranimg/api.php
4
https://img.xjh.me/random_img.php?type=bg&return=302
5
https://air.moe/ranimg/api.php
6
https://www.dmoe.cc/random.php
7
https://air.moe/ranimg/api2.php
8
https://air.moe/ranimg/api1.php
9
https://www.dmoe.cc/random.php
10
https://air.moe/ranimg/api.php
11
https://api.btstu.cn/sjbz/?lx=dongman
12
https://www.loliapi.com/acg
...
七牛云+PicGo-Core实现Typora图片上传自由
七牛云对象存储+PicGo-Core
一、概述
最近在做一个个人博客项目,发现博客中会插入很多图片,怎么存储成了问题,经过一番查询发现大家都是用的图床工具,之前了解过七牛云,注册认证后有10G永久免费空间,每月10G国内和10G国外流量,速度相当快,七牛云是国内专业CDN服务商,插件支持比较多,有免费ssl证书,但https流量收费,所以便想用七牛云进行图片的存储,打算以后的文章图片都使用七牛云来进行存储,不过要注意的一点是,七牛云30天后会回收测试域名,因此你必须要绑定自己的已备案的域名。我将采用Typora作为Markdown编辑器,PicGo为上传图片工具,使用七牛云做存储,Typora和PicGo需要自己下载。
二、配置七牛云图床
七牛云官网
首先,需要在七牛云官网注册账号并进行实名认证,注册—–>实名认证,基本上就是这个步骤,在这就不做细致介绍咯,相信难不到聪明的你。提醒一下,最好使用谷歌浏览器访问进行实名认证,我开始用的是火狐浏览器,在通过微信扫码实名认证时,怎么都刷新出二维码,换成谷歌,秒解决。
2、配置存储空间
2.1、新建空间
依次点击【管理控制台】—–【对 ...
Git使用笔记笔记
一. 走入Git1.Git介绍
Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。
Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。
版本控制
版本控制(Revision control)是一种在开发的过程中用于管理我们对文件、目录或工程等内容的修改历史,方便查看更改历史记录,备份以便恢复以前的版本的软件工程技术。
团队协作
从单兵作战转换为团队开发。
2.Git对比SVN
SVN是集中式版本控制系统,版本库是集中放在中央服务器的,而工作的时候,用的都是自己的电脑,所以首先要从中央服务器得到最新的版本,然后工作,完成工作后,需要把自己的代码推送到中央服务器。集中式版本控制系统是必须联网才能工作。
Git是分布式版本控制系统,没有中央服务器,每个人的电脑就是一个完整的版本库,工作的时候不需要联网了,因为版本都在自己电脑上,可以离线工作。
3.Git安装
https://git-scm.com/
下载好以后,直接双击进行安装就行
一直下一步就可以,安装再默认 ...
生成文件夹目录树结构给markdown使用
treer是一款生成文件夹目录的node插件1、treer安装1npm install treer -g //-g 表示全局安装
2、treer语法使用123456789C:\Users\Administrator>treer -hUsage: index [options]Options: -V, --version 查看版本信息 -d, --directory [dir] 指定要生成目录树结构的目录 (默认: "C:\\Users\\Administrator") -i, --ignore [ig] 在目录树结构中忽略的目录 -e, --export [epath] 将目录树结构的信息输出到文件中 -h, --help 查看帮助信息
3、生成目录树结构12345678910D:\>treer -d D:\test -e D:\test.txtD:\test├─test2| ├─test22| | └test22.txt| ├─test21├─test1| ...
使用Nginx代替Openwrt中的uhttpd,并支持php
使用Nginx代替Openwrt中的uhttpd,并支持php 在之前介绍过Openwrt部署typecho博客:Openert部署typecho博客,用的是默认的uhttpd,挺方便小巧;但是也有不足,就是性能很差,兼容性也不好,于是就萌生了使用Nginx代替uhttpd的想法。于是需求就很明确了:
用Nginx实现Openwrt原本的uci界面
用Nginx实现Openwrt实现Typecho的php页面
现在Nginx已经集成在opkg源了,可以直接安装,安装之前先将uhttpd停用一下
1/etc/init.d/uhttpd stop && /etc/init.d/uhttpd disable
也将之前uhttpd使用的php8-fastcgi停用一下
12/etc/init.d/php8-fastcgi stop && /etc/init.d/php8-fastcgi disable#并将/etc/config/php8-fastcgi里面的option enabled 1改成option enabled 0
...
vue实现数字从1递增到指定值
vue封装一个组件实现,一个从1递增到指定值,这个指定值是通过父组件传递过来的。
实现代码:
父组件
12345678910111213141516171819<template> <div> <!-- 使用组件 --> <digit-dance :digit="100" /> </div></template><script>// 导入组件import DigitDance from '@/views/components/DigitDance.vue'export default { components: { // 局部注册组件 DigitDance }}</script><style></style>
子组件
12345678910111213141516171819202122232425262728293031323334353637383 ...
使用docker的Calibre-Web项目来搭建一个自己的电子书库
前言这次我们需要用到是一个叫做Calibre-Web的Docker项目,calibre是一个“一站式”的电子书解决方案,它可以全面满足你的电子书需求。Calibre是免费的,源代码开放,拥有跨平台的设计。它是一个完整的电子图书馆,包括图书馆管理,格式转换,新闻,将材料转换为电子书,以及电子书阅读器同步功能、整合进电子图书阅读器。——(摘自百度百科)。Calibre-Web是一个Web应用程序,直接使用Calibre的数据库,用于浏览、阅读和下载电子书,该软件是https://github.com/mutschler/calibreserver的分支,并根据GPL v3许可证授权。(摘自janeczku/calibre-web https://github.com/janeczku/calibre-web)Calibre-Web提供了很多强大的功能,如漂亮的WebUI、支持多语言、用户权限管理、搜索功能、自定义书架、格式转换、公共用户注册、一键发送到kindle、直接在浏览器中阅读、支持上传等功能。
一、Calibre-Web的安装拉取镜像1docker pull ctiself/c ...
KMS激活Windows系统与Office
一、激活Windows系统这里教大家一个免费激活Windows系统的方法,不用下载什么激活软件或者某宝购买激活码。这次用的事kms的激活方法,至于什么是kms激活这可以去百度百科看一下。下面进入正题!(建议通过https://msdn.itellyou.cn/下载所需软件,注意office要选择OVL版本)1、安装好系统之后以管理员身份打开power shell2、在这输入下面命令安装密钥
1slmgr /ipk W269N-WFGWX-YVC9B-4J6C9-T83GX
3、再接着输入下面命令来设置kms服务器,这些服务器网上有很多。但是最好自建安全一些,我这边是路由器安装openwrt系统,用里面已经有的ksm插件。
1234567slmgr /skms 10.1.1.1````

