aoshiyunlong-CSDN博客

mqtt

// #ifdef H5import mqtt from 'mqtt'// #endif// #ifdef MP-WEIXIN||APP-PLUSimport mqtt from '../../node_modules/mqtt/dist/mqtt.min.js'// #endiffunction mqttRequest({ url, port, mac, userName = "", passWord = "", payload}) { let agreement; //.

2020-08-02 20:24:31 263

原创 linux-ftp配置

vsftp使用什么是ftp：文件传输协议，用于在远程主机上传或者下载文件如何使用ftp? 第一步 yum安装yum install -y vsftpd；第二步配置文件vsftpd.conf# Example config file /etc/vsftpd/vsftpd.conf## The default...

2020-04-13 12:47:59 187

原创定时器秒杀的坑

第一种场景定时器被暂停是因为浏览器将页面的线程停止了，毕竟浏览器已经被切到后台，为了性能考虑，所以将页面线程停止也是合理的，这就导致我们的定时器并被暂停，<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpor...

2020-04-13 12:44:27 476

原创 mock.js的随机数据生成

mock.js是一个可以生成随机数据并且可以模拟各种请求的工具这是官方实例其实只需要看看文档百度一下就可以熟悉了很简单的<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...

2020-04-11 10:02:30 1406

原创 Error in mounted hook: "TypeError: Cannot assign to read only property '0' of string 'ASA'"

如果没遇到估计也不知道如何去解决这个问题，第一眼肯定想到的是应该我哪里写错了？:无法分配给字符串'ASA'的只读属性'0'”什么鬼？不管了打印一下看看哪里错了，发觉没错？而且在浏览器调试js代码没问题！以前也没遇到够这么懵逼的事情啊，这是需求用户选择分类名称1，物资编号就要增加一个字符，字符就是选择下拉的值，分类名称2也是改变的是第二个字符后来搞了很久才知道...

2019-12-02 14:41:13 4478

原创递归树节点

弹起递归，一般前端特别经典的就是角色菜单权限和tree树节点就是这个树节点后期会有很多分类，递归就是自己调用自己，因为数据很少不需要考虑性能问题，所以说用递归算是很简单的，下面看代码这便是判断边界条件，当然childrn如果是空的也不会进入递归环节，做这个目的是用户体验优化，获取所有子节点做成一个下拉这样的话用户不一定非要点击左边才可以选择类型，不然用户体...

2019-11-28 23:21:39 1248

转载 css实现自定义滚动条

在开发过程中有的时候要隐藏滚动条，有的时候自定义滚动条样式下面是滚动条组成::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条里面的小方块，能上下左右移动（取决于是垂直滚动条还是水平滚动条）::-webkit-scrollbar-track 滚动条的轨道（里面装有th...

2019-10-30 14:43:36 287

原创时间戳转换导致Invalid Date

在开发过程中导致Invalid Date 就只有时间戳格式不对导致的，但是我在某个页面开发过程中遇到一个奇葩问题时间选择组件是elementUI用户提交后，修改页面赋值给时间组件，老是没显示，我在浏览器控制台通过new Date()转换没问题，而后又console.log(new Date(时间戳)); 就出问题了，Invalid Date变成这个，我百度goole搜了下，都说格式不对，结...

2019-10-29 12:58:39 8376

原创 vue 数据响应式

