博客园 - Tom_Lo
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=121016
2023-10-10T01:01:34Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
feed.cnblogs.com
https://www.cnblogs.com/luxiaoxing/p/14484829.html
前端websocket连接mqtt不能使用1883端口的问题 - Tom_Lo
前端代码无误的前提下需配置后台服务器相关参数: 1 配置支持websocket,且监听端口号为8083 2 port:1883 3 listener:8083 4 protocol:websockets
2021-03-05T02:42:00Z
2021-03-05T02:42:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】前端代码无误的前提下需配置后台服务器相关参数: 1 配置支持websocket,且监听端口号为8083 2 port:1883 3 listener:8083 4 protocol:websockets <a href="https://www.cnblogs.com/luxiaoxing/p/14484829.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/11505350.html
vue之$event获取当前元素的节点 - Tom_Lo
点击 methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素 e.currentTarget.previousElementSibling.innerHTML #获得点击元素的第一个子元素 e.currentTarget.firstEle...
2019-09-11T03:38:00Z
2019-09-11T03:38:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】点击 methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素 e.currentTarget.previousElementSibling.innerHTML #获得点击元素的第一个子元素 e.currentTarget.firstEle... <a href="https://www.cnblogs.com/luxiaoxing/p/11505350.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/11505164.html
vue之项目打包部署生产环境前需要注意的问题! - Tom_Lo
我们在本地写好代码,然后打包上线前需要修改相关的配置文件,否则项目无法正常运行,主要是路径不对,找不到相关文件。 1.修改config > index.js(如下图) 2.在build > utils.js里如下图的地方添加publicPath: "../../"即可。 修改好以上两点,就可以运行部
2019-09-11T03:15:00Z
2019-09-11T03:15:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】我们在本地写好代码,然后打包上线前需要修改相关的配置文件,否则项目无法正常运行,主要是路径不对,找不到相关文件。 1.修改config > index.js(如下图) 2.在build > utils.js里如下图的地方添加publicPath: "../../"即可。 修改好以上两点,就可以运行部 <a href="https://www.cnblogs.com/luxiaoxing/p/11505164.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/10790030.html
11个不常被提及的JavaScript小技巧 - Tom_Lo
这次我们主要来分享11个在日常教程中不常被提及的JavaScript小技巧,他们往往在我们的日常工作中经常出现,但是我们又很容易忽略。 1、过滤唯一值 Set类型是在 ES6中新增的,它类似于数组,但是成员的值都是唯一的,没有重复的值。结合扩展运算符(...)我们可以创建一个新的数组,达到过滤原数组
2019-04-29T06:07:00Z
2019-04-29T06:07:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】这次我们主要来分享11个在日常教程中不常被提及的JavaScript小技巧,他们往往在我们的日常工作中经常出现,但是我们又很容易忽略。 1、过滤唯一值 Set类型是在 ES6中新增的,它类似于数组,但是成员的值都是唯一的,没有重复的值。结合扩展运算符(...)我们可以创建一个新的数组,达到过滤原数组 <a href="https://www.cnblogs.com/luxiaoxing/p/10790030.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/10086888.html
小程序线上实例 - Tom_Lo
最近在开发小程序,个人觉得小程序开发很有意思,体验也很流畅,很赞!(由于是初版,页面及体验还需优化,购物流程是ok的,发现BUG及改进建议欢迎在下方留言,谢谢!) 话不多说,附上部分效果图!手机预览打开微信搜索“乐活城市”小程序。(初次接触小程序的小伙伴们,可以直接去官方给出的小程序API脑补,我这
2018-12-08T02:33:00Z
2018-12-08T02:33:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】最近在开发小程序,个人觉得小程序开发很有意思,体验也很流畅,很赞!(由于是初版,页面及体验还需优化,购物流程是ok的,发现BUG及改进建议欢迎在下方留言,谢谢!) 话不多说,附上部分效果图!手机预览打开微信搜索“乐活城市”小程序。(初次接触小程序的小伙伴们,可以直接去官方给出的小程序API脑补,我这 <a href="https://www.cnblogs.com/luxiaoxing/p/10086888.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/8650766.html
前端性能优化 - Tom_Lo
网站的划分一般为二:前端和后台。我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等。而前端呢?其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。 而我们建设网站的目的是什么呢?不就是为了让目标人群来访问吗?所以我们可以理解成前端才是真正和用户
2018-03-26T06:38:00Z
2018-03-26T06:38:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】网站的划分一般为二:前端和后台。我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等。而前端呢?其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。 而我们建设网站的目的是什么呢?不就是为了让目标人群来访问吗?所以我们可以理解成前端才是真正和用户 <a href="https://www.cnblogs.com/luxiaoxing/p/8650766.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/8649546.html
Cookie、LocalStorage 与 SessionStorage的区别在哪里? - Tom_Lo
基本概念 Cookie Cookie 是小甜饼的意思。顾名思义,cookie 确实非常小,它的大小限制为4KB左右。它的主要用途有保存登录信息,比如你登录某个网站市场可以看到“记住密码”,这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。 localStorage localSt
2018-03-26T02:58:00Z
2018-03-26T02:58:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】基本概念 Cookie Cookie 是小甜饼的意思。顾名思义,cookie 确实非常小,它的大小限制为4KB左右。它的主要用途有保存登录信息,比如你登录某个网站市场可以看到“记住密码”,这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。 localStorage localSt <a href="https://www.cnblogs.com/luxiaoxing/p/8649546.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/8638880.html
浅谈JavaScript、ES5、ES6 - Tom_Lo
什么是JavaScript JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言,用来给HTML网页增加动态功能。(好吧,概念什么最讨厌了) 动态: 在运行时确定数据类型。变量使用之前不需要类型声明,通常变量的类型是被赋值的那个值的类型。 弱类: 计算时可以不同类型之间对使用者透明地隐
2018-03-24T06:36:00Z
2018-03-24T06:36:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】什么是JavaScript JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言,用来给HTML网页增加动态功能。(好吧,概念什么最讨厌了) 动态: 在运行时确定数据类型。变量使用之前不需要类型声明,通常变量的类型是被赋值的那个值的类型。 弱类: 计算时可以不同类型之间对使用者透明地隐 <a href="https://www.cnblogs.com/luxiaoxing/p/8638880.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/7619931.html
HTML5最佳实践web app - Tom_Lo
简介 本文重点关注如何充分利用HTML5和CSS让web app运行更加流畅. Tip 1: 使用web storage代替cookie cookie最大的缺陷是在每一次HTTP请求中都会携带所有符合规则的cookie数据.这会增加请求响应时间,特别是XHR请求. 在HTML5中使用sessionS
2017-10-02T04:22:00Z
2017-10-02T04:22:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】简介 本文重点关注如何充分利用HTML5和CSS让web app运行更加流畅. Tip 1: 使用web storage代替cookie cookie最大的缺陷是在每一次HTTP请求中都会携带所有符合规则的cookie数据.这会增加请求响应时间,特别是XHR请求. 在HTML5中使用sessionS <a href="https://www.cnblogs.com/luxiaoxing/p/7619931.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/7586630.html
vue学习记录⑤(组件通信-父与子) - Tom_Lo
今天我们看一下组件通信。 经过前面几篇文章,我们已经可以构建出完整的单个组件,并利用路由使其串联起来访问了。 但这明显还是不够的。一个页面不可能就是个单组件,一般是由多个组件合成的。正因为如此,组件之间肯定是有相互关系的,我们就称这种现象叫组件通信。 比如父组件发生了某项改变,子组件会跟着相应发生变
2017-09-24T03:12:00Z
2017-09-24T03:12:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】今天我们看一下组件通信。 经过前面几篇文章,我们已经可以构建出完整的单个组件,并利用路由使其串联起来访问了。 但这明显还是不够的。一个页面不可能就是个单组件,一般是由多个组件合成的。正因为如此,组件之间肯定是有相互关系的,我们就称这种现象叫组件通信。 比如父组件发生了某项改变,子组件会跟着相应发生变 <a href="https://www.cnblogs.com/luxiaoxing/p/7586630.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/7545174.html
JavaScript 开发的45个经典技巧 - Tom_Lo
JavaScript是一个绝冠全球的编程语言,可用于Web开发、移动应用开发(PhoneGap、Appcelerator)、服务器端开发(Node.js和Wakanda)等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框,也可以通过nodebot或no
2017-09-22T12:28:00Z
2017-09-22T12:28:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】JavaScript是一个绝冠全球的编程语言,可用于Web开发、移动应用开发(PhoneGap、Appcelerator)、服务器端开发(Node.js和Wakanda)等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框,也可以通过nodebot或no <a href="https://www.cnblogs.com/luxiaoxing/p/7545174.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/7576813.html
Hello World 程序的起源与历史 - Tom_Lo
这是一个最著名的程序。对每一位程序员来说,这个程序几乎是每一门编程语言中的第一个示例程序。那么,这个著名的程序究竟从何而来呢? 实际上,这个程序的功能只是告知计算机显示 Hello World 这句话。传统意义上,程序员一般用这个程序测试一种新的系统或编程语言。对程序员来说,看到这两个单词显示在电脑
2017-09-22T11:43:00Z
2017-09-22T11:43:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】这是一个最著名的程序。对每一位程序员来说,这个程序几乎是每一门编程语言中的第一个示例程序。那么,这个著名的程序究竟从何而来呢? 实际上,这个程序的功能只是告知计算机显示 Hello World 这句话。传统意义上,程序员一般用这个程序测试一种新的系统或编程语言。对程序员来说,看到这两个单词显示在电脑 <a href="https://www.cnblogs.com/luxiaoxing/p/7576813.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/7564580.html
vue学习记录④(路由传参) - Tom_Lo
通过上篇文章对路由的工作原理有了基本的了解,现在我们一起来学习路由是如何传递参数的,也就是带参数的跳转。 带参数的跳转,一般是两种方式: ①.a标签直接跳转。 ②点击按钮,触发函数跳转。 在上篇文章中我们已经有两个页面(Helloworld.vue&Hello.vue),现在我准备往Hello.vu
2017-09-20T13:59:00Z
2017-09-20T13:59:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】通过上篇文章对路由的工作原理有了基本的了解,现在我们一起来学习路由是如何传递参数的,也就是带参数的跳转。 带参数的跳转,一般是两种方式: ①.a标签直接跳转。 ②点击按钮,触发函数跳转。 在上篇文章中我们已经有两个页面(Helloworld.vue&Hello.vue),现在我准备往Hello.vu <a href="https://www.cnblogs.com/luxiaoxing/p/7564580.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/7563350.html
vue学习记录③(路由) - Tom_Lo
上篇文章我们用vue-cli脚手架工具做了个简单的hello world页面,但是我们破坏了原来的流程,而正常的访问页面应该是通过路由来实现的。 那么什么是路由呢? 路由就是通过不同的url来访问不同的内容。 下面我们就通过路由来访问不同的页面吧~~~ 我们用vue-cli新建个项目test1。并运
2017-09-20T11:53:00Z
2017-09-20T11:53:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】上篇文章我们用vue-cli脚手架工具做了个简单的hello world页面,但是我们破坏了原来的流程,而正常的访问页面应该是通过路由来实现的。 那么什么是路由呢? 路由就是通过不同的url来访问不同的内容。 下面我们就通过路由来访问不同的页面吧~~~ 我们用vue-cli新建个项目test1。并运 <a href="https://www.cnblogs.com/luxiaoxing/p/7563350.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/7553518.html
vue学习记录②(hello world!) - Tom_Lo
接着上篇vue-cli脚手架构建项目结构建好项目之后,就开始写个“hello world!”吧~~~ vue玩的都是组件,所以开发的也是组件。 1.新建helloworld.vue。(删除Hello.vue)代码如下: 一个简单的组件就完成了。 2.我们打开入口组件App.vue并把里面的代码替换成
2017-09-19T11:06:00Z
2017-09-19T11:06:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】接着上篇vue-cli脚手架构建项目结构建好项目之后,就开始写个“hello world!”吧~~~ vue玩的都是组件,所以开发的也是组件。 1.新建helloworld.vue。(删除Hello.vue)代码如下: 一个简单的组件就完成了。 2.我们打开入口组件App.vue并把里面的代码替换成 <a href="https://www.cnblogs.com/luxiaoxing/p/7553518.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/7552612.html
vue学习记录①(vue-cli脚手架构建项目结构) - Tom_Lo
我们直接从vue的工程化开始入手。 在这里用git命令行搭建项目环境。(当然直接cmd命令行下也是一样的) git下载安装地址:https://www.git-scm.com/download/win git常用命令整理:http://www.cnblogs.com/luxiaoxing/p/754
2017-09-19T08:52:00Z
2017-09-19T08:52:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】我们直接从vue的工程化开始入手。 在这里用git命令行搭建项目环境。(当然直接cmd命令行下也是一样的) git下载安装地址:https://www.git-scm.com/download/win git常用命令整理:http://www.cnblogs.com/luxiaoxing/p/754 <a href="https://www.cnblogs.com/luxiaoxing/p/7552612.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/7545569.html
前端面试知识点集锦(JavaScript篇) - Tom_Lo
目录 1、谈谈你对Ajax的理解?(概念、特点、作用) 2、说说你对延迟对象deferred的理解? 3、什么是跨域,如何实现跨域访问? 4、为什么要使用模板引擎? 5、JavaScript是一门什么样的语言,它有哪些特点? 6、JavaScript的数据类型有哪些? 7、已知ID的Input输入框
2017-09-19T01:36:00Z
2017-09-19T01:36:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】目录 1、谈谈你对Ajax的理解?(概念、特点、作用) 2、说说你对延迟对象deferred的理解? 3、什么是跨域,如何实现跨域访问? 4、为什么要使用模板引擎? 5、JavaScript是一门什么样的语言,它有哪些特点? 6、JavaScript的数据类型有哪些? 7、已知ID的Input输入框 <a href="https://www.cnblogs.com/luxiaoxing/p/7545569.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/7545403.html
Git常用命令整理 - Tom_Lo
Git 常用命令清单。 几个专用名词的译名如下: 一、新建代码库 二、配置 Git的设置文件为.gitconfig,它可以在用户主目录下(全局配置),也可以在项目目录下(项目配置)。 三、增加/删除文件 四、代码提交 五、分支 六、标签 七、查看信息 八、远程同步 九、撤销 十、其他 # 生成一个可
2017-09-18T13:40:00Z
2017-09-18T13:40:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】Git 常用命令清单。 几个专用名词的译名如下: 一、新建代码库 二、配置 Git的设置文件为.gitconfig,它可以在用户主目录下(全局配置),也可以在项目目录下(项目配置)。 三、增加/删除文件 四、代码提交 五、分支 六、标签 七、查看信息 八、远程同步 九、撤销 十、其他 # 生成一个可 <a href="https://www.cnblogs.com/luxiaoxing/p/7545403.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/7544963.html
JavaScript常用代码书写规范 - Tom_Lo
javascript 代码规范 代码规范我们应该遵循古老的原则:“能做并不意味着应该做”。 全局命名空间污染 总是将代码包裹在一个立即的函数表达式里面,形成一个独立的模块。 不推荐 推荐 立即执行函数 在立即执行函数里面,如果有用到全局变量应该通过变量传递的方式,让立即执行函数的函数体在调用时,能以
2017-09-18T12:21:00Z
2017-09-18T12:21:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】javascript 代码规范 代码规范我们应该遵循古老的原则:“能做并不意味着应该做”。 全局命名空间污染 总是将代码包裹在一个立即的函数表达式里面,形成一个独立的模块。 不推荐 推荐 立即执行函数 在立即执行函数里面,如果有用到全局变量应该通过变量传递的方式,让立即执行函数的函数体在调用时,能以 <a href="https://www.cnblogs.com/luxiaoxing/p/7544963.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/luxiaoxing/p/7544727.html
程序猿常用英语单词汇总 - Tom_Lo
出自:http://www.cnblogs.com/best/p/6589908.html 第一节 void:[vɔid] 空的 main:[mein] 主要的 class:[klɑ:s] 类 system:[‘sistəm] 系统 out:[aut] 出,外,输出 print:[print ] 打
2017-09-18T11:19:00Z
2017-09-18T11:19:00Z
Tom_Lo
https://www.cnblogs.com/luxiaoxing/
【摘要】出自:http://www.cnblogs.com/best/p/6589908.html 第一节 void:[vɔid] 空的 main:[mein] 主要的 class:[klɑ:s] 类 system:[‘sistəm] 系统 out:[aut] 出,外,输出 print:[print ] 打 <a href="https://www.cnblogs.com/luxiaoxing/p/7544727.html" target="_blank">阅读全文</a>