- 博客(96)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 electron+node+node-serialport nodeJs实现串口通信+electron-builder打包完整流程
electron+node+node-serialport 实现串口通信+electron-builder打包完整流程最近有个项目需要连接电子秤到收银系统，然后需要调用硬件串口，因为收银系统，本来是用vue写好的网页，后面突然加了个需求，所以笔者思考了一下实现思路用node js 操作串口 （serialport ）用electron，建立webSocet 和网页建立通信（用的ws模块）...
2020-03-10 10:06:21
24372
33
原创 基于elment-ui 封装可复用table之vue-el-mtable
基于elment-ui 封装 可复用table vue-el-mtable为了简化table使用，笔者将elmentui 中的table组件进行了，再封装，方便使用，后期逐渐完善功能示例demo 在文章最后安装npm i element-ui -S npm install vue-el-mtable -SMTable Attributes参数说明类型可选值默...
2019-12-06 15:43:47
18004
2
原创 巧用vscode编辑器 ,利用vscode可视化git跟踪git历史记录，简单实现git日常操作
git 虽然好用，但是每次提交都要去敲命令，就感觉很繁琐，如果有可视化的方法,就能轻松提交代码vscode 自带有git的代码管理方式如下图当存在本地修改时 源代码管理会出现本地修改文件数量,同时点击文件,会出现,修改对比,左边代码为旧节点代码,右边代码为最新代码将鼠标悬停在更改,会出现按钮 一个是撤销所有修改,红框是暂存所有修改,相当于命令 git add .当然你也可以鼠标悬停到某一个文件,对单一文件进行操作,相当于 git add xx.js,第一个按钮是打开文件上面2步都可以不
2021-08-05 15:48:23
18419
1
原创 学习前端,需要掌握的单词集汇总
文章目录一, html二、css三、js（收集不易，有帮助记得一键三连,犒劳一下作者）感觉自己音乐不好就放弃学习前端,其实所有语言,常用单词也就500左右,下面笔者整理前端常用的单词 翻译趋向于术语一, htmldiv 分隔, 盒子p 段h1~h6 标题1到标题6a 锚spanstrong 加重语义metatable 表格th 表头tr 行td 单元格inputimgaudiovideoul 无序列表li 列表项目ol 有序列表dt 定义列表dl 定义术
2021-07-14 12:02:03
5864
8
原创 巧用Vscode编辑器，快速编辑代码，教你一键写完一段代码，向合格的cv工程师前进
一个好的编辑配置，能大大的提高开发者的效率，那么我们最理想的肯定 打2个字符，啪的一下，出现一堆代码，那么如何实现这种效果勒，这种效果又叫代码片段，vscode插件中有不少就是这种，比如 VEtur，但是我们有些自己的独特习惯，所以定制一款自己的代码片段尤为重要，这里就要提到，vsCode用户代码片段功能点击设置 ——》 用户代码片段点击下面选择对应语言的选项，没有现有片段，就在新代码片段中找到对应的编译选项，然后就开始愉快的编辑了新打开会看到一个示例{ "Print to consol
2021-07-02 10:56:27
2897
42
前端进阶全栈入门级教程nodeJs博客开发(二）安装mysql完善api接口对接mysql
没有数据库的情况已经模拟走通，下面来连接数据库，我们使用mysql，去官网下载然后安装即可下载地址这里以免安装为例一定要以管理员身份运行不然就会出现以下错误 cd 到安装路径下的bin目录（以Win10系统以管理 员身份运行Cmd命令行 输入cd后回车无反应，这个时候只要再输入盘符即可）或者输入 cd /d D:\mysql-8.0.23-winx64\bin执行 mysqld --install 安装mysql服务，然后出现一下提示表示成功然后初始化mysql， mysq
2021-06-23 11:15:25
366
1
原创 js异步处理方案，js的异步串行与异步并行
文章目录js异步处理方案，js的异步串行与异步并行一、什么是串行，并行，并发二、实现异步串行三、实现异步并行js异步处理方案，js的异步串行与异步并行一、什么是串行，并行，并发串行：这个就像队列一样，一个执行完，下一个再执行，比如js同步执行并发：是指这个系统拥有处理多个任务的能力，在一定时间发出，不需要同时性执行。js的异步消息队列让js拥有并发的能力 比如执行多个settimeout 它会挂载在消息队列，然后依次执行并行：是指这个系统拥同时处理多个任务的能力，就是多线程，而js是属于单
2021-06-22 16:47:11
2311
4
原创 前端进阶全栈入门级教程nodeJs博客开发(一）搭建环境与路由
阅读本篇文章时候，需要前端有一定基础后，想要进阶全栈，或者了解后端工作方式阅读，能更好的提高，前后分离对接的理解，本篇只会，概况的带领操作一遍，后端开发。简单易懂。文章目录一、搭建开发环境二、搭建路由路由和API的概念（一） 搭建基础路由（二）创建controller 和model层（三）处理post请求接下来完善并模拟所有的数据一、搭建开发环境tips 以下注释 // 省略。。。。 均为省略未修改部分我们先创建文件夹nativBlog然后使用 npm init -y 初始化一个项目安装n
2021-06-10 09:52:40
1444
6
原创 前端实现下载的触发机制，一篇文章搞定下载（文件下载，图片下载，截屏下载）
文章目录一、下载方式1.浏览器下载2.a标签触发下载什么是base64自定义下载文件名二、实战下载1.文件下载2.图片下载3.截屏下载（解决HTML2cavas截屏空白问题）一、下载方式一般来说，前端下载，一般分为利用浏览器下载，和a标签触发下载1.浏览器下载有时候我们会发现一张图片的路径如果直接输入在浏览器地址栏中就会直接触发下载例如下面图片http://webond.tpddns.cn:8823/facility/tempImage.json?path=upload/196afac1-3e4
2021-05-31 10:20:10
4518
13
原创 万字干货，git常用命令用法知识总结
从零开始一篇文章让你熟练git操作使用安装这个百度安装就行了，更新git update（已经被弃用，也能使用，忘记新命令时，输入会提示你最新命令）windows（最新更新命令）`git update-git-for-windowsmac (没有用mac，大家自己用git update试试）tips2.14.1及之前版本的git 并没有update这两个命令,也可以去官方下载覆盖即可下载地址一(官网)下载地址二(镜像)安装完成后 git version查看版本一、分支首先需要理
2021-05-25 13:55:29
1098
7
原创 巧用Vscode编辑器，快速格式化代码，让你的代码变得整洁又美观
相信不少人，写代码忘我的时候，都会忘记层级之间的缩进，导致代码，看着非常不清晰，这个时候，你是否还在手动一点点缩进，这个时候，我们需要利用编辑器的强大功能啦笔者使用Vscode，一个很好用的编辑器。有许多优秀的插件等待大家的发现这里笔者推荐 一个格式化神器看这安装量就知道不错了吧，相信不少人代码都可能写这样结构没有层级安装插件后只需要执行ctrl + sahift + p 输入 Beautify file插件将会自动识别帮你进行格式化但是有些小伙伴，在vue，react等框架页
2021-05-22 11:08:06
36413
50
原创 微信小程序本地和真机调试可以获取后端数据，体验版和预览无法获取到数据
微信小程序本地和真机调试可以获取后端数据，体验版和预览无法获取到数据这个问题，出现，大家肯定是用的http来访问的吧，其实这个是，当你在本地和真机调试的时候，是可以勾选不校验合法域名，所以这个时候http或者https都没什么区别，当你在预览和发布体验版的时候，就属于默认校验合法域名了，所以你http直接属于不合法，请求直接被拦截，所以后台也看不到错误，如果想在这2种模式下访问到后端，只需要打开开发调试，就能不检验合法域名了，点击右上角的胶囊，滑动一下选择开发调试即可 当你出现这个绿色按钮说明你打
2021-05-12 09:53:30
4946
11
原创 elementUI使用的正确姿势（一）表单
elementUI使用表单的正确姿势当我们使用elementui时，大部分人，遇到问题就想着，用css覆盖原本的样式，导致出现很多问题，一般来说，使用ui库，基本是不写css的，下面就是一下小技巧!1.实现表单搜索栏响应换行定义搜索栏时，利用form表单的inline属性，可以让表单内部变成行内元素自动为一行，同时，缩小屏幕宽度的时候会自动换行<template> <div class="main"> <el-form :inline='true' :mo
2021-05-10 10:37:26
5839
2
原创 谷歌浏览器图片无法显示，默认https加载
近期线上一个项目突然，发现图片无效，显示404，打开控制台，给我报了个错， 意思，就是当前加载的资源是http，不安全所以帮我加载https的资源。然而项目的图片没有加证书所以，就没发访问， 然后我去百度百度，发现了 这样的说明更新后的Chrome启用了一项名为“APP图标标记”的功能，允许应用程序和网站在不打断用户的情况下向用户通知新的活动。与直接弹出通知对比，这种方式干扰性小了很多。新版本Origin Trial尝鲜计划中新增Web NFC识别，允许Chrome浏览器读取NFC标签。一旦该功能广泛
2020-10-21 14:30:20
15250
2
原创 解决新版谷歌chrome浏览器cookie跨域，cookie失效问题
解决新版谷歌chrome浏览器cookie跨域，cookie失效问题最近笔者在本地调试时，发现死活也无法登陆，然后查看network，发现请求的cookie后面有一个黄色感叹号，给的提示，是无法设置cookie，当时就懵了，然后多方百度找到解决方法，原理就不用去了解了，执行下下面设置即可chrome://flags/#same-site-by-default-cookieschrome://flags/#cookies-without-same-site-must-be-secure这两项
2020-09-17 17:21:28
28571
13
原创 你真的会用scss吗 scss常用语法总结
文章目录一、嵌套二、父选择器三、变量四、插值语句五、运算与数据类型五、导入scss @import六、继承样式 @extend七、常用的指令@each@mixin 和 @include对于scss文档写了很多，但是常用语法就这些，下面做一个总结一、嵌套#main p { color: #00ff00; width: 97%; .redbox { background-color: #ff0000; color: #000000; }}//编译为#main p
2020-09-15 16:53:35
15152
原创 node自定义安装更改npm全局模块默认安装路径
笔者将node安装到了D盘，同时也需要改变npm全局包默认安装的路径，因为不想占C盘空间第一步当然是去node官网下载对应的版本，同时安装到D盘，先要在D盘新建一个nodejs文件夹安装不会自己建文件夹下载地址选择自己的安装包，然后安装的时候选择D:\nodeJs 就行了完成安装后，这个时候环境变量里面是没有node的，所以桌面上是找不到node和npm，打开安装的文件夹，新建2个文件夹 node_cache 和node_globalglobal是存放，全局安装的模块的，比如 npm in
2020-09-12 13:59:50
17151
原创 简单明了实现vue兼容到ie
文章目录cli2兼容cli3兼容兼容ie是真的头痛，一般我们现在只能考虑到10，大部分情况到11，到9一下，ajax的请求方式就需要兼容，下面就来分 cli2，和cli3以上来讲述如何兼容ie效果图：这是cli2的cli3 的cli2兼容vue cli2 并没有将webpack的配置，影藏了，所使用的还是原本的webpack配置，所以我们就可以使用本来的webpack来配置兼容先安装所需要的 babel文档安装npm install --save-dev babel-loader @
2020-09-10 14:04:23
14233
原创 从零开始学习搭建webpack
文章目录一、安装webpack2.安装webpack-cli二、打包三、 手动配置webpack1.基础配置entry 入口文件 output输出文件resolve 配置默认查询后缀devtool配置webpackDevSever配置HotModule Replacement 热模块更新proxy代理四、loaderloader的配置位置占位符palceholders1. 使用loader打包图片2.打包样式处理3. 对于字体文件的处理五、plugin 插件六、 Babel处理Es6语法实现低版本语法兼容
2020-09-08 14:29:30
18213
原创 程序员如何获取自己学习路线（附带前端学习路线）
不少人对自己的学习路线表示迷茫，接下来教你使用GitHub来寻找自己的学习路线，不过有时候需要科学上网，不然大部分图片是无法显示的，这个是一个比较清晰的前后端学习路线，笔者转载在这，那么如何查找自己的学习路线了，只需要 在GitHub上 输入 roadmap 查询就能获取各种语言的学习路线，或者你更精确一点，如 vue roadmap，就能获取自己想要的学习路线GitHub地址...
2020-08-31 10:57:45
18010
原创 element UI table表格组件，合计行不显示问题
element UI table表格组件，合计行不显示问题在element 中使用表格组件自带的合计，按官方写好后发现并不显示，但是当窗口大小改变时，又会出现，查看官方文档发现解决办法 文档doLayout对 Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时，可能需要调用此方法这是官方解释所以只需要在自定义合计方法中添加getSummaries(param) { this.$nextTick(() => { th
2020-08-24 16:56:43
16482
1
原创 vue 自定义指令与v-if冲突问题
vue 自定义指令与v-if冲突问题问题 ： 当同时存在 v-if 和自定义隐藏的指令（后面统一称为v-power） el 会被删除，单元素上的指令依旧会执行，修改的是上一个元素的显示影藏解决：第一种方式，将v-if 替换为v-show，这样元素一直存在，就不会出现问题，(如果你的自定义指令会动态改变display属性，那就可能和v-show冲突 v-show是通过display：none来控制影藏，这点需要注意，只是单一的影藏，就不需要考虑了)第二种方式，将v-if指令合并到自定义中 传入一个对象
2020-08-24 16:42:57
18994
原创 前端、js调用exe、pc本地应用
接下来以windows为例，我们经常看见页面上有些效果，比如打开迅雷，等等，那是怎么做到的呢，其实原理是通过注册表，来实现打开pc引用，我们先自己实现一个注册表新建一个vs.txt，用编辑器的，可以直接建reg文件，命名要和指定的协议，一致Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\vs] //注册文件位置 \后面要和文件名一致下面同理"URL Protocol"=""@="URL:vs" //指定协议[HKEY_CLAS
2020-08-21 15:36:54
18447
原创 js、html唤起唤起qq客服，加群功能
文章目录一、唤起qq二、加群功能唤起qq实际就是对qq推广工具的使用一、唤起qq实际就是唤起指定的qq聊天窗口，如果没有该好友，会提示你添加qq客服手机唤起： <a target="_blank" href="mqqwpa://im/chat?chat_type=wpa&uin=1932710186&version=1&src_type=web&web_src=http:://wpa.b.qq.com">唤起</a> pc端唤起： &
2020-08-18 11:38:51
17276
1
原创 原生js实现轮盘抽奖，控制中奖概率(完整示例)
文章目录1.实现旋转2.控制得奖概率3. 控制旋转动画落点4.测试概率完整代码本想找一个现成的，结果发现网上只有能实现转了，但是效果并不是让人很满意，于是我就借鉴一个样式，重新改了js实现，效果如下：图片素材：(网上一搜就有=-=)pointer.pngturntable.pngturntable-bg.jpg1.实现旋转原理很简单，就是通过css动画来实现旋转动画，用js来控制旋转度， img[src^="turntable"] { posi
2020-07-29 10:27:23
30472
6
原创 如何简单免费的实现内网穿透？
如何简单免费的实现内网穿透？网上许多内网穿透的教程，都很麻烦，大部分都要交钱，才能定制域名，不然就是一个随机值，不方便我们调试比如微信jsdk开发有时候就要内网穿透今天给大家推荐一个简单工具 utools里面集成的大量开发的小工具，是否好用，谁用谁知的，今天就推荐一下如何使用内网穿透首先要下载下载地址然后在插件中心，下载内网穿透插件安装完成后， 用Alt + 空格键 打开输入框，在输入框中输入内网穿透，就是上图的插件中心那一排，也行点击进入后 向下图一样填写参数就行了，内网地址，当然
2020-07-10 15:55:57
27434
14
原创 electron+node+node-serialport nodeJs向串口发送数据，自定义收银客显设备
文章目录一、前言二、了解客显设备三、开始操作index.htmlmain.js一、前言electron+node+node-serialport 实现串口通信+electron-builder打包完整流程上篇文章讲述了electron和serialport的环境搭建，以及打包流程，实现了串口通信，本篇，继续上篇，讲述另一个操作，向串口发送数据，因为最近有个需求，需要收银系统，打通设备上的客显设备，于是有了本篇。二、了解客显设备笔者开始也是一抹黑，不知道到底发送了什么给客显，LED上才会显示 找零
2020-07-08 18:10:17
16929
3
原创 解决overflow:hidden与定位一起使用子元素定位后元素被裁剪，隐藏不见问题
示例如下：<body> <div class="b"> b <div class="c"> c </div> </div></body>//css <style> .b{ position: absolute; width: 300px; height: 300px; backgrou
2020-06-16 17:07:40
24497
9
原创 如何定义一个宽度由子元素决定div（宽度自适应）？
//html<body> <div class="father"> <div class="child"> <div></div> </div></body>//css <style> .father { width: 200px; height: 400px; border: 1px solid blue; } .c
2020-06-16 16:41:17
22366
原创 微信小程序之直播功能使用详解
文章目录前言一、准备创建直播间基本信息推流直播样式配置二、开发使用引入插件1. 主包引入2. 分包引入进入直播三、关于订阅四、自定义自播前言小程序直播功能，分为使用官方自带的直播组件( live-player-plugin ,无需二次开发，开箱即用)，另一种就是使用自己服务器的流，自定义直播组件（live-player、live-pusher）,这里主要讲述，第一种的使用一、准备第一要了解是否满足 直播开通条件直播开通条件基本满足开头直播条件的功能里会有直播，然后去申请开通一下就行了创建直
2020-06-05 13:11:18
25214
6
原创 前端自动化测试（二）TDD与BDD 实战todoList
基础和配置请查看上篇文章前端自动化测试（一）jest学习与使用TDD开发 todoList在src下创建文件containers 如下TDD开发app.vue<template> <div id="app"> <TodoList/> </div></template><script>import TodoList from './containers/TodoList'export defau
2020-06-03 14:37:23
17576
原创 前端自动化测试（一）jest学习与使用
什么是前端自动化测试？前端编写一段js 去运行生产中的js代码，我们预期会出现的结果与实际出现的结果是否相等，在上线前检测成问题，这样通过代码自动检测，而非人肉点击就是前端自动化测试前端自动化测试的优势 1.更好的代码组织，项目的可维护性增强。 2.更小的Bug出现概率，尤其是回归测试中的Bug。 3.修改工程质量差的项目，更加安全。4.项目具备潜在的文档特性。 5.扩展前端知识面。学习自动化测试更有利于读懂各种源码，测试用例其实就是源码的文档，他详细告诉了实现的功能tips
2020-06-03 14:34:36
18867
1
原创 vue2到vue3中插槽slot变化详解---从slot，slot-scope到v-slot的变化
vue中插槽详解—从slot，slot-scope到v-slot的变化前言vue 插槽，目前到3.0有3种方式，第一种，在2.6之前使用的是slot 和 slot-scpe 2.6后已被官方废弃，但在2.x版本仍被支持，第二种是vue 在2.6版本后更新的新指令 v-slot 来替代slot 和slot-scpe那么什么是插槽呢，作用又是什么插槽，简单说，插槽就是杯子，杯子里面装的是饮料还是牛奶，由外部倒入什么来决定 ，就好比下面的代码，我需要一个子组件，他有部分内容，需要根据我当前页面需要来展示
2020-05-22 18:13:00
25754
7
原创 女朋友生日如何浪漫送她一个3D音乐爱心相册
520不会表白？教你制作神器3D音乐爱心相册前言马上就是520了，作为一名程序员，当然要用程序员的方式啦。用代码去爱她，所以笔者思前想后，于是有了下列想法：要花里胡哨，看了惊呼我的天，色彩要绚丽要打动人心，肯定要酷炫，所以要动才有特色好的东西肯定要有美丽的音乐来加分兄弟们看完记得点个赞，让更多看见，造福广大单身的程序员，谁说我们是直男，我们也很浪漫，话不多说，上才艺（项目地址在最后，代码太多只展示部分，用于修改的代码）一、来个花里胡哨的背景我本来想找个流星的动图，不太理想
2020-05-14 19:51:39
15860
7
原创 mongodb笔记安装与入门教程
mongodb使用一、安装安装看看这位老哥的 安装与配置(我不是懒的写= - =)二、语法Object ID:文档IDString:字符串， 最常用， 必须是有效的UTF- 8Boolean:存储一 个布尔值，true或falseInteger:整数可以是32位或64位，这取决于服务器Double:存储浮 点值Arrays:数组或列表，多 个值存储到一个键Object:用于...
2020-04-29 10:19:07
17023
原创 nestJs连接mongodb与使用
安装//定义模型cnpm i --save @typegoose/typegoose//安装定义文件，用于提示cnpm i --save mongoose @types/mongoose//连接mongdbcnpm i --save nestjs-typegoose使用app.module.ts连接mongodbimport { Module } from '@nestjs...
2020-04-25 09:52:35
19465
3
原创 nestJs数据验证class-validator
一、安装npm i --save class-validator class-transformerclass-validator 用于入的数据验证class-transformer 用于数据格式的转换二、使用 在main.js 开启一个全局管道 其他验证api查看 class-validator文档import { NestFactory } from '@nestjs/core...
2020-04-25 09:50:38
21744
原创 从零开始搭建搭建nestJs
从零开始搭建搭建nestJsNest 概念Nest的核心概念是提供一种体系结构，它帮助开发人员实现层的最大分离，并在应用程序中增加抽象。主要有三个核心概念：模块Module, 控制器Controller， 服务与依赖注入 Provider Dependency injection模块Module: 用于将代码拆分为独立的和可重用的模块，例如用户信息模块，然后将该用户模块的控制器...
2020-04-25 09:44:02
16173
原创 原生小程序 城市选择器与楼层效果的实现
原生小程序 城市选择器与楼层效果的实现这个可以网上找一个citycode映射表 然后 进行分组生成如下 名字为city.js的文件放入until中楼层效果实现，监听scrollview的滚动，获取分组元素块距离顶部的高度，当达到最近的时候，点亮一旁的楼层导航，同时点击楼层导航，将对应楼层置顶不了解可以查看对应的微信文档获取节点的方法 wx.createSelectorQuery()...
2020-04-16 15:51:59
15581
原创 小程序报错errMsg":"hideLoading:fail:toast can't be found"和hideToast:fail:toast can't be found？解决方案
小程序报错 errMsg":“hideLoading:fail:toast can’t be found”？最近微信悄咪咪的更新，笔者打开小程序莫名期末报个错误,查看一圈发现是封装的请求js中hideloading( )的问题，不能多个loading同时触发，下面是解决方案下面定义了一个变量来判断是否执行了loadingconst host = "localhost";export {...
2020-04-08 12:55:32
19163
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人