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

WEB开发

  • node和npm如何升级版本

    node和npm在某种意义上,早已成为当前前端开发中不可或缺的工具。本文将介绍如何进行node和npm的版本升级和指定等等操作。查看node和npm版本:node-vnpm-v清除npm缓存:npmcacheclean-f如何升级npm当只需要简单的升级npm的时候,可以比较方便的处理。npm升级到

  • Vue 快速入门(一)

     1、介绍Vue(读音/vju/,类似view),是中国的大神尤雨溪开发的,为数不多的国人开发的世界顶级开源软件。是一套用于构建用户界面的渐进式框架,Vue被设计为可以自底向上逐层应用。MVVM响应式编程模型,避免直接操作DOM,降低DOM操作的复杂性。Vue官网地址:https://cn

  • JavaScript 浅拷贝和深拷贝

    JavaScript中对象的赋值是通过将一个对象的引用赋值给另一个变量,两个变量指向同一个内存地址。这意味着如果更改其中一个对象的值,另一个对象的值也会更改。浅拷贝是将一个对象的值复制给另一个对象,但如果对象中包含对其他对象的引用,则这些引用仍然指向原来的对象。可以使用Object.assign()

  • JavaScript 判断变量的类型

    JavaScript中有多种方法来判断一个变量的类型。1、typeof操作符,它可以返回一个字符串来描述变量的类型,如:console.log(typeof"hello");//stringconsole.log(typeof123);//numberconsole.log(typeoftrue);

  • 前端Linux部署命令与流程记录

    以前写过一篇在Linux上从零开始部署前后端分离的Vue+Springboot项目,但那时候是部署自己的个人项目,磕磕绊绊地把问题解决了,后来在公司有了几次应用到实际生产环境的经验,发现还有很多可以补充的地方,很多指令和下载地址每次用到的时候再找就相对麻烦,通过这篇文章可以做一个记录。另外,之前漏掉

  • Array 数组

    概念Array数组是有序的元素序列。语法newArray(length)newArray(element1)newArray(element1,element2)newArray(element1,element2,element3)newArray(element1,element2,elemen

  • Ant Design Table 如何动态自定义?Ant Popover 遮挡?

    项目场景:基于electron+Vue+node.js+express+mysql+evanpatchouli-mysql+Ant-Design-Vue,编写一款属于自己的轻量级MySQL数据库界面工具。问题列表如何动态渲染高度自定义的AntDesignTable?AntDesignTable表头固

  • Vue.js 中如何监测数组的变化?

    在Vue中,如果直接对数组进行操作,比如使用下标直接修改元素,数组长度不变时,Vue是无法监测到这种变化的,导致无法触发视图更新。针对该问题,总结如下解决方法:一、使用Vue.js提供的方法来更新数组在Vue.js中,可以使用Vue.set(target,key,value)或vm.$set(tar

  • JavaScript 中断 forEach 循环

    1、使用Array.prototype.some()方法代替some()方法会在找到第一个符合条件的元素时停止循环。例如:letarray=[1,2,3,4,5];array.some(function(element,index,array){if(element===3){console.log

  • vue3实现一个抽奖小项目

    前言在公司年会期间我做了个抽奖小项目,我把它分享出来,有用得着的可以看下。浏览链接:http://xisite.top/original/luck-draw/index.html项目链接:https://gitee.com/xi1213/luck-draw(欢迎star!)项目截图:实现目标数据保存

  • JavaScript 中 this 关键字的作用和如何改变其上下文

    一、this关键字的作用JavaScript中的this关键字引用了所在函数正在被调用时的对象。在不同的上下文中,this的指向会发生变化。在全局上下文中,this指向全局对象(在浏览器中是window对象,在Node.js中是global对象)。在函数中,this指向调用该函数的对象。如果该函数是

  • JavaScript 作用域和闭包

    一、作用域JavaScript中的作用域指的是变量和函数的可访问范围。JavaScript使用词法作用域,即作用域由代码的书写结构决定,而不是运行时环境。二、闭包JavaScript中,闭包是一个函数对象,它可以访问定义该函数的作用域里的变量,即使函数已经返回。闭包的特点是,它可以在其相关环境不存在

  • JavaScript 内存管理及垃圾回收

    一、内存管理JavaScript是一种自动垃圾回收语言,这意味着JavaScript引擎会自动监测和清理无用的内存。JavaScript中的内存管理主要由JavaScript引擎负责,开发人员不需要手动管理内存。JavaScript引擎使用垃圾回收算法来实现自动垃圾回收。二、垃圾回收JavaScri

  • Three.js 进阶之旅:新春特典-Rabbit craft go 🐇

    声明:本文涉及图文和模型素材仅用于个人学习、研究和欣赏,请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。摘要兔年到了,祝大家身体健康,万事顺利。本文内容作为兔年新春纪念页面,将使用Three.js及其他前端开发知识,创建一个以兔子为主题的3D简单的趣味页面Rabbitcraftgo。本

  • JavaScript 实现继承

    JavaScript中的继承可以通过以下几种方式来实现:1、原型链继承:通过将子类的原型对象指向父类的实例来实现继承。这种方式的优点是实现简单,缺点是父类的私有属性和方法子类是不能访问的。functionParent(){this.name='parent';this.age=30;}Parent.

  • CSS 奇思妙想之酷炫倒影

    在CSS中,倒影是一种比较常见的效果。今天,我们就将尝试,使用CSS完成各类不同的倒影效果,话不多说,直接进入主题。实现倒影的两种方式首先,快速过一下在CSS中,实现倒影的2种方式。使用-webkit-box-reflect正常而言,-webkit-box-reflect是一种非常便捷及快速的实现倒

  • 权限控制在数栈产品的实践

    我们是袋鼠云数栈UED团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。前言访问控制(Accesscontrol)是指对访问者向受保护资源进行访问操作的控制管理。该控制管理保证被授权者可访问受保护资源,未被授权者不能访问受保护资源。现实生活中的访

  • JavaScript 获取对象长度

    JavaScript中,对于普通对象,不能直接使用length来获取对象的长度,因为JavaScript对象并不是一种有序的集合,没有长度的概念。对于数组或者类数组对象,可以使用.length来获取它们的长度,因为它们是有序集合。对于字符串也可以使用.length来获取长度,因为字符串也是有序集合。

  • 当你输入网址,小手一点,然后发生了什么?

    摘要:输入网址并点回车,后台到底发生了什么。透析HTTP协议与TCP连接之间的千丝万缕的关系。掌握为何是三次握手四次挥手?time_wait存在的意义是什么?全面图解重点问题,再也不用担心面试问这个问题。本文分享自华为云社区《输入网址,小手一点,后面到底发生了什么?》,作者:龙哥手记。输入网址并点回

  • 记录--Vue开发历程---音乐播放器

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助一、audio标签的使用1、Audio对象属性 2、对象方法二、效果效果如下:三、代码代码如下:MusicPlayer.vue?123456789101112131415161718192021222324252627282930

  • 云间玉兔,自出机抒,从零开始制作Web插件网页特效小兔子组件(小挂件widget),基于原生CSS/NPM

    著意登楼瞻玉兔,何人张幕遮银阙?又到了一年一度的网页小挂件环节,以往我们都是集成别人开源的组件,但所谓熟读唐诗三百首,不会做诗也会吟,熟读了别人的东西,做几首打油诗也是可以的,但若不能自出机抒,却也成不了大事,所以本次我们从零开始制作属于自己的网页小挂件,博君一晒。玉兔主题元素绘制成本最低的绘制方式

  • JavaScript 原型和原型链

    JavaScript是一种基于原型继承的语言。在JavaScript中,对象是通过原型链来继承属性和方法的。一、原型每一个对象都有一个proto属性,该属性指向该对象的原型。原型本质上也是一个对象,所有的对象都拥有一个原型,除了Object.prototype。JavaScript中有一个Objec

  • day08-Axios

    Axios1.基本说明Axios是一个基于promise的网络请求库,作用于node.js和浏览器中。它是isomorphic的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生node.jshttp模块,而在客户端(浏览端)则使用XMLHttpRequest。axios是独立于

  • CSS 网格(Grid)布局

    CSSGrid布局是一种二维布局方式,可以将页面分成行和列,并在其中放置元素。使用Grid布局时,需要定义网格容器和网格项目。第一步,在网格容器元素(通常是一个div)上设置display:grid;来启用Grid布局。第二步,使用grid-template-columns和grid-templat

推荐阅读