- 博客(24)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 根据案例写PLC程序-红绿灯控制
案例：1、南北方向红灯以30s点亮30s熄灭的时间循环；2、在点亮南北方向红灯的同时点亮东西方向的绿灯，并在点亮25s后，以0.5s熄灭0.5s点亮的时间循环3次后熄灭；3、在东西方向绿灯熄灭后，东西方向黄灯点亮2s后熄灭；4、在东西方向黄灯熄灭后，东西方向红灯点亮30s后熄灭；5、在点亮东西方向红灯的同时点亮南北方向绿灯，并在点亮25s后，以0.5s熄灭0.5s点亮的时间循环3次后熄灭；6、在南北方向绿灯熄灭后，南北方向黄灯点亮2s后熄灭。
2023-08-26 15:41:30
2652
原创 根据案例写PLC程序-小车往返运动
案例：有一台运料小车在一条直线上来回运行，下面有4个行程开关，有2个点动按钮，手动状态下可以控制小车左右移动。1、自动状态下，按下启动按钮，小车会按照以下轨迹运行，小车反转到SO1位置，再往右走到位置3，再往左走到位置2，再往右走到位置4，再往左走到位置1，然后往复循环运行，当按下停止按钮时，小车停止，继续按启动，小车继续运行，长按停止按钮5秒，重新按启动时，会从头开始动作。2、手动状态下，按下正转按钮时，小车向右走；按下反转按钮时，小车向左走。
2023-08-24 00:18:32
7635
原创 uni-app 动态设置 swiper 的高度
开发中遇到两种需要动态设置swiper高度的情况： 第一种，需要除开顶部或底部元素获取屏幕剩余高度。第二种，需要根据子元素来计算 swiper 的高度。
2022-10-13 23:42:10
4088
原创 浅拷贝和深拷贝
一. 浅拷贝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()...
2020-11-16 16:56:05
196
原创 call、apply、bind方法的应用
1. call作用：改变 this 指向，调用函数传入参数。语法：function.call(this, arg1, arg2, ...)应用：子构造函数继承父构造函数的属性function Father (surname) { this.surname = surname;}function Son (surname) { // 改变父构造函数的中 this 为子构造函数中的 this，并给该属性传递值。 Father.call(this, surnam
2020-11-12 14:35:13
155
原创 js 数组去重的简单方法
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]) }}...
2019-11-01 18:05:27
168
原创 vue图片预览组件
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...
2019-09-02 16:03:07
3034
1
原创 node + vue 全栈（vue代码）
node + vue 全栈（vue代码）node代码博客地址：https://blog.youkuaiyun.com/username_xu/article/details/100080528node代码github地址：https://github.com/username-xu/full-stack-nodevue代码github地址：https://github.com/username-xu/f...
2019-08-26 17:26:26
303
原创 node + vue 全栈（node代码）
node + vue 全栈（node代码）项目截图vue代码博客地址：node代码github地址：https://github.com/username-xu/full-stack-nodevue代码github地址：https://github.com/username-xu/full-stack-vue项目结构具体细节后面再来补充！...
2019-08-26 17:15:08
423
原创 node.js爬取国家统计局全国行政区数据
github地址：https://github.com/username-xu/node-districtsconst fs = require('fs');// 网络请求，文档可参考：https://www.jianshu.com/p/1432e0f29abdconst superagent = require('superagent');// 设置编码格式，文档：https:/...
2019-05-22 17:09:26
747
1
原创 node.js 爬取腾讯地图API全国行政区数据
使用 vue + element cascader级联选择器做城市选择器（可查看另一篇文章），需要全国行政区数据。github地址：https://github.com/username-xu/node.js-districtsconst fs = require('fs')// 请求模块，文档可参考：https://www.jianshu.com/p/1432e0f29abdco...
2019-05-20 17:28:44
1850
原创 vue + element cascader级联选择器编写城市选择器
需求：1、城市选择2、城市输入实现：html<el-cascader :options="options" change-on-select filterable @change="handleChange"></el-cascader>jsimport cities from '@/common/c...
2019-05-15 15:36:41
5136
2
原创 免费MongoDB云数据库教程
最近捣鼓了一下mongodb云数据库MongoDB Atlas，可以免费使用512M，学习啥的还是够用了。1、注册账号并登录点击 Try Free 按钮填写信息完成邮箱验证，登录2、创建一个集群点击 Build a Cluster 按钮选择一个亚洲的地区输入集群的名称其他都是默认选择免费的配置，点击创建后可能需要稍等2分钟...
2019-04-12 18:21:58
2561
原创 解决微信小程序更新发布之后线上还是之前的老版本
微信小程序每次发布更新后线上还是之前的老版本，要删除后重新打开才会显示新版本，特烦。不知道是不是太久没去看文档了，发现 api 中增加了更新 wx.getUpdateManager()，于是立马来试试。在 app.js 中增加一个 onLaunch 生命周期函数，然后把微信的这段示例代码丢进去，在编译模式中勾选“下次编译时模拟更新”，编译时就可以看到效果了。App({ onL...
2019-01-23 13:44:55
19950
8
原创 Date 对象一些使用技巧
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(); //...
2019-01-23 13:39:07
397
原创 子盒子在父盒子中水平垂直居中
子盒子在父盒子中水平垂直居中的几种实现方式。方式一：margin;HTML：<!-- 以下样式全为此结构 --><div class="father"> <div class="child"></div></div>CSS：.father{ width: 400px; heigh
2018-08-09 15:21:16
7686
原创 函数的 call、apply、bind 方法
call 和 apply 用来执行函数，并改变 this 的指向（第一个参数），同时用指定函数的参数。call 与 apply 唯一的区别就是， call 接受的是参数列表，apply 接受的是参数数组。var str = 'window';var obj = {str: 'obj'}function fun() {console.log(this.str);...
2018-04-28 16:54:39
229
原创 H5页面获取用户当前地理位置
通过腾讯H5前端地理位置模块，来获取用户当前地理位置。<!-- 引入腾讯模块CDN --><script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js" ></script> // 调用qq_positi...
2018-04-28 11:08:54
12041
2
原创 解决移动端iPhone设备点击时出现半透明的灰色背景
、问题：在iPhone设备上点击时会出现一个半透明的灰色背景。解决办法：html,body{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}-webkit-tap-highlight-color 是 css3 的新属性，这个属性只用于 IOS(iPhone和iPad)。当你点击一个链接或通过 Javascript 定义的可点击元素的时候，它...
2018-03-26 14:37:53
8288
原创 定宽自适应布局的实现方式
定宽自适应布局：定宽的内容保持不变，自适应的内容随屏幕的大小的改变而改变。方式一：浮动 float + 外边距 margin基本思路： 1. 父元素设置 padding 将需要定宽的位置预留出来；2. 子元素浮动；3. 定宽的子元素，固定宽度，自适应的子元素，设置宽度100%；4. 定宽的子元素，设置 margin 为负值，填补父元素 padding 预留出来的位置。html<!-- 以...
2018-03-15 16:51:50
903
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人