username_xu的博客

案例：1、南北方向红灯以30s点亮30s熄灭的时间循环；2、在点亮南北方向红灯的同时点亮东西方向的绿灯，并在点亮25s后，以0.5s熄灭0.5s点亮的时间循环3次后熄灭；3、在东西方向绿灯熄灭后，东西方向黄灯点亮2s后熄灭；4、在东西方向黄灯熄灭后，东西方向红灯点亮30s后熄灭；5、在点亮东西方向红灯的同时点亮南北方向绿灯，并在点亮25s后，以0.5s熄灭0.5s点亮的时间循环3次后熄灭；6、在南北方向绿灯熄灭后，南北方向黄灯点亮2s后熄灭。

案例：有一台运料小车在一条直线上来回运行，下面有4个行程开关，有2个点动按钮，手动状态下可以控制小车左右移动。1、自动状态下，按下启动按钮，小车会按照以下轨迹运行，小车反转到SO1位置，再往右走到位置3，再往左走到位置2，再往右走到位置4，再往左走到位置1，然后往复循环运行，当按下停止按钮时，小车停止，继续按启动，小车继续运行，长按停止按钮5秒，重新按启动时，会从头开始动作。2、手动状态下，按下正转按钮时，小车向右走；按下反转按钮时，小车向左走。

三菱PLC 流水灯控制

三菱PLC 单按钮启停

三菱PLC 控制灯一秒交替闪烁

开发中遇到两种需要动态设置swiper高度的情况： 第一种，需要除开顶部或底部元素获取屏幕剩余高度。第二种，需要根据子元素来计算 swiper 的高度。

最近有个给应用加水印的需求，思路是用canvas生成一张带文字信息的图片，然后平铺在页面上。

一. 浅拷贝1. for...invar obj = { name: '小明', age: 18}var newObj = {}for (var k in obj) { newObj[k] = obj[k]}2.... 展开运算符var newObj = { ...obj }3. Object.assigncvar newObj = Object.assign({}, obj);二. 深拷贝1.JSON.stringify()...

1. call作用：改变 this 指向，调用函数传入参数。语法：function.call(this, arg1, arg2, ...)应用：子构造函数继承父构造函数的属性function Father (surname) { this.surname = surname;}function Son (surname) { // 改变父构造函数的中 this 为子构造函数中的 this，并给该属性传递值。 Father.call(this, surnam

1. for + indexOfvar arr = [1, 1, true, true, 'false', 'false'];var newArr = [];for(var i = 0; i < arr.length; i++){ if(newArr.indexOf(arr[i]) === -1){ newArr.push(arr[i]) }}...

github代码地址vue-preview-img基于vue的PC端图片预览组件使用方式安装npm i vue-preview-img --save在main.js中注册import previewImg from 'vue-preview-img'Vue.use(previewImg)调用// src: 传入图片路径this.$previewImg({ s...

node + vue 全栈（vue代码）node代码博客地址：https://blog.csdn.net/username_xu/article/details/100080528node代码github地址：https://github.com/username-xu/full-stack-nodevue代码github地址：https://github.com/username-xu/f...

node + vue 全栈（node代码）项目截图vue代码博客地址：node代码github地址：https://github.com/username-xu/full-stack-nodevue代码github地址：https://github.com/username-xu/full-stack-vue项目结构具体细节后面再来补充！...

github地址：https://github.com/username-xu/node-districtsconst fs = require('fs');// 网络请求，文档可参考：https://www.jianshu.com/p/1432e0f29abdconst superagent = require('superagent');// 设置编码格式，文档：https:/...

使用 vue + element cascader级联选择器做城市选择器（可查看另一篇文章），需要全国行政区数据。github地址：https://github.com/username-xu/node.js-districtsconst fs = require('fs')// 请求模块，文档可参考：https://www.jianshu.com/p/1432e0f29abdco...

需求：1、城市选择2、城市输入实现：html<el-cascader :options="options" change-on-select filterable @change="handleChange"></el-cascader>jsimport cities from '@/common/c...

最近捣鼓了一下mongodb云数据库MongoDB Atlas，可以免费使用512M，学习啥的还是够用了。1、注册账号并登录点击 Try Free 按钮填写信息完成邮箱验证，登录2、创建一个集群点击 Build a Cluster 按钮选择一个亚洲的地区输入集群的名称其他都是默认选择免费的配置，点击创建后可能需要稍等2分钟...

微信小程序每次发布更新后线上还是之前的老版本，要删除后重新打开才会显示新版本，特烦。不知道是不是太久没去看文档了，发现 api 中增加了更新 wx.getUpdateManager()，于是立马来试试。在 app.js 中增加一个 onLaunch 生命周期函数，然后把微信的这段示例代码丢进去，在编译模式中勾选“下次编译时模拟更新”，编译时就可以看到效果了。App({ onL...

Date 对象使用小技巧1、获取指定日期new Date('2018/11/11 11:11:11'); // 时间为2018年11月11日 11时11分11秒new Date(2018,11,11,11,11,11); // 时间为2018年12月11日 11时11分11秒2、将Date对象转换时间字符串new Date().toLocaleDateString(); //...