摘要: 项目环境 @vue/cli 4.5.8 最终效果 需求分析 显示/隐藏 点击遮罩层能否关闭 宽度和zIndex自定义 标题栏 -显示标题和关闭按钮 主体 底部 -内置取消和确定功能 前置知识 teleport通过其to属性可以把实例插入到对应的body中 实现过程 搭建大体的html模版 <temp 阅读全文
posted @ 2020-10-28 12:32 _zhiqiu 阅读(1438) 评论(0) 推荐(0) 编辑
摘要: 安装 npm i -g yarn 使用 常用命令 yarn add package // 安装依赖 yarn global add package // 全局安装依赖 yarn add package -D // 安装开发依赖 yarn remove package // 移除依赖 设置yarn国内 阅读全文
posted @ 2020-09-09 11:06 _zhiqiu 阅读(797) 评论(0) 推荐(0) 编辑
摘要: 安装 yarn add jsbarcode 使用 // HTMLElement 承载条形码的元素 svg/canvas // text 显示在条形码下方的文字 // option 条形码的配置项 具体见【条形码的配置项】 JsBarcode(HTMLElement, text, option) 条形 阅读全文
posted @ 2020-09-09 11:01 _zhiqiu 阅读(1739) 评论(0) 推荐(1) 编辑
摘要: 设置滚动条样式 /*定义滚动条宽高及背景,宽高分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 10px; /*对垂直流动条有效*/ height: 10px; /*对水平流动条有效*/ } /*定义滚动条的轨道颜色、内阴影及圆角*/ ::-webkit-scr 阅读全文
posted @ 2020-09-09 10:57 _zhiqiu 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 禁止软件升级 sudo echo 软件包名 hold | sudo dpkg --set-selections 取消软件禁止升级的限制 sudo echo 软件包名 install | sudo dpkg --set-selections 查看禁止升级软件列表 sudo dpkg --get-sel 阅读全文
posted @ 2020-07-22 17:36 _zhiqiu 阅读(477) 评论(0) 推荐(0) 编辑
摘要: 原理 创建两个div嵌套在一起 外层的div设置固定宽度和overflow:scroll 滚动条的宽度=外层div的offsetWidth-内层div的offsetWidth 实现代码 /** * 获取滚动条的宽度 */ getScrollWidth() { const scroll = docum 阅读全文
posted @ 2020-07-21 11:48 _zhiqiu 阅读(771) 评论(0) 推荐(1) 编辑
摘要: 变量 定义变量 $color-white: white; 使用变量 body { background-color: $color-white; } @mixin 与 @include 定义mixin /*声明mixins*/ @mixins border { border: 1px solid # 阅读全文
posted @ 2020-07-17 09:40 _zhiqiu 阅读(412) 评论(0) 推荐(0) 编辑
摘要: 在vue.config.js中添加下面的代码即可 1 // vue-cli version > 3 2 modeule.exports = { 3 configureWebpack: config => { 4 if (process.env.NODE_ENV "production") { 5 c 阅读全文
posted @ 2020-07-11 17:08 _zhiqiu 阅读(1165) 评论(0) 推荐(1) 编辑
摘要: electron设置托盘 // 设置系统托盘 const setAppTray = () => { // 托盘对象 var appTray = null // 系统托盘右键菜单 var trayMenuTemplate = [ { label: '退出', click: function() { / 阅读全文
posted @ 2020-05-15 11:25 _zhiqiu 阅读(1016) 评论(0) 推荐(0) 编辑
摘要: 本机环境: nodejs v12.16.3 npm 6.14.4 vue-cli 4.3.1 初始化项目 vue init simulatedgreg/electron-vue my-project // 如果vue-cli版本号大于2,需要另外安装@vue/cli-init 初始完成后使用 yar 阅读全文
posted @ 2020-05-13 15:05 _zhiqiu 阅读(634) 评论(0) 推荐(0) 编辑
摘要: 1、啓動wsl系统时出现“参考的对象类型不支持尝试的操作”。 解决方法: netsh winsock reset 阅读全文
posted @ 2020-04-23 09:00 _zhiqiu 阅读(470) 评论(0) 推荐(0) 编辑
摘要: 背景:在使用view-design(iview)定制主体时(覆盖变量方式)出现less错误 完整错误如下 解决方法: 在vue.config.js中添加 less-loader:5.0.x module.exports = { css: { loaderOptions: { less: { java 阅读全文
posted @ 2020-03-25 11:03 _zhiqiu 阅读(2042) 评论(0) 推荐(0) 编辑
摘要: 方法一 阅读全文
posted @ 2019-12-05 11:37 _zhiqiu 阅读(3546) 评论(2) 推荐(0) 编辑
摘要: 1>在powershell中输入下面的代码 wslconfig /l #显示出你安装的列表。 wslconfig /u debian #debian为上述列表中的名字 注销子系统 2>打开开始菜单,右键卸载掉 阅读全文
posted @ 2019-12-04 17:00 _zhiqiu 阅读(13790) 评论(2) 推荐(1) 编辑
摘要: 使用npm run generate生成静态页面部署 1. 如果不是部署在域名的根目录下,则需要在nuxt.config.js中添加 2. 使用nuxt link时,to属性最后面一定要加上/,不然刷新时会自动返回首页 3. 使用vant时不能使用按需加载组件 按照vant官方文档操作 阅读全文
posted @ 2019-09-11 11:22 _zhiqiu 阅读(631) 评论(0) 推荐(0) 编辑
摘要: 题目来自于 "leetcode" 题目描述: 给定两个二进制字符串,返回他们的和(用二进制表示)。 输入为非空字符串且只包含数字1和0。 示例1: 示例2: 解题思路: 1. 首先让两个字符串等长,若不等长,在短的字符串前补零 2. 把字符串装换成数组 3. 遍历所有的位数,同位相加 4. 判断相加 阅读全文
posted @ 2019-08-28 13:53 _zhiqiu 阅读(243) 评论(0) 推荐(0) 编辑
摘要: 题目来自于 "leetcode" 题目描述: 给定一个排序数组,你需要在原地删除重复出现的元素,使得每个元素只出现一次,返回移除后数组的新长度。 不要使用额外的数组空间,你必须在原地修改输入数组并在使用 O(1) 额外空间的条件下完成。 示例1: 示例2: 说明: 为什么返回数值是整数,但输出的答案 阅读全文
posted @ 2019-08-28 11:58 _zhiqiu 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 内容来自于 "vue官方文档" / @returns {VNode} / createElement( // {String | Object | Function} // 一个 HTML 标签名、组件选项对象,或者 // resolve 了上述任何一种的一个 async 函数。必填项。 'div' 阅读全文
posted @ 2019-08-28 11:52 _zhiqiu 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 方法一(被处理的必须为 Number 类型) 方法二(被处理的为String类型的数字) 阅读全文
posted @ 2019-07-16 16:47 _zhiqiu 阅读(1772) 评论(0) 推荐(0) 编辑
摘要: 往文件的固定的行写入数据: 需要用到时nodejs的fs模块和path模块 用到fs模块的方法 readFileSync & writeFileSync ; readFileSync 是读取文件内容, writeFileSync 是向文件写入内容; 实现思路: 1:读取文件内容并把读取到的内容以换行 阅读全文
posted @ 2019-05-29 11:06 _zhiqiu 阅读(3833) 评论(0) 推荐(0) 编辑