摘要：
前奏 这篇文章仅对不熟悉在react中使用socket.io的人、以及websocket入门者有帮助。 下面这个动态图展示的聊天系统是用react+express+websocket搭建的，很模糊吧，要得就是这样的效果，我自己开了2个窗口，创建2个用户自问自答。没有什么高深的技术，对于很多想接触we 阅读全文
posted @ 2020-05-06 23:46
热爱前端知识
阅读(2562)
评论(1)
推荐(0)
摘要：
笔墨伺候 var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); // 然后便可以挥毫泼墨了 树的样子 const root = { value: 'A', label: '100', le 阅读全文
posted @ 2020-05-06 22:52
热爱前端知识
阅读(838)
评论(0)
推荐(0)
摘要：
局部属性和全局属性 局部属性：有些元素能规定自己的属性，这种属性称为局部属性。比如link元素，它具有的局部属性有href、 rel、 hreflang、 media、 type、 sizes这六个。全局属性：可以用来配置所有元素共有的行为，这种属性称为全局属性，可以用在任何一个元素身上。 1、ac 阅读全文
posted @ 2020-05-06 22:00
热爱前端知识
阅读(189)
评论(0)
推荐(0)
摘要：
概念 CSRF，Cross Site Request Forgery，跨站请求伪造。 为什么跨站的请求需要伪造？ 因为浏览器实现了同源策略，这里可以将站和源视为同一个概念。 同源策略 The same-origin policy restricts how a document or script 阅读全文
posted @ 2020-05-06 21:21
热爱前端知识
阅读(276)
评论(0)
推荐(0)
摘要：
前几天有个需求，要在H5页面中添加背景音乐，本以为很easy,却也踩了一些坑，废话不多说，进入正题： 撸完代码测试的时候才发现在安卓手机上背景音乐可以正常播放，但在iphone里的微信和safari中不能播放！ 查了很多资料，原来是微信的锅，微信的js api是建立在微信内置浏览器的私有对象Weix 阅读全文
posted @ 2020-05-06 20:26
热爱前端知识
阅读(406)
评论(0)
推荐(0)
摘要：
在实际应用中，我觉得能够通过操作 JSON 文件来操作 3D 上的场景变化是非常方便的一件事，尤其是在做编辑器进行拖拽图元并且在图元上产生的一系列变化的时候，都能将数据很直观地反应给我们，这边我们简单地做了个基础的例子，给大家参考看看。 本例地址： http://www.hightopo.com/g 阅读全文
posted @ 2020-05-06 19:42
热爱前端知识
阅读(124)
评论(0)
推荐(0)
摘要：
首次发表在个人博客 相同点 都支持服务器端渲染 都有Virtual DOM,组件化开发,通过props参数进行父子组件数据的传递,都实现webComponent规范 数据驱动视图 都有支持native的方案,React的React native,Vue的weex 不同点 React严格上只针对MVC 阅读全文
posted @ 2020-05-06 19:00
热爱前端知识
阅读(248)
评论(0)
推荐(0)
摘要：
bool值转换 数据类型 bool值转化 undefined undefined 转化为 false Object null 转化为false，其他为 true Boolean false 转化为 false，true 转化为 true Number 0，NaN 转化为false，其他为 true 阅读全文
posted @ 2020-05-06 18:21
热爱前端知识
阅读(1590)
评论(0)
推荐(0)
摘要：
弄了一堆线方块和函数，感觉挺玄乎，然并卵。我们直接写个项目看看。 canvas一个比较拽的应用就是图表和游戏，我们从浅入深，先玩图表，图表我们今天说一个最简单柱状图。 柱状图很多人用百度的echars,那么我们会用更要会写，为啥？我见过太多的人问我echarts不可能完全符合他们公司的需求，随便改一 阅读全文
posted @ 2020-05-06 17:40
热爱前端知识
阅读(161)
评论(0)
推荐(0)
摘要：
上面我们玩了一个图表，大家学好结构，然后在那个基础上去扩展各种图表，慢慢就可以形成自己的图表库了。也可以多看看一些国外的图表库简单的版本，分析分析，读代码对提高用处很大。我说了canvas两大主流用途，一个是图表，一个是游戏，在写游戏项目之前，我们先来点基础，关于动画，没有动画基础讲canvas游戏 阅读全文
posted @ 2020-05-06 16:52
热爱前端知识
阅读(189)
评论(0)
推荐(0)
摘要：
作为一名刚转行的前端萌新，接到的第一个工作任务就是写一个H5的前端页面，适配流行的手机，慌得很，适配手机啊，我自学的时候没搞过啊，怎么弄？上网搜，果不其然，网上一大堆文章告诉你viewport的概念，讲了物理像素，逻辑像素等等，最后给出了网易的方案和淘宝的方案，这里手淘团队厉害啦，直接给你封装好了， 阅读全文
posted @ 2020-05-06 16:08
热爱前端知识
阅读(402)
评论(0)
推荐(0)
摘要：
项目要求左右两张地图能够在鼠标悬浮的时候高亮部分联动，曾尝试了connect不好使，所以自己写了这段代码。代码思路为： 鼠标移入地图时，另一侧的地图根据鼠标悬浮获取到的区域name使该区域高亮； 鼠标移入地图时，根据鼠标在地图的坐标位置，使另一侧的地图tooltip悬浮于获取的坐标位置，保证两张地图 阅读全文
posted @ 2020-05-06 15:28
热爱前端知识
阅读(2161)
评论(0)
推荐(0)
摘要：
对于 3D 机房来说，监控已经不是什么难事，不同的人有不同的做法，今天试着用 HT 写了一个基于 HTML5 的机房，发现果然 HT 简单好用。本例是将灯光、雾化以及 eye 的最大最小距离等等功能在 3D 机房中进行的一个综合性的例子。接下来我将对这个例子的实现进行解析，算是自己对这个例子的一个总 阅读全文
posted @ 2020-05-06 14:37
热爱前端知识
阅读(260)
评论(0)
推荐(0)
摘要：
这个例子的初衷是模拟服务器与客户端的通信，我把整个需求简化变成了今天的这个例子。3D 机房方面的模拟一般都是需要鹰眼来辅助的，这样找产品以及整个空间的概括会比较明确，在这个例子中我也加了，这篇文章就算是我对这次项目的一个总结吧。对了，这个例子我是参考一个 DEMO 来完成的，和示例中的显示有些不同， 阅读全文
posted @ 2020-05-06 13:50
热爱前端知识
阅读(237)
评论(0)
推荐(0)
摘要：
有很多人都知道圆角怎么写，加一个border-radius就可以，但是对于用圆角的一些细节却并不是很清楚，那么我们今天就来聊一聊这个圆角。CSS3是样式表（style sheet）语言的最新版本，它的一大优点就是支持圆角。 一．CSS3圆角的优点在没有出现圆角属性之前，传统的制作圆角的方式就是拜托美 阅读全文
posted @ 2020-05-06 13:10
热爱前端知识
阅读(159)
评论(0)
推荐(0)
摘要：
需求与目标 在电商的大屏主页上，一般都会有一个显眼的品类导航栏，作为整个商城的重要分流入口，客户体验就必须要做到自然、极致。细心的用户可能会发现，在jd.com或者tmall.com等大型网站中，当鼠标在一级导航栏中垂直移动时，二级菜单可以无延迟的响应展示。神奇的是，当用户将鼠标悬浮在某一级菜单，想 阅读全文
posted @ 2020-05-06 11:47
热爱前端知识
阅读(442)
评论(0)
推荐(0)
摘要：
wsgirf-WSGI功能及参考实现 源码：Lib/wsgiref Web服务器网关接口（Web Server Gateway Interface, WSGI），是用Python写的一个服务器软件和web应用之间的通用接口。使用通用接口，能够使同一个应用方便的被不同过的web服务器调用。 只有web 阅读全文
posted @ 2020-05-06 10:55
热爱前端知识
阅读(464)
评论(0)
推荐(0)
摘要：
一 概念介绍 gulp 是 task runner，Webpack 是 module bundler。可以这么说， Webpack 和 gulp 本身都有 95% 的功能是不能被对方替代，或者直接说和对方不重叠的。 1 什么是gulp Gulp就像是一个产品的流水线，整个产品从无到有，都要受流水线的 阅读全文
posted @ 2020-05-06 10:08
热爱前端知识
阅读(533)
评论(0)
推荐(0)
摘要：
Web 全景在以前带宽有限的条件下常常用来作为街景和 360° 全景图片的查看。它可以给用户一种 self-immersive 的体验，通过简单的操作，自由的查看周围的物体。随着一些运营商推出大王卡等免流服务，以及 4G 环境的普及，大流量的应用也逐渐得到推广。比如，我们是否可以将静态低流量的全景图 阅读全文
posted @ 2020-05-06 09:25
热爱前端知识
阅读(350)
评论(0)
推荐(0)
摘要：
线下环境和线上环境还是有很大差别的，这篇文章的目的就是方便自己以后迅速的把开发好的网站部署到云服务器上，也方便大家能够遇到问题时能够从本篇文章中找到对应问题。一、购买云服务器，这里以腾讯云为例。 如何购买这里就不废话了，购买成功后腾讯云会给你一个站内信，告诉你登录服务器的用户名和密码(我这里买的是c 阅读全文
posted @ 2020-05-06 08:44
热爱前端知识
阅读(2391)
评论(0)
推荐(0)
浙公网安备 33010602011771号