代码随笔
文章平均质量分 50
IT大师兄吖
独立博客: https://dsx2016.com
展开
-
js设置连续点击N次才触发某个交互操作(如弹出信息面板
仅在测试环境下,点击某个透明区域,连续点击N次,弹出调试信息面板原创 2022-10-24 07:50:12 · 1158 阅读 · 1 评论 -
arduino使用SD卡模块以及检查SD卡信息
原文链接:https://dsx2016.com/?p=1581公众号:大师兄2016SD模块本例子使用右侧SD模块 支持Micro Sd卡,Micro SDHC卡(高速卡) 板载点评转换电路,即接口电平可为5V或3.3V 供电电源为4.5V-5.5V,板载3.3V稳压电路 通信接口为标准SPI接口 接线本例子使用的为arduino官方编辑器示例,所以接线图如下其中cs引脚可以自定义修改 GND黑色线接地线 VCC红色线接5.原创 2020-12-01 06:05:12 · 1788 阅读 · 0 评论 -
arduino+ESP8266模块使用AT指令设置wifi
原文链接:https://dsx2016.com/?p=1510公众号:大师兄2016前言本文使用ESP8266模块结合arduino设置wifi通信设备ESP8066-01模块ESP8266 是一款超低功耗的 UART-WiFi 透传模块,拥有业内极富竞争力的封装尺寸和超低能耗技术,专为移动设备和物联网应用设计,可将用户的物理设备连接到 Wi-Fi 无线网络上,进行互联网或局域网通信,实现联网功能。ESP8266 封装方式多样,天线可支持板载 PCB 天线,IPEX原创 2020-11-30 06:29:33 · 12939 阅读 · 9 评论 -
使用蓝牙测试app和Web Bluetooth API(web蓝牙)连接arduino蓝牙模块并通信
原文链接:https://dsx2016.com/?p=1505公众号:大师兄2016前言前面的arduino操作都是建立在usb串口通信上的,然而有线的操作不仅不方便,还受限设备数量,数据传输速率等其他因素影响.无线的通信方式更加方便快捷,连接数量和通信方式更是提升好几个量级,从距离上就占据了优势 传统蓝牙有效距离约为10米,蓝牙5.0最远可为150米 WIFI的有效距离一般为50-100米 数据线的有效距离则完全取决于其长度,一般而言,要想达到1米以上的效果,不仅.原创 2020-11-29 08:52:33 · 4513 阅读 · 3 评论 -
falsk+flask_socketio+socket.io Client设置温度仪表盘实时数据更新
原文链接:https://dsx2016.com/?p=1493公众号:大师兄2016前言上期文章描述使用vue+echarts设置温度仪表盘并自定义区段颜色本期文章接着用python flask设置socket服务和前端通信实时获取温度数据主要内容为 后端设置flask服务并启用socket 前端使用socket.io(websocket)实时获取温度数据 arduino和python usb端口通信的关闭和独占访问模式(仅POSIX) 设置flask.原创 2020-11-28 08:16:02 · 1400 阅读 · 0 评论 -
vue+echarts设置温度仪表盘并自定义区段颜色
原文链接:https://dsx2016.com/?p=1486公众号:大师兄2016前言本文主要描述arduino获取温湿度数据后实时显示在web面板上相关内容点 vue-cli2 百度echarts 本篇只介绍单独拆分图表段样式设置效果,实时数据采用websocket来实现,其他篇章再描述.官方demo官网地址:https://echarts.apache.org/examples/zh/index.html?theme=light#chart-typ.原创 2020-11-27 00:19:57 · 4927 阅读 · 0 评论 -
使用python+sqlalchemy把温湿度传感器的数据通过usb串口存到sqlite
原文链接:https://dsx2016.com/?p=1472公众号:大师兄2016前言已经完成了前期的几个操作 Arduino Software (IDE) 开发环境已配置好,实现Hello World,程序正常编译 使用DHT11和Arduino获取房间中的温度和湿度数据(需要了解基本电路,先点灯,灯亮再试传感器) 使用python实现win10系统和arduino usb串口通信(蓝牙和wifi都暂时不考虑,usb通信优先) 上述步骤能够正常拿到温湿度数.原创 2020-11-26 08:10:26 · 759 阅读 · 0 评论 -
arduino传送字符串json到python解析为字典数据
原文链接:https://dsx2016.com/?p=1441公众号:大师兄2016前言前几篇文章仅仅是将获取到的温湿度数据打印在串口,简单的字符串就可以,只需要查看,未实现存储.为了方便的将arduino的数据使用python存到数据库中,使用json数据是一个不错的方式.此处设计的为arduino传输的为字符串json,python将字符串转码为字典后然后进行数据处理.python字符转换str转json# 引入json模块import json# 创建字...原创 2020-11-25 00:00:54 · 993 阅读 · 0 评论 -
使用python实现win10系统和arduino usb串口通信
原文链接:https://dsx2016.com/?p=1436公众号:大师兄2016前言arduino有很多可以直接使用的传感器,可以很方便的获取大量的环境数据.常见的有: 温度(室温,冰箱,水箱等场景) 湿度(房间空气湿度,花盆土壤湿度等场景) 声(声控灯,噪音检测,深海测量,医疗器械等场景) 光(灯光调节,距离检测等场景) 气压,磁力,位置,角度等传感器数据 现在有个问题,如何把通过arduino获取的温湿度等数据,发送给pc电...原创 2020-11-24 09:30:52 · 2789 阅读 · 0 评论 -
使用DHT11和Arduino获取房间中的温度和湿度数据
原文链接:https://dsx2016.com/?p=1430公众号:大师兄2016材料和器件配置如下 Arduino Uno R3* 1个 DHT11温湿度器(3针) * 1个 面包板 * 1个 跳线 * 若干 温度和湿度湿度指在空气的潮湿程度,也就是空气中水蒸气的含量,水汽是否趋近于饱和.研究表明: 适合的健康湿度范围在45%到60%之间,这个时候人体状态较好. 如果湿度低于45%,会导致皮肤,咽喉,呼吸道干...原创 2020-11-23 09:23:49 · 967 阅读 · 1 评论 -
Arduino Software (IDE) 开发环境配置
arduino的旅程从一句hello arduino!开启下载Arduino Software (IDE)下载地址https://www.arduino.cc/en/Main/software安装arduino有三种编辑开发方式 Arduino Software (IDE)本地安装 Arduino Software (IDE)便携程序(无需安装,直接解压缩即可) Arduino Create(web编辑器) 初始使用,直接使用便携版本,解压缩即可...原创 2020-11-22 00:53:43 · 2216 阅读 · 0 评论 -
css文字特效-冰冻文字(带炫光)
效果预览使用css制作冰冻文字(带炫光效果)适用场景:通常此类效果在视频片头特效出现较多博客上,适用影评内容,如<<冰与火之歌等>>最初样式字号微微大一点,字体加粗,颜色随意,默认为黑色用下图的样式对比上图的效果,只是加了一点css,就能获得完全不一样的效果<html lang="en"> <head> <meta charset="UTF-8" /> <meta ...原创 2020-11-21 09:41:38 · 2804 阅读 · 2 评论 -
nginx本地代理调试微信登录(window版本)
原文链接:https://dsx2016.com/?p=1393公众号:大师兄2016开发场景需要在手机上调试微信登录,需要查看本地代码console等日志信息回调地址为线上公众号,所以需要把该域名代理到本地启动的项目,便于排查稳定版nginx当前的nginx稳定版为1.18.0(window版)参考之间的文章<<window前端设置nginx反向代理>>启动nginx下载之后解压缩,然后启动默认的nginx这次换一种启动方式使.原创 2020-11-20 14:19:21 · 1463 阅读 · 0 评论 -
vue+webpack微信公众号H5点击跳转报错err loading chunk XX failed
原文链接:https://dsx2016.com/?p=987微信公众号:大师兄2016问题场景每次只要一发版,无论是测试环境还是线上环境,就会有点击卡死问题.测试环境排查的错误信息为loading chunk XX failed表现形式为,发版前用户在浏览对应网页,长时间停留在页面或者正在交互,发版后点击就报错并卡死.原因分析由于缓存所产生的问题.we...原创 2020-02-29 13:24:50 · 652 阅读 · 0 评论 -
vue+webpack打包发布到线上后微信公众号H5部分打开白屏,刷新又好了
原文链接:https://dsx2016.com/?p=984微信公众号:大师兄2016白屏原因微信公众号H5白屏现象很多,一部分是浏览器和app自身的原因,一部分是开发异常问题.如果是开发的bug,多半是js报错,阻断了html的渲染,这种白屏刷新结果仍然是白屏.还有一种白屏是公众号菜单进入首页或者初次点击链接进入首页白屏,但是刷新又好了.这种白屏原因可能有很多...原创 2020-02-29 13:22:52 · 1850 阅读 · 0 评论 -
vue js报Uncaught SyntaxError: Unexpected token 错误
原文链接:https://dsx2016.com/?p=980微信公众号:大师兄2016直接上图vue本地调试没有问题打包上线后,线上的某个页面打开空白,报以下错误Uncaught SyntaxError: Unexpected token <排查定位代码检查代码检查,一般Unexpected token <的错误,字面上的意识就是代码...原创 2020-02-29 13:20:59 · 5270 阅读 · 3 评论 -
pakeage.json版本未锁定造成自动构建时依赖报错
原文链接:https://dsx2016.com/?p=978微信公众号:大师兄2016构建失败自动化构建失败,总是莫名报tslib的包找不到但是排查项目中并没有使用对应的包tslib是typeScript的依赖包,项目中并没有使用typeScript排查定位经测试,本地build成功,后定位到是某个包的升级依赖于于typeScript.由于没有pak...原创 2020-02-29 13:16:15 · 319 阅读 · 0 评论 -
js对url进行base64加密解密
1作为url参数主要需要过滤base64高频且影响加载的内容,核心有以下8种把特殊符号替换为16进制+ 空格 / ? % & = # %2B %20 %2F %3F %25 %26 &3D %23 进行base64编码后,在使用js过滤,参考代码如下// 加密u...原创 2020-02-29 13:14:18 · 3941 阅读 · 1 评论 -
程序员的进阶之路
原文链接: https://dsx2016.com/?p=719微信公众号: 大师兄2016非器非术非道,仅聊聊一些方向.分阶很多事物都可以按进度和阶段来划分,如程序员的小白,初级,中级和高级.但是这种层次之分也有内外之别.公司招聘的中高级职位取决于业务的能力需求和薪水发放的高低,是市场的宏观定义.个人的中高级之分在于自我的能力进阶,来源于技术但不仅仅限于技术,...原创 2019-12-01 21:14:52 · 645 阅读 · 0 评论 -
vue keep-alive include无效
原文链接: https://dsx2016.com/?p=713微信公众号: 大师兄2016检查版本确定当前的vue版本的是2.1+因为include和exclude是vue2.1.0新增的两个属性.package.json"vue": "^2.5.2",检查name注意,不是router.js中的name,而是单个vue组件中的name属性.建议将rou...原创 2019-11-26 07:17:57 · 4409 阅读 · 5 评论 -
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前的位置
原文链接: https://dsx2016.com/?p=716微信公众号: 大师兄2016需求:商品列表页面浏览,进入商品详情,点击返回仍然是之前浏览的位置实现:使用vue的keep-alive的include属性给组件做动态缓存,从详情页返回不变,从其他页面进入列表页则刷新加需要缓存的列表页面定义一个数据集在vuexstate:{ pageL...原创 2019-11-26 07:14:24 · 2060 阅读 · 3 评论 -
浅谈code review
原文链接:https://dsx2016.com/?p=710微信公众号: 大师兄2016什么是Code Review中文为代码审查,是指一种有意识和系统的召集其他程序员来检查彼此的代码是否有错误的地方.通常进行Code Review会有以下效果: 更好的代码质量,提高代码的可维护性,统一性,可理解性等. 查找缺陷,发现性能问题,安全漏洞,可能的后门...原创 2019-11-24 19:20:51 · 253 阅读 · 0 评论 -
XAMPP端口被占用和phpmyadmin访问出错
原文链接:https://dsx2016.com/?p=708微信公众号: 大师兄2016xampp的默认端口为80和443,mysql的端口默认为3306.如果出现端口占用,可以通过修改端口的方式来启动环境.设置service如图所示,先将xampp的config端口更改本例将80改为801,443改为4431,记住,后续还会用到改后的端口mysql也改为3...原创 2019-11-23 18:24:47 · 614 阅读 · 0 评论 -
wordpress一键全站迁移和备份
原文链接:https://dsx2016.com/?p=706微信公众号: 大师兄2016整站迁移有时候,我们把整个网站迁移到另一个服务器,性能更高,更安全的服务器.对于不懂技术的人来说,不仅操作繁琐,还容易把博客的数据不小心损坏掉.推荐一个插件All-in-One WP Migration,能够一键备份和迁移,免费版已足够使用.操作指南安装插件在wordpr...原创 2019-11-23 18:21:50 · 5002 阅读 · 1 评论 -
ES6数组Array整理:比ES5更推荐的使用方法和技巧
原文链接: https://dsx2016.com/?p=692微信公众号: 大师兄2016ECMAScriptECMA Script是ECMA-262标准化的脚本语言的名称。尽管JavaScript和JScript与ECMAScript兼容,但包含超出ECMA Script的功能。以下表格按照四个模块分类: ECMAScript 1st Edition (ECMA-...原创 2019-11-17 18:35:30 · 534 阅读 · 0 评论 -
程序员提升效率值得学习的思维方式:任务分解(WBS)
原文链接: https://dsx2016.com/?p=683微信公众号: 大师兄2016一定要记住,提升效率的方法不是锻炼自己所谓的意志力和倡导执行力,以长时间鏖战任务为目标获得胜利,而是将一个庞大的复杂的或者仅仅看起来不可战胜的事物合理的拆解为一个个小事物,然后分而治之.工作项目程序员经常会遇到以下问题: 项目开发前评审,领导或负责人要求估算出开发时间 ...原创 2019-11-16 22:54:39 · 746 阅读 · 0 评论 -
vue计算属性computed和侦听器watch的使用场景
原文链接:https://dsx2016.com/?p=679微信公众号: 大师兄2016特点和区别vue的computed选项主要用于同步对数据的处理,而watch选项主要用于事件的派发,可异步.这两者都能达到同样的效果,但是基于它们各自的特点,使用场景会有一些区分.computed拥有缓存属性,只有当依赖的数据发生变化时,关联的数据才会变化,适用于计算或者格式化数据的...原创 2019-11-16 13:30:19 · 3337 阅读 · 4 评论 -
微信公众号H5之微信分享常见错误和问题
原文链接:https://dsx2016.com/?p=674url转码官方文档描述: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#62确认url是页面完整的url(请在当前页面alert(location.href.split('#')[0])确认),包括'http(s)????/...原创 2019-11-12 23:32:51 · 1261 阅读 · 0 评论 -
前端vue-cli项目中使用img图片和background背景图的几种方法
原文链接:https://dsx2016.com/?p=672前端中背景图片极其常用,但是很容易出现各种问题.一种是脚手架本身资源引用方式的问题,如指定静态资源文件夹.一种是图片资源引入方式,有时候使用绝对或者相对路径会导致错误.css方法正常使用background属性即可.如有问题,应把图片资源放入static静态资源文件夹,不是assets之类的其他文件夹....原创 2019-11-12 21:55:01 · 4088 阅读 · 0 评论 -
使用Js/Es6判断对象是否为空,并判断对象是否含有某个属性
原文链接:https://dsx2016.com/?p=668场景1.当页面初始化时,需要某个对象的属性对应的数据来渲染,但是起始值或者后端返回的可能就是null或者{}data(){ return{ a:{} }},cerated(){ let res=null // or {} this.a=res}一旦对象层级超过...原创 2019-11-12 21:31:40 · 4291 阅读 · 1 评论 -
从最小化可行产品MVP到全栈开发一站式
原文链接:https://dsx2016.com/?p=665MVPmvp意思为最小化可行产品.一个产品必须有一个核心功能,这个功能吸引用户访问和使用,甚至为此支付一定的费用.mvp的基础就是核心功能,除此之外,登录,支付,数据,客服等功能都可以暂时不要.不要带有完美主义,也不要什么都想要蹭上一点,mvp就是不断再不断的精简不必要的功能,以此达到快速上线,正常运...原创 2019-11-10 17:05:12 · 228 阅读 · 0 评论 -
如何筛选适合自己的的工具和软件?
原文地址:https://dsx2016.com/?p=663工具和软件平时简单的休闲娱乐还好,一部廉价的手机就足以看看免费的电影和剧集,听听歌,打打游戏.获取资讯信息是一件轻而易举的事情,互联网的大半资源都可以免费获得,韭菜就是这样茁壮成长的.然而一旦想要正反馈的做点事情,就涉及到设备的购买和工具的使用了,如笔记本电脑.涉及的场景作为一个开发人员...原创 2019-11-07 23:24:05 · 362 阅读 · 0 评论 -
程序员如何提升开发团队的协作效率和质量?
原文链接:https://dsx2016.com/?p=661单兵作战只能胜任分发到自己的模块,团队协作才能让产品快速而高质量上线.有正必有反想要提升团队协作的效率,先分析哪些事物阻碍了开发进度.一般情况下,项目预估的时间相对的紧凑,如果发挥正常,则上线时间不会相差太远,中途有什么变化,也会根据反馈实时调整进度.但有时候,代码能够稳定的发挥其固定的作用,人就不一定了,...原创 2019-11-03 23:23:10 · 3263 阅读 · 0 评论 -
win10系统如何添加和切换多个桌面?
原文链接:https://dsx2016.com/?p=654任务视图找到左下角任务栏的"任务视图"按钮显示按钮如果没有,则在底部任务栏空白处点击鼠标右键选择"显示任务栏按钮",再查看左下角图标新建桌面点击"任务视频按钮",新建桌面或者点击想要切换的桌面也可以使用"win+tab"快捷键,显示桌面状态切换桌面推荐使用"ctrl+win"+→...原创 2019-10-26 18:03:37 · 5644 阅读 · 0 评论 -
Git 忽略文件名大小写
原文链接:https://dsx2016.com/?p=656问题场景Gitlab在合并分支时提示某个文件已经存在,提示需要提交.但是真正操作提交时却又无法提交,file already exist,一直报异常.Git终端提示的如E:/github/code-snippet/src/views/Time/index.vue但是本地的代码为E:/github/code-sn...原创 2019-10-26 18:00:50 · 2240 阅读 · 2 评论 -
有哪些可以提升编程效率的技巧和方法?
原文链接:https://dsx2016.com/?p=658编程效率传说程序员打字速度要快,很多人仍然会以这样一个标准来片面判断技术水平.拜托,你是一个程序员,不是一个打字员,打字快可以代表一些,但也并不代表什么.互联网行业还在纠结打字速度的,不是外行,就是一个没有独立思考的人.如何提升所谓提升,就是在现有的基础上进行优化,让结果比当前更好.提升编程效率...原创 2019-10-26 17:56:16 · 754 阅读 · 0 评论 -
程序员如何提升自己的工作效率?
原文链接:https://dsx2016.com/?p=651效率即时间技术工作是个青春饭,也是个矛盾体.一方面要求我们有着奋战几个通宵的精力和健康,一方面要求我们拥有灵活的大脑和快速学习的能力,一方面要求我们踩过无数的坑却又不能太过时.以上种种,皆逃不过时间二字.通宵的定义是基于连续不停的工作到第二天,不眠不休.快速学习是指学习一个事物的时间少于大多数普...原创 2019-10-20 00:46:18 · 660 阅读 · 0 评论 -
如何使用css创建一个优惠券
原文链接:https://dsx2016.com/?p=649需求场景添加优惠券类目,展示用户的优惠券常见的设计样式如下图,核心为半圆分步拆解优惠券的特点是带有反向圆角,为了展示效果更好,适配多种场景,不推荐使用背景图片形式,建议使用css.网上有几种方案:一种是boder+clip的形式,裁剪出4个小半圆角,拼凑在一起一种是radial-gradi...原创 2019-10-19 22:39:23 · 1268 阅读 · 1 评论 -
axios取消某个发送的http请求和响应
原文链接:https://dsx2016.com/?p=647需求场景用户在点击购买或者其他操作的时候,http响应比较慢在没有收到反馈前,用户点击返回或者跳转到其他页面时,中断当前页面的请求和响应实例化CancelToken首页需要实例化一个CancelTokenimport axios from "axios";const CancelToken = axio...原创 2019-10-19 20:19:13 · 1387 阅读 · 0 评论 -
解决键盘挡住输入框问题(APP调整)
原文链接:https://dsx2016.com/?p=172➢ 问题:键盘挡住输入框,并且页面无法滚动,scrollIntoView无效➢ 场景:安卓部分机型,嵌入在APP WebView的H5页面➢ 解决:APP端处理WebView视图当键盘弹起时,APP把webview的高度挤压,让输入框自动适应可视区➢ TipsH5在兼容和适配上有一定的局限性,...原创 2019-01-05 07:21:58 · 1012 阅读 · 0 评论