让我们的技术真正秀起来 - web秀

综合Uni-AppWebpackReactHtmlElectron-VueElectronVue-NuxtTypeScriptNodeJs 展开

4年前

6个规则去净化你的代码

6个规则去净化你的代码

可读性代码就是可维护性代码！1、注重命名为一个事件命名是很困难的。虽然困难但是非常有必要。想象以下，将两个数组合并成一个数组，并生成一个唯一值的数组。那么你会怎么命名它呢？我们也许会这样命名？functionmergeNumberListIntoUniqueList(listOne,listTwo){return[...newSet([...listOne,...listTwo])]}上面的命名并不糟糕，但是还不是很友好。你可以将一个功能函数拆分为两个功能函数，这样命名更友好和函数复用性更好。functi

547212 3306 0

4年前

前端革命时刻：前端代码是怎样智能生成的-图像分离篇

前端革命时刻：前端代码是怎样智能生成的-图像分离篇

作为阿里经济体前端委员会四大技术方向之一，前端智能化项目经历了2019双十一的阶段性考验，交出了不错的答卷，天猫淘宝双十一会场新增模块79.34%的线上代码由前端智能化项目自动生成。在此期间研发小组经历了许多困难与思考，本次《前端代码是怎样智能生成的》系列分享，将与大家分享前端智能化项目中技术与思考的点点滴滴。概述一直以来，如何从“视觉稿”精确的还原出对应的UI侧代码一直是端侧开发同学工作里消耗比较大的部分，一方面这部分的工作比较确定缺少技术深度，另一方面视觉设计师也需要投入大量的走查时间，有大量无谓的沟

553627 3671 0

3年前

说说对WebSocket的理解？应用场景？

说说对WebSocket的理解？应用场景？

一、是什么WebSocket，是一种网络传输协议，位于OSI模型的应用层。可在单个TCP连接上进行全双工通信，能更好的节省服务器资源和带宽并达到实时通迅客户端和服务器只需要完成一次握手，两者之间就可以创建持久性的连接，并进行双向数据传输从上图可见，websocket服务器与客户端通过握手连接，连接成功后，两者都能主动的向对方发送或接受数据而在websocket出现之前，开发实时web应用的方式为轮询不停地向服务器发送HTTP请求，问有没有数据，有数据的话服务器就用响应报文回应。如果轮询的频率比较高，那么就

546036 3292 0

zxg_神说要有光

2年前

Typescript 类型的本质是什么

Typescript 类型的本质是什么

类型类型指的是变量的类型，而变量是一块内存空间，不同类型的变量会占用不同的字节数，而且可以做的操作也不同。number、boolean、string等类型的变量会占用不同的内存大小。类型分为基础类型和引用类型，基础类型分配在栈上，而引用类型分配在堆上，之所以有引用类型是因为这种类型是复合出来的，比如对象，它可能有任意多个属性，这种就放在可动态分配内存的堆上，然后在栈上记录下该地址，这就是引用类型。类型是运行时的变量的内存空间大小和可以做的操作的标识，但是代码中不一定包含，根据代码中是否有类型的标识，语言分

545543 3311 0

6年前

小程序日历控件js日历数据组装

小程序日历控件js日历数据组装

前言在h5开发中，很多地方都要用到日历控件，比如生日、出发到达日期等等，今天就来讲讲日历控件数据初始化。用到了moment插件，momentapi地址请点击。公共方法变量varTODAY=moment().startOf('date')varSCROLL_LIMIT_PERCENT=0.5varMONTH_CH=['一','二','三','四','五','六','七','八','九','十','十一','十二']//十二个月中文varDateItemvarMonthItemvarmakeDateList=

558815 3679 0

2年前

巧用 CSS 实现动态线条 Loading 动画

巧用 CSS 实现动态线条 Loading 动画

有群友问我，使用CSS如何实现如下Loading效果：这是一个非常有意思的问题。我们知道，使用CSS，我们可以非常轻松的实现这样一个动画效果：<div></div>复制代码div{width:100px;height:100px;border-radius:50%;border:2pxsolidtransparent;border-top:2pxsolid#000;border-left:2pxsolid#000;animation:rotate3sinfinitelinear;}

545375 3286 0

4年前

CSS机械齿轮Loading，爱的魔力转圈圈

CSS机械齿轮Loading，爱的魔力转圈圈

前言“爱的魔力转圈圈，想你想到心花怒放黑夜白天，可是我害怕爱情只是一瞬间，转眼会不见...”，嗨起来，小伙伴们，跟我一起来！干啥玩意？这节是计算机课，不是音乐课。确定不是机械课？额，差不太多吧，总之就是玩儿个轮子。看图，怎么都是机械课啊，但是我们本次课程，只需要将其效果用HTML+CSS实现，所以还是计算机课，想上音乐课、机械课的可以先离开一下。下面回归正题，对示例讲解先来个轮子大家肯定想，齿轮的锯齿如何实现呢？其实很简单就可以画出来，大家看下方代码<divid="loading"><d

554973 3641 0

4年前

vue实现文字表情同时输入的方法

vue实现文字表情同时输入的方法

在我们使用聊天工具进行聊天的时候经常会用到表情符号，有时我们会需要将文字与表情混输，本文就来为大家介绍一下使用vue实现文字表情混输的方法。实现思路利用div的contenteditable属性,让div可编辑绑定ref属性，用于操作输入框元素图片点击时，获取图片地址，使用require转换图片地址创建img标签，赋值转换好的图片地址从refs对象中获取到输入框元素，赋值创建好的img标签实现过程声明div可编辑，监听回车键事件，关闭拼写检查，绑定ref方便获取当前元素<divclass="inpu

546957 3239 0

5年前

Node + WebSocket + Vue 聊天室创建群聊/加入群聊功能 - 第五章

Node + WebSocket + Vue 聊天室创建群聊/加入群聊功能 - 第五章

前言本次算是做了一个小小的专题吧，“Nodejs+WebSocket+Vue实现聊天室功能”，目前还在一步一步推进，之前已经可以一对一、一对多聊天了，今天就来创建群聊组，加入群聊组等，同时项目中加入了全局message提示框，有兴趣的可以去看看。如果您还没有看过之前的文字，请点击下方链接查看！推荐文章：《Nodejs+WebSocket简单介绍及示例-第一章》《Nodejs+WebSocket+Vue实现多人聊天室WebIM功能-第二章》《Nodejs+WebSocket+Vue一对一、一对多聊天室-第三

555608 3841 0

6年前

JavaScript深入学习this、call、apply和bind

JavaScript深入学习this、call、apply和bind

前言this的指向问题一直是面试里的常客。也是es5的众坑之一。对于es6而讲，它极大地避免了this带来的错误。但是为了为了维护一些老代码，还是有必要了解this的。this的指向原则：this永远指向最后调用它的那个对象（es5）。匿名函数的this总指向Window对象(全局对象)（es5）。箭头函数中的this只和定义它时候的作用域的this有关，而与在哪里以及如何调用它无关，同时它的this指向是不可改变的。全局环境中的this是什么浏览器：console.log(this);//Windown

555644 3319 0

下拉加载更多

猜你喜欢

换一换

最新文章