深圳幻海软件技术有限公司 欢迎您!

  • 理解JS函数之call,apply,bind

    前言在JavaScript中,apply、bind和call是三个重要的函数,它们都是Function.prototype的方法。这些函数可以让我们动态地改变函数的this值,或者传递参数来执行函数。本篇博客将详细介绍apply、bind和call的使用方法以及它们之间的区别。applyapply(

  • react组件实例属性state

    state有状态state的组件称作复杂组件,没有状态的组件称为简单组件状态里存储数据,数据的改变驱动页面的展示<scripttype="text/babel">//创建组件classWeatherextendsReact.Component{//构造器调用1次constructor(p

  • 数据看板可视化

    前言这段时间一直在做可视化,在我的项目中有一部分是电力巡检的数据可视化。其中的数据看板比较简单,我将其单独抽离出来形成一个demo,为保密demo中数据非真实数据。先看效果。具体效果链接相关浏览链接:http://xisite.top/original/data-board/index.html#/

  • 记录--uniapp自定义相机 自定义界面拍照录像闪光灯切换摄像头

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助因公司业务需要,需要开发水印相机功能,而项目代码用的uniapp框架,App端只能简单调用系统的相机,无法自定义界面,在此基础上,只能开发自定义插件来完成功能(自定义原生插件,即是用原生代码来编写组件实现功能,然后供uniapp项目调用),

  • 在线客服系统源码开发实战总结:动态加载js文件实现粘贴一段js的sdk代码,直接引入插件效果

    常见的在线客服系统中,或者是统计代码中,粘贴一段js代码,就能引入某个插件的效果。这个是怎么实现的呢? 原理非常的简单:对于不同的加载文件类型创建不同的节点,然后添加各自的属性,最后扔到head标签里面。经测试,本方法兼容各浏览器,安全、无毒、环保,是web开发人员工作常备代码。&nbsp

  • WebSocket的简单使用

    WebSocket的简单使用复制ws_ht(){leturl=window._CONFIG['wsURL']//console.log('后台WS开始连接')//实例化socketthis.socket_ht=newWebSocket(url)//监听socket连接this.socket_ht.o

  • 分享一个Vue实现图片水平瀑布流的插件

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助一.需求来源今天碰到了一个需求,需要在页面里,用水平瀑布流的方式,将一些图片进行加载,这让我突然想起我很久以前写的一篇文章《JS两种方式实现水平瀑布流布局》但是有个问题,这个需求是Vue项目的,那没办法,这里给大家分享下我的开发过程,项目主

  • js中构造函数对象实例化和new关键字的执行过程

    在讲到new关键字的执行过程之前,有几个关于构造函数和对象之间的关系和构造函数的特点需要重点掌握:1.构造函数和对象的关系和区别:构造函数:构造函数抽象了对象的公共的属性和方法,封装到了函数里面,它泛指的是某一大类;对象:通过new函数创建对象,也称为对象借助构造函数完成的对象实例化。2.关于构造函

  • 重新认识访问者模式:从实践到本质

    访问者模式在设计模式中的知名度虽然不如单例模式,但也是少数几个大家都能叫得上名字的设计模式了(另外几个可能就是“观察者模式”,“工厂模式”了)。不过因为访问者模式的复杂性,人们很少在应用系统中使用,经过本文的探索,我们一定会产生新的认识,发现其更加灵活广泛的使用方式。和一般介绍设计模式的文章不同,本

  • Android Studio 新版Logcat 从惊艳到放弃

     AS总算更新了这个logcat了,原来的logcat真是使用起来贼难受,动不动过滤就失效,或者日志不打印,新版的logcat初步使用下来,那是贼舒服,先上一张界面图  一眼看去,可以看到主要改变有三点:一个是多窗口支持,可以同时打开多个logcat窗口,这对于分析繁多

  • 40 个定时任务,带你理解 RocketMQ 设计精髓!

    大家好,我是君哥。今天来分享RocketMQ的定时任务。通过这些定时任务,能让我们更加理解RocketMQ的消息处理机制和设计理念。从RocketMQ4.9.4的源代码上看,RocketMQ的定时任务有很多,今天主要讲解一些核心的定时任务。1、架构回顾首先再来回顾一下RocketMQ的架构图:Nam

  • 五件关于JavaScript中this参数的事

    this关键字是JavaScript中最令人困惑的部分之一,本文试图通过介绍有关它的五个重要事项来阐明其目的和用法。1、它允许访问同一对象上的其他属性在JavaScript中,函数可以是独立的单元,但它们也可以用作对象的值。考虑下一个对象。复制constobj={msg:'Hi',logMessag

  • 如何用原生 JS,快速写一个贪吃蛇小游戏

    前言贪吃蛇算是小游戏里面比较好写的,没有什么难点,基本上需要实现的功能,都能很顺利的用代码敲出来。1、绘制游戏区域和游戏元素仍然是用16*16的二维数组来绘制,对这个数组进行遍历。第一层遍历的时候创建tr,第二层遍历的时候创建td。然后添加一些CSS样式,游戏区域就写好了。复制letarr=[[{}

  • 使用 Three.js 实现跳一跳游戏

    前言跳一跳是微信小程序[3]的一个小游戏。长按屏幕让小人蓄力跳跃,进行游玩。按照小人跳跃盒子的数量,以及特殊盒子加分项计算得分。游戏规则十分简单:长按鼠标蓄力、放手,方块就会从一个盒子跳到另一个盒子。然而就是这个小动作,让你一旦开始就魔性地停不下来。Three.jsThree.js是一款运行在浏览器

  • 在项目中用 TS 封装 axios ,一次封装团队受益

    这篇文章封装的axios已经满足如下功能:无处不在的代码提示;灵活的拦截器;可以创建多个实例,灵活根据项目进行调整;每个实例,或者说每个接口都可以灵活配置请求头、超时时间等;取消请求(可以根据url取消单个请求也可以取消全部请求)。基础封装首先我们实现一个最基本的版本,实例代码如下:复制//inde

  • Javascript条件逻辑设计重构

    重构方法:分解条件表达式合并条件表达式以卫语句替代嵌套条件表达式以多态取代条件表达式引入特例引入断言条件表达式易产生的问题:复杂度极高:表现是if嵌套两三层设置更多大型函数可读性下降:不知道为什么会发生这样事情重构手法1:分解条件表达式和任何大块头代码一样,我可以将它分解为多个独立的函数,根据每个小

  • 几个一看就会的 TypeScript 小技巧

    TypeScript是一门语言,有很多语法,和那些只需要熟悉下API的库的层次不太一样,它更灵活,当然也会有很多小技巧。这篇文章就来分享一些很多人不知道的小技巧吧,都是学完就能用起来的那种。keyofanyTypeScript有一个内置类型叫做Record,它的作用是根据传入的索引和值的类型构造新的

  • 前端的设计模式系列-单例模式

    代码也写了几年了,设计模式处于看了忘,忘了看的状态,最近对设计模式有了点感觉,索性就再学习总结下吧。大部分讲设计模式的文章都是使用的Java、C++这样的以类为基础的静态类型语言,作为前端开发者,js这门基于原型的动态语言,函数成为了一等公民,在实现一些设计模式上稍显不同,甚至简单到不像使用了设计模

  • 详细教程:在Vue2和Vue3中构建相同的组件

    过去,我们看过很多重大变革即将到来的文章,但是并没有真正深入研究代码将如何变化。为了展示这些变化,小芯将在Vue2和Vue3中构建一个简单的表单组件。在本文的最后,将介绍Vue2和Vue3之间的主要编程差异,帮助大家了解,逐渐成为更好的开发人员。如果想知道如何建立第一个Vue3应用程序,请查看初学者

  • 常见数据结构和Javascript实现总结

    做前端的同学不少都是自学成才或者半路出家,计算机基础的知识比较薄弱,尤其是数据结构和算法这块,所以今天整理了一下常见的数据结构和对应的Javascript的实现,希望能帮助大家完善这方面的知识体系。1.Stack(栈)Stack的特点是后进先出(lastinfirstout)。生活中常见的Stack

推荐阅读