- 博客(541)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 MQTT服务器搭建和测试步骤及遇见的问题
1.Apollo下载下载地址：http://activemq.apache.org/apollo/download.html2.Apollo安装1.将压缩包解压之后，进入bin目录，运行命令行appollo.cmd create mybroke，就会出现一个mybroke的文件夹。2.然后进入mybroke的文件夹下的bin目录，运行命令行apollo-broker.cmd r...
2018-05-18 20:31:18
6805
3
原创 export和export default的区别
1.export的使用1.直接输出export let words = 'hello world!!!' export function output() { // ... }2.先定义再输出let firstWords = 'hello'let secondWords = 'world'let thirdWords = '!!!'function output() { // ...}export {firstWords, secondWords, third
2020-08-12 00:28:02
1040
原创 DOM和BOM中的宽高
主要看这几篇文章：https://cloud.tencent.com/developer/article/1534759https://www.cnblogs.com/kongxianghai/p/4192032.htmlhttps://blog.youkuaiyun.com/xiebaochun/article/details/38382169还可以参考：https://blog.youkuaiyun.com/fanfan_h/article/details/90632127https://www.cnblogs.c
2020-07-20 23:42:30
501
原创 CSS中linear-gradient()
linear-gradient() 函数用于创建一个线性渐变的 “图像”。为了创建一个线性渐变，你需要设置一个起始点和一个方向（指定为一个角度）的渐变效果。你还要定义终止色。//语法background-image: linear-gradient(direction, color-stop1, color-stop2, ...);示例：//不指定方向（以下实例演示了从头部开始的线性渐变，从红色开始，转为黄色，再到蓝色:）#grad { background-image: linear-g
2020-07-09 01:18:48
946
原创 利用pading-bottom实现宽高比例自适应
可以参考：https://juejin.im/post/5b0784566fb9a07abd0e14ae#heading-0还可以参考：https://blog.youkuaiyun.com/TCF_JingFeng/article/details/80838903https://blog.youkuaiyun.com/weixin_44151357/article/details/102501571https://blog.youkuaiyun.com/weixin_30752377/article/details/9739833
2020-07-08 10:37:29
354
原创 防抖和节流
之前代码：滑动右侧A-Z导航条handlerTouchMove(e) { if (this.touchStatus) { const touchY = e.touches[0].clientY - 79; const letterIndex = Math.floor((touchY - this.startY) / 20); if(letterIndex >= 0 && letterIndex < this.firstLett
2020-07-05 12:06:43
241
原创 Vue中ref和:ref
前者代表字符串xxx，后者代表变量xxx。一个是动态一个是静态，就和:class和class、:style和style一样。（所以静态用ref，动态用:ref）
2020-07-05 08:37:35
1596
原创 Vue+element+Nodejs学习记录（8）
1.去掉a标签的下划线<a style="text-decoration:none></a>参考文章：https://jingyan.baidu.com/article/d5c4b52bfca27bda560dc5a8.html2.Vue中data对象和函数形式在一个普通的Vue app中，data是一个对象：new Vue( { data : { ...
2020-07-02 15:37:12
387
原创 Vue+element+Nodejs学习记录（7）
1.element中Table表格的使用先看官网的一个示例：<template> <el-table :data="tableData" style="width: 100%"> <el-table-column label="日期" width="180"> <template slot...
2020-07-02 15:36:45
368
原创 Vue+element+Nodejs学习记录（6)
1.axios拦截axios拦截就是axios的二次封装，这样便于权限管理和统一异常处理，全局拦截器可以根据接口错误码进行统一处理，而不需要再每一个接口内部进行控制，第二个好处就是，可以做全局的loading效果，如果不在全局做，你就要在每一个接口前显示loading，接口结束进行关闭，不便于代码维护，前端尽可能的去统一管理代码。参考文章：https://hooray.github.io/p...
2020-07-02 15:36:24
312
原创 Vue+element+Nodejs学习记录（5）
1.Vue基础使用vue-cli 3.x创建项目npm install -g @vue/clivue create hello-world 或者 vue uicd 目录vue run serve参考文章：https://www.cnblogs.com/niwalala/p/9253746.htmlVue中使用element1.在项目根目录执行命令：npm i element-u...
2020-07-02 15:35:59
221
原创 Vue+element+Nodejs学习记录（4）
1.nodejs中使用redisconst redis = require('redis')// 创建客户端const redisClient = redis.createClient(6379, '127.0.0.1')redisClient.on('error', err => { console.error(err)})// 测试redisClient.set...
2020-07-02 15:35:41
173
原创 Vue+element+Nodejs学习记录（3）
1.常见的两种登陆方式参考文章：https://zhuanlan.zhihu.com/p/62336927登录就是用某种方法让服务器在多次请求之间能够识别出你，而不是每次发请求都得带上用户名密码这样的识别身份的信息。从登录成功到登出的这个过程，服务器一直维护了一个可以识别出用户信息的数据结构，广义上来说，这个过程就叫做session，也就是保持了一个会话。广义的session和狭义的ses...
2020-07-02 15:34:50
204
原创 Vue+element+Nodejs学习记录（2）
1.异步回调和Promise使用我们先看一个异步数据读取的过程：const fs = require('fs')const path = require('path')//resolve可以通过拼接多个步骤的方式把文件名拼出来,__dirname是指当前目录const fullFileName = path.resolve(__dirname,'files','a.json')fs...
2020-07-02 15:34:27
335
原创 Vue+element+Nodejs学习记录（1）
目前的打算是前端用Vue+element，后端用Nodejs的Express框架，实现一个展示页面和后台管理页面。打算记录学习过程。1.Nodejs介绍JS和Nodejs1、ES 定义了语法规则，JS和Nodejs必须遵守2、js js=ES+web API(DOM，BOM，事件绑定，ajax)3、node.js node.js=ES+nodejs ...
2020-07-02 15:34:05
438
原创 box-sizing概述
box-sizing 是用于告诉浏览器如何计算一个元素是总宽度和总高度盒子的四个组成区域相对应，每个盒子有四个边界：内容边界 Content edge、内边距边界 Padding Edge、边框边界 Border Edge、外边框边界 Margin Edge。标准盒模型 box-sizing: content-boxcontent-box:width = content width;height = content heightIE盒模型 box-sizing: border-boxborde
2020-06-21 02:47:10
1375
原创 stylus中的&:before和&:after
表示当前层级下的元素的的伪元素&就是当前层级的引用，比如当前层级是.border-bottom，那么下面&:before中的&符号指的就是.border-bottomhttps://coding.imooc.com/learn/questiondetail/112968.htmlhttps://coding.imooc.com/learn/questiondetail/165426.htmlhttps://coding.imooc.com/learn/questiondet
2020-06-21 02:26:11
1927
原创 float和overflow
我们经常看到下面代码：.list overflow:hidden float:left原因是：由于浮动元素脱离了文档流，不占据父元素空间，所以父元素没有被撑开，因此可能造成元素塌陷，所以利用overflow：hidden的BFC属性清除浮动，撑开元素。详细了解bfc参考文章：https://coding.imooc.com/learn/questiondetail/162211.htmlhttps://www.imooc.com/article/12448这属于css的一个高级知识点B
2020-06-21 02:19:16
1016
原创 Vue2.5去哪儿实战课程（2）
4.深入理解Vue组件4.1使用组件的细节点4.2父子组件间的数据传递4.3组件参数校验与非props特性4.4给组件绑定原生事件4.5非父子组件间的传值4.6在Vue中使用插槽4.7作用域插槽4.8动态组件与v-once指令5.Vue中的动画特效5.1Vue动画-Vue中CSS动画原理5.2在Vue中使用animate.css库5.3在Vue中同时使用过渡和动画5.4V...
2020-06-12 23:02:35
907
原创 Git和SVN工作流
git :并发修改，并发提交，历史轨迹，分布式svn:并发修改，并发提交，历史轨迹，集中式1.Git觉得下面图很形象就做了个笔记：本地工作区workspace，本地仓库repository，远程仓库remote从远程仓库下载到本地仓库，从本地仓库checkout（检出）至工作区进行编码，新建文件编码——添加add——提交commit到本地仓库——推送push到远程仓库，每天从远程仓库pull代码到工作区。如何理解git check？checkout的意思，是检出。我们一般的理解是使用这个命
2020-06-12 04:37:08
509
原创 viso中自动黏附取消和对齐设置
解决办法是取消视觉帮助：进去visio视图->视觉帮助 右下角点三角形把当前活动的 中的对齐粘附选项全部取消掉。具体设置如下：
2019-11-07 15:35:05
1258
原创 Vue中this.$nextTick
参考文章：https://www.kancloud.cn/lemon-m/js-html-css/1043410https://www.kancloud.cn/hanxuming/vue-iq/776216https://segmentfault.com/a/1190000012861862https://blog.youkuaiyun.com/zhouzuoluo/article/details/8...
2019-10-29 10:08:29
287
原创 Vue中watch（immediate、handler和deep）
参考文章：https://www.cnblogs.com/shiningly/p/9471067.html
2019-10-28 20:40:34
1091
原创 hash、chunkhash、contenthash
参考文章：https://www.cnblogs.com/giggle/p/9583940.htmlhttps://www.jb51.net/article/132275.htm
2019-10-24 14:44:19
268
原创 Anaconda基础使用
基础使用参考：https://www.jianshu.com/p/eaee1fadc1e9在当前文件夹输入jupyter notebook可以在网页打开notebook编辑器。包管理工具pip和conda区别：https://blog.youkuaiyun.com/qq_41204464/article/details/86530217https://www.jianshu.com/p/5601dab...
2019-10-13 15:57:46
255
原创 vue 父子组件的生命周期顺序
一、加载渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted二、子组件更新过程父beforeUpdate->子beforeUpdate->子updated->父updated三、父组件...
2019-10-11 17:49:31
263
原创 Math.floor() 与 parseInt()的区别
1.Math.floor()用于一个数的向下取整,不能解析字符串<script type="text/javascript">document.write(Math.floor(0.89) + "<br />") //结果0document.write(Math.floor(-0.2) + "<br />") //结果-1document.writ...
2019-09-23 23:05:21
766
原创 Vue音乐播放器（1）
1.vue.config.js可以参考：https://juejin.im/post/5bd02f98e51d457a944b634fhttps://segmentfault.com/q/1010000016379336https://www.jianshu.com/p/b001492fc9b9https://www.jianshu.com/p/0824f625dfbb更详细的可以参考...
2019-09-18 21:58:53
1757
原创 ES6中class继承原理
参考文章：https://wulv.site/2017-05-29/%E4%BB%8EES6%E4%B8%AD%E7%9A%84extends%E8%AE%B2js%E5%8E%9F%E5%9E%8B%E9%93%BE%E4%B8%8E%E7%BB%A7%E6%89%BF.htmlhttps://blog.youkuaiyun.com/m0_37722811/article/details/8434322...
2019-09-05 20:08:31
742
原创 HTTPS中是如何应对对称加密和非对称加密
以及SSL是对称加密还是非对称加密可以参考文章：https://www.cnblogs.com/hai-blog/p/8311671.htmlhttps://www.cnblogs.com/wang-yaz/p/10604403.html
2019-09-05 10:15:49
333
原创 再看JavaScript中的树的中序遍历的递归过程
参考文章：https://www.imooc.com/qadetail/236313<!--参考资料：https://www.imooc.com/learn/888https://github.com/qq326943819/Binary-Tree--><!DOCTYPE html><html lang="en"><head> ...
2019-08-31 14:25:09
311
原创 JavaScript字符串、数组和对象一些方法使用
1.delete方法//数组var a = [1,2,3,4,5,6]delete a[1]a[1,empty,2,3,4,5,6]//对象var b = {1:'1',2:'2',3:'3'}delete b[1]b{2:'2',3:'3'}2.字符串的length和索引（通过key）str = '01234'str.length => 5str[1]...
2019-08-27 09:18:23
282
原创 Vuejs知识图谱
邂逅VuejsVue基础语法组件化开发Vue CLI详解vue-routerVuex详解网络封装项目实战项目部署Vue源码1.Vue基础语法插值语法：Mustache、v-once、v-html、v-text、v-pre、v-block绑定属性：v-bind、绑定class、绑定样式计算属性事件监听：v-on介绍、v-on基础、v-on参数、v-on修饰符条件和循...
2019-08-24 09:39:20
1767
原创 Vue中watch选项handle、deep、immediate是什么
handle：就是你watch中需要具体执行的方法deep：就是你需要监听的数据的深度，一般用来监听对象中某个属性的变化immediate：在选项参数中指定 immediate: true 将立即以表达式的当前值触发回调参考文章：https://segmentfault.com/q/1010000017020494/a-1020000017021145https://blog.csdn....
2019-08-23 23:13:52
2476
原创 JavaScript最大公约数
//最大公约数求解（辗转相除法）function gcd(a, b) { if (a % b === 0) { return b; } return gcd(b, a % b);}console.log(gcd(28, 12));4参考文章：https://blog.youkuaiyun.com/u014291497/article/details/79...
2019-08-22 12:53:41
457
原创 JavaScript版《剑指offer》刷题（33）第一次只出现一次的字符
题目描述在一个字符串(1<=字符串长度<=10000，全部由大写字母组成)中找到第一个只出现一次的字符,并返回它的位置。题目分析思路：1.新建一个对象，其中key用来存放字符，value用来存放该字符出现的次数；2.第一次循环，将所有字符和对应出现的次数存放在map中，时间复杂度为0(n)；3.第二次循环找到value为1的字符所在的位置，并返回。代码function ...
2019-08-21 10:37:07
201
原创 JavaScript版《剑指offer》刷题（32）丑数
题目描述把只包含质因子2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14不是，因为它包含因子7。 习惯上我们把1当做是第一个丑数。求按从小到大的顺序的第N个丑数。题目分析按顺序将丑数保存在数组中，然后求下一个丑数；下一个丑数是由数组中某个丑数A * 2，B * 3，C * 5中的最小值得来的。按照题目规定，第一个丑数是1，存入数组中；第二个丑数为12，13，1...
2019-08-21 10:26:49
226
原创 JavaScript版《剑指offer》刷题（31）把数组排成最小的数
题目描述输入一个正整数数组，把数组里所有数字拼接起来排成一个数，打印能拼接出的所有数字中最小的一个。例如输入数组{3，32，321}，则打印出这三个数字能排成的最小数字为321323。题目分析思路：本题关键点是制定排序规则，设计比较器；排序规则如下：若ab > ba 则 a > b，若ab < ba 则 a < b，若ab = ba 则 a = b；例如：...
2019-08-21 10:12:05
220
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人