sidebar

1、定义路由 routes: [ { path: ' /product ' , //第一层路由 name: ' product ' , component: Vproductcontent, //父组件渲染的是子组件的内容<routerview/> 写在父组件中 children:[ { path: ' /product/hotproduct ' , //第二层路由 name: ' hotproduct ' , component: Vhotproduct, children:[ { path: ' /product/hotproduct/detail/:id(\\d+) ' , //第三层路由 component: Vhotproductdetail, } ] }, ] }, ] 2、 使用 router-link 组件来导航 在左侧菜单栏的Vleft组件中使用router-link <ul class = " nav nav-sidebar " > <router-link tag= " li " to= " /product " ><a href= " # " >产品管理</a></router-link> </ul> 2.1 加入默认样式 默认选中的样式是在li标签上加上class="active" # 将其渲染成以下样式，这是默认选中的样式 <ul class = "

父组件传值给子组件 父组件 father.vue <template> <div class="sidebar_contianer"> <sidebar-item :routerData="transmitData"></sidebar-item> </div> </template> <script> import sidebarItem from './sidebarItem' export default { data(){ return{ transmitData:"传给子组件的值" } }, components:{ sidebarItem } } </script> child.vue 子组件 <template> <el-button type="primary" @click="queryAuthorization" size="small">点击</el-button> </template> <script> export default { name:'sidebarItem', methods:{ queryAuthorization(){ alert(this.routerData); } }, props:{ routerData:{ type:"", default:null } } } </script> 来源： oschina 链接： https:

前言 相信很多人都在使用 Chrome 浏览器，其流畅的浏览体验得到了不少用户的偏爱，但流畅只是一方面， Chrome 最大的优势还是其支持众多强大好用的扩展程序（Extensions）。 下面的很多插件都是工具插件，看完保证你工作效率、心情提高1倍。 1、 OneTab：一键合并 tab Tab 过多的时候，要关闭浏览器的时候OneTab可以帮助你快速的保存、整理浏览器。 2、掘金 ： 最新的技术动态 每次打开新的 tab 页面就可以看到最新、最热的技术文章。 3、 markdown here 超好用的 MD 编辑器，任何地方都可以把 MD 轻松的转换为富文本，我们可以把简书写好的文章（带md语法）直接复制到微信公众号啦。 4、 Adblock Plus： 免除广告困扰 你是不是每次搜索百度前几个都是广告？有了它，你的搜索结果只有纯净。 5、 LastPass： 密码管理软件 LastPass，全球知名在线密码管理工具之一，采用军事级加密算法，支持自动填充网站用户名和密码，与朋友分享登录信息等实用功能，且在全平台同步免费，无需订阅 Premium，即可在手机、网页、电脑端同步你的所有 LastPass 信息。 6、 二维码(QR码)生成器 在线的二维码生成器。最方便的用法是把当前的页面生成二维码，方便手机扫码快速访问。 7、 下载+ Chrome的下载管理在二级菜单里

//删除id var idObject = document.getElementById('sidebar'); if (idObject != null) idObject.parentNode.removeChild(idObject); //通过class获取元素 paras = document.getElementsByClassName('paginator'); for(i=0;i<paras.length;i++){ //删除元素 元素.parentNode.removeChild(元素); if (paras[i] != null) paras[i].parentNode.removeChild( paras[i]); } //清空一个元素，即删除一个元素的所有子元素 function removeAllChild() { var div = document.getElementById("div1"); while(div.hasChildNodes()) //当div下还存在子节点时 循环继续 { div.removeChild(div.firstChild); } } 原理很简单，就是不断的判断要清空的div还有没有子节点，有的话就删除一个子节点（这里是它的首个子节点），直到删除完毕为止。 //封装的方法 function removeElement(

Step1 从官网下载Sublime Text3 安装包 sublime_text_3_build_3176_x64.tar.bz2，如果有网络问题，请挂VPN或者从其他地方下载。 拷贝至/home/{yourUserName}/software(建议路径，不过实际没有特别要求) https://www.sublimetext.com/ Step2 解压 可以通过右键压缩包->Extract Here，或者终端下当前目录输入(ref： https://www.cnblogs.com/wangluochong/p/7194037.html ) $ tar -xjvf file.tar.bz2 解压后， Step3 打开sublime_text_3程序,测试压缩包程序是否正常。也可以在终端输入命令打开程序。 $ cd sublime_text_3 $ ./sublime_text_3 如果出现下面的界面，表明可以正常打开程序。 Step4(optional) 生成桌面快捷方式(ref: https://blog.csdn.net/u012922838/article/details/54973830 ) 总体思路： 在/usr/share/applications/ 目录下面配置sublime text 3对应的sublime_text_3.desktop文件，然后拷贝至桌面

5）、CRUD-员工列表 实验要求： 1）、RestfulCRUD：CRUD满足Rest风格； URI： /资源名称/资源标识 HTTP请求方式区分对资源CRUD操作 普通CRUD（uri来区分操作） RestfulCRUD 查询 getEmp emp---GET 添加 addEmp?xxx emp---POST 修改 updateEmp?id=xxx&xxx=xx emp/{id}---PUT 删除 deleteEmp?id=1 emp/{id}---DELETE 2）、实验的请求架构; thymeleaf公共页面元素抽取 1、抽取公共片段，在公共页面footer.html的片段上加上th:fragment属性 < div th:fragment ="copy" > 　　 © 2011 The Good Thymes Virtual Grocery </ div > 2、引入公共片段， < div th:insert ="~{footer :: copy}" ></ div > 模板是：footer.html ~{templatename::selector}：模板名::选择器　　 选择器：标签的id属性值 ~{templatename::fragmentname}:模板名::片段名 3、默认效果： insert的公共片段在div标签中 如果使用th:insert等属性进行引入

tqdm """ #【tqdm】 显示循环的进度条，再也不用担心程序跑到哪里还要跑多久了 #tqdm 可以直接包裹iterable对象 from tqdm import tqdm,trange from time import sleep text = "" for char in tqdm(['a','b','c','d']): text += char sleep(1) #trange(i)相当于tqdm(range(i)) from tqdm import tqdm,trange from time import sleep for i in trange(100): sleep(0.01) #可以在循环外预先定义tqdm对象 pbar = tqdm(['a','b','c','d','e','f','g','aaa']) for char in pbar: pbar.set_description("Processing %s" % char) #Processing aaa: 100%|██████████| 8/8 [00:00<00:00, 14260.28it/s] ''' 有两个参数比较有用，desc(str)和leave(bool) desc可以指定这个循环的的信息，以便区分。上面的set_description(str)和这个应该是一样的。

golang连接达梦数据库的一个坑 有一次项目中用到了达梦数据库，后端语言使用的 golang ，达梦官方并未适配专门的 golang 连接方式，正一筹莫展的时候发现达梦提供了 odbc 的连接，这样可以使用类似 mssql 的 odbc 连接方式连接达梦数据库。 使用的达梦数据库版本为 DM8 达梦数据库开启 odbc 连接 参考博客1 、 参考博客2 参照上面两个博客内容配置 odbc 连接 golang 代码 一些参考文档： package main import ( "fmt" _ "github.com/alexbrainman/odbc" // google's odbc driver "github.com/go-xorm/xorm" "xorm.io/core" "github.com/axgle/mahonia" ) type Address struct { Addressid int64 `xorm:"addressid"` Address1 string `xorm:"address1"` Address2 string `xorm:"address2"` City string `xorm:"city"` Postalcode string `xorm:"postalcode"` } // 字符串解码函数，处理中文乱码 func

前置 最近写了几篇随笔，大家都不看内容，看博客皮肤 😂，满足你们。以下所有功能都可作为一个插件使用，你可以将它迁移到你的博客，代码仓库地址在文末。或者使用 awescnb 将这些插件集成到你现有的博客园皮肤。若有错误，恳请指点一二，感激不尽。欢迎评论区交流。另外插件还在不断扩充。 基本配置 属性 描述 值类型 默认值 可选值 name 全局主题名称 String 'reacg' 'reacg' 'element' 'gshang' 'acg' color 全局主题色 String '#ffb3cc' 16 进制颜色值 avatar 头像图片链接 String 无 title 网站标题 String 你的博客名 favicon 网站图标链接 String 内置 headerBackground 头部背景，图片链接 String 内置 theme: { name: 'reacg', color: '#FFB3CC', title: '', avatar: '//pic.cnblogs.com/avatar/1501373/20200119190802.png', favicon: 'https://guangzan.gitee.io/imagehost/awescnb/favicon.png', headerBackground: 'https://guangzan.gitee.io

本文记录作者在使用 Hexo 写博客的过程中遇到的种种问题，做成 Hexo 的那些事儿集合，不定时更新 配置问题 先将常用的配置项总结一下 重要的配置文件有两个_config.yml，一个是主题配置文件，一个是系统配置文件。分别在根目录和 themes 目录下 系统配置文件: title: 主题设置 subtitle: 小标题设置 author: 作者信息设置 language: 语言设置 主题配置文件: favicon: 图标设置 footer: 页脚设置 menu: 菜单设置 scheme: 主题设置 sidebar: 侧边栏设置 auto_excerpt: 预览设置 baidu_analytics: 百度收录 这基本上就是常用的一些设置了。 怎么修改模版主题内部的信息？ 例如：标题，页脚信息，图标，语言等 我们首先要去查看对应主题的官方文档，文档一般都会有详细的介绍。 怎么让文章只显示预览，不全文显示？ 两种方法： 主题设置文件_config.yml 中 auto_excerpt 将其使能即可 使用<!–more–>作为文章分隔即可 这两种方法在使用效果上是有不同的… 第一种方法，会把所有的文本集中，不考虑内部换行结构等，全部作为预览显示。 第二种方法较好，会保留当前文本的内部结构，看起来更加整洁，并且预览内容可控制。 移动端怎么显示侧边栏？ 在 sidebar 配置项下