在使用vue 开发项目的时候如果通过 “=”赋值给数组的某个数组或者对象，第二次赋值的时候页面没有及时响应，vue底层监听不到if (this.storageIndexArray[index] == undefined) { this.storageIndexArray.push(res.data); } else { ...

2019-10-17 14:04:24 96

原创前端实现分页

在开发过程中我遇到这么一个需求我曾经遇到过这个需求，后台说数据分页麻烦，哎没办法这个公司就我和他搞技术的，要是有项目经理肯定不允许后台这么搞，无论数据量大不大，前端采用的是Vue + ElementUi下面这是父组件的需要代码<template> <paging class="page" :totalCount=...

2019-08-01 22:49:44 23433 16

原创 Vue Cli3 模拟后台json接口

在开发过程中前端经常需要模拟json数据，那么这种方式不需要开启node服务//导入const webpack = require('webpack')const path = require('path')const appData = require('./data.json')const seller = appData.sellerconst goods = appData...

2019-08-01 16:07:14 770

原创 HDFS报错之-无法解析主机

Configuration conf = new Configuration(); conf.set("dfs.client.use.datanode.hostname","true"); FileSystem fileSystem = FileSystem.get(new URI("hdfs://xxx:9000/"),conf,"root")...

2019-07-24 19:44:59 2023

原创 git 笔记

添加远程仓库git remote add origin '仓库地址'将本地分支和远程分支都切换到mastergit branch --set-upstream-to=origin/master master拉取master代码git pull origin master --allow-unrelated-historiespush到master分支git push --set-u...

2019-07-11 22:26:22 75

原创 vue之cssModule和scoped

在项目开发过,尤其是类似于mvvm框架,组件化开发过程中,如果不使用scoped或者cssModule,会把组件外的样式覆盖,在这种形式下,一般都用的是scoped,但是vue还支持cssModulesCSS module在vue当中可以不用配置任何信息就能生效,<style lang="scss" module></style>然后呢可以在js...

2019-07-10 22:14:47 422

原创 inline-block布局

在开发过程inline-block貌似也能并行显示,<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...

2019-07-06 22:32:15 105

原创三列布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-07-06 22:14:50 113 2

原创 float布局

浮动布局float布局称之为经典布局,一般来说我个人很多时候用display:flex代替,但是在做图文混排的时候不得不用浮动,<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wi...

2019-07-06 22:13:45 239

原创 Date日期常用对象

通过new Date()返回的是 "Thu Jun 27 2019 11:26:22 GMT+0800 (中国标准时间)";转换为正常的日期格式怎么转换呢？ let d = new Date() let datetime=d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate();就是这样，然后呢以后要转换回去只需要...

2019-06-27 11:29:16 197

原创 vue修改值的问题

一般在修改数组对象的时候，会无法修改，视图无法生效，这个时候就需要使用vue.$setlet tableData=[ { name: '小', age:'23', sex:'男' }, { name: '小', age:'23', sex:'男' }, {...

2019-06-27 11:23:52 1625

原创小程序-自定义组件获取个人信息和分享小程序

在小程序开发过程中，会经常做获取用户个人信息和分享小程序功能，老版本的wx.getUserInfo已经不支持弹窗授权了，如果需要js获取数据明显只有通过授权才可以userAuthorized(){ wx.getSetting({ success: (res)=>{ if(res.authSetting['scope.userInfo']){ ...

2019-06-19 13:29:45 1282

原创小程序的小坑

在使用text标签时候，千万不要有空格，不然可能无缘无故padding-top多了很多的现象订单呢个//以后遇到更多小坑会继续上传的

2019-06-19 12:18:05 182

原创小程序-不同子组件怎么通信呢？

在小程序开发过程中往往会遇到这么一个情况我在进行左右切换数据时候，数据那块，又不是主页面，是主页面的另外一个自组件，那么该如何去做呢，那么小程序提供了很棒的特性叫做 “自定义组件触发事件“onTap: function(){ //点击事件 var myEventDetail = {} // 将值传递给使用方 var myEventOption = {} // 触...

2019-06-19 12:14:46 1120

原创函数重要的点

变量的作用域在 JavaScript 中，变量的定义并不是以代码块作为作用域的，而是以函数作为作用域。也就是说，如果变量是在某个函数中定义的，那么它在函数以外的地方是不可见的。而如果该变量是定义在 if 或者 for 这样的代码块中的，它在代码块之外是可见的。另外，在 JavaScript 中，术语“全局变量”指的是定义在所有函数之外的变量（也就是定义在全局代码中的变量），与之相对的是...

2019-05-01 22:10:02 184

原创 Vue原型开发搭建

Vue CLI 3.0环境搭建卸载老项目vue-clli：npm uninstall vue-cli -g 安装新版本：cnpm install -g @vue/cli 原型开发：npm install -g @vue/cli-service-global 创建项目：vue create 项目名或者使用图形化界面创建使用图形化界面 vue ui 插件、打包...

2019-04-29 11:37:26 1585

原创 viewport配置

2019-04-28 17:03:34 290

原创 js原生实现楼梯滚动效果

在开发过程中可能会遇到这种场景有点类似经京东楼梯的效果那样，点击按钮然后跳转到对应区域，还记得当初学习js的时候遇到这种东西，完全不知道怎么做？用定位吗显然不是，后来知道仅仅三行到四行代码就解决了，一般来说有两种方法一个是用插件，一个是原生实现，如果使用vue开发，会用到 better-scrooll插件github地址：https://github.com/ustbhuangyi/...

2019-04-26 16:05:17 2224

原创 vue-cli搭建

命令行执行 : cnpm install -g vue-cli // 加-g是安装到全局执行命令： vue init webpack demo(你新建的项目名称/文件名称)npm run dev 运行

2019-04-20 19:47:48 146

原创开发Vue组件细节点

1.在组件定义data只能是函数，不能是对象 Vue.component('row',{ data:function () { return{ content: 'this is function' } }, ...

2019-04-18 14:04:31 137

原创 H5常用标签

H5结构化标签

2019-04-11 17:30:54 606

原创 flex学习笔记

flex和inline-block区别：对于容器div自身来说，一个表现为块级元素，一个表现为块级内联元素。它们唯一的区别就是inline-flex可以将当前元素转换为行内块元素，flex不进行转换。对于它们的内部子项目没有任何影响，只是对自身和自身与周边元素的关系产生一些影响flex常用的很简单可以访问阮一峰前辈的文章flex属性flex-grow、flex-shrink、fle...

2019-04-10 09:44:54 71

aoshiyunlong的博客