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

WEB开发

  • Html飞机大战(十六): 完成"清除"敌机奖励类

    好家伙, 我们先来尝试完成一个最简单的功能正面buff:1.消灭全图敌机 我们要先找一个好看一点的素材  把背景弄成透明的(搞了好久),感谢度娘的技术支持Photoshop中如何把图片的背景变成透明的-百度经验(baidu.com)你问我为什么是篮球?只因你太

  • CSS 笔记

    CSSCSS,或CascadingStyleSheets(层叠样式表或级联样式表),用来给浏览器添加样式。引入CSS的方式Import内联InlineStyle使用style属性来引入CSS<h1style="color:blue;"></h1>嵌入EmbeddedStyle

  • 深入浅出 JavaScript 中的 this

    笔者最近在看你不知道的JavaScript上卷,里面关于this的讲解个人觉得非常精彩。JavaScript中的this算是一个核心的概念,有一些同学会对其有点模糊和小恐惧,究其原因,现在对this讨论的文章很多,让我们觉得this无规律可寻,就像一个幽灵一样如果你还没弄懂this,或者对它比较模糊

  • 记录--通过手写,分析axios核心原理

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助一、axios简介axios是什么?Axios是一个基于promise的HTTP库,可以用在浏览器和node.js中。axios有什么特性?(不得不说面试被问到几次)从浏览器中创建XMLHttpRequests从node.js创建http请

  • CSS Flexbox 布局

    CSS弹性盒子Flexbox布局Flexbox(弹性盒子)是CSS3中引入的一种强大且兼容性好的布局方法。使用flexbox,可以很容易地处理好页面上的元素布局,并创建可以自动缩小和放大的动态用户界面。flex盒子模式只要在一个元素的CSS中添加display:flex;,就可以使用其它flex属性

  • 单标签实现复杂的棋盘布局

    最近,有群友问我,他们的一个作业,尽量使用少的标签去实现这样一个象棋布局:他用了60多个标签,而他的同学,只用了6个,问我有没有办法尽可能的做到利用更少的标签去完成这个布局效果。其实,对于一个页面的布局而言,标签越少不一定是好事,我们在考虑DOM的消耗的同时,也需要关注代码的可读性,以及后续基于这个

  • antd 批量上传文件逻辑

    阅读目录基本步骤效果展示 控件引用处理逻辑 回到顶部基本步骤通过antd框架的Upload控件,采用手动上传的方式,先选择需要上传的文件(控制文件数量以及大小),再根据所选的文件列表,循环上传,期间通过Spin控件提示上传中。回到顶部效果展示回到顶部 控件引用Uploa

  • TP6框架--CRMEB学习笔记:布置后台管理框架+配置路由

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助最近在研究一个基于TP6的框架CRMEB,这里分享下我的开发心得首先在上篇文章中,我们安装了CRMEBphp接口项目,需要可以看这一篇TP6框架--CRMEB学习笔记:项目初始化+环境配置1.获取项目这里是git地址?1https://gi

  • 前端面试题JavaScript篇——2022-09-20

    每日3题#1以下代码执行后,控制台中的输出内容为?#//index.jsconsole.log(1);import{sum}from"./sum.js";console.log(sum(1,2));//sum.jsconsole.log(2);exportconstsum=(a,b)=>a+b

  • 基于HBuilderX+UniApp+ThorUI的手机端前端的页面组件化开发经验

    现在的很多程序应用,基本上都是需要多端覆盖,因此基于一个WebAPI的后端接口,来构建多端应用,如微信、H5、APP、WInForm、BS的Web管理端等都是常见的应用。本篇随笔继续分析总结一下项目开发的经验,针对页面组件化开发经验方面进行一些梳理总结,内容包括组件的概念介绍,简单页面组件的抽取开发

  • JS 模块化- 01 模块化前传

    JS模块化01-模块化前传前端技术的发展不断融入了很多后端的思想,逐步形成前端的”四个现代化“:工程化、模块化、规范化、流程化。这个主题介绍模块化,主要内容包括模块化前传(早期模块化的实现)、模块化的四个规范(CommonJS、AMD、CMD、ESM)。本文就聊聊早期的模块化。1.原始时代-无模块十

  • 01 uniapp/微信小程序 项目day01

    一.起步1.1配置uni-app开发环境什么是uni-app,就是基于vue的一个开发框架,可以将我们写的一套代码,同时发布到ios、安卓、小程序等多个平台官方推荐使用Hbuilderx来写uni-app项目下载之后可以将预设改为vscode进入hbuilder插件市场下载scss插件1.2初始化u

  • CSS 网格 Gird 布局

    CSS网格Gird布局创建网格Gird通过将属性display的值设为grid,HTML元素就可以变为网格容器。注意:在CSS网格中,父元素称为容器(container),它的子元素称为项(items)。#container{display:grid;}列,行ColumnRow在一个网格容器中使用g

  • 在UniApp的H5项目中,生成二维码和扫描二维码的操作处理

    在我们基于UniApp的H5项目中,需要生成一些二维码进行展示,另外也需要让用户可以扫码进行一定的快捷操作,本篇随笔介绍一下二维码的生成处理和基于H5的扫码进行操作。二维码的生成,使用了JS文件weapp-qrcode.js进行处理,而二维码扫码则是基于一个第三方组件的方式进行支持的,最后通过统一入

  • 【面试题】JS改变this指向的三种方法

    一、this指向点击打开视频讲解更加详细this随处可见,一般谁调用,this就指向谁。this在不同环境下,不同作用下,表现的也不同。以下几种情况,this都是指向window1、全局作用下,this指向的是windowconsole.log(window);console.log(this);c

  • 自适应布局和响应式布局的区别?

    自适应布局和响应式布局的区别?1.响应式的概念覆盖了自适应,但响应式包含的东西更多,响应式的布局可以根据屏幕的大小自动调整页面的展示方式2.自适应有一个致命缺点:如果屏幕尺寸太小,即使网页能够根据屏幕大小进行适配,也会感觉在小屏幕上查看,内容过于拥挤3.响应式解决了自适应布局的问题,响应式能自动识别

  • 我的Vue之旅、01 深入Flexbox布局完全指南

    花了几个小时整合的"ACompleteGuidetoFlexbox"最新版本,介绍了flexbox的所有属性,外带几个实用的例子。传统布局、Flexbox布局的传统解决方案,基于盒状模型,依赖display、position、float三大属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实

  • 记录--uniapp上如何实现安卓app微信登录功能(操作流程总结)

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助uniapp上如何实现安卓app微信登录功能?下面本篇文章给大家分享一下uniapp上实现安卓app微信登录的权限申请、开发的具体操作流程,希望对大家有所帮助!微信开放平台提供了微信的一些开放接口,比如微信登录、分享支付等,为其他各平台应用

  • 前端面试题JavaScript篇——2022-09-16

    每日3题#1以下代码执行后,控制台中的输出内容为?#//以下代码执行后,浏览器的控制台中输出的内容是什么vararr=[0,1,2];arr[10]=10;varnewArr=arr.filter((x)=>x===undefined);console.log(newArr);2以下代码执行后

  • 记录--分享并解析一个倒计时组件(Vue)

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助一、前言入职的第一个需求是跟着一位前端大佬一起完成的一个活动项目。由于是一起开发,当然不会放过阅读大佬的代码的机会。因为我的页面中需要使用到倒计时功能,发现大佬的已经写了个现成的倒计时组件,于是直接就拿过来用了。传个参数就实现了功能的感觉真

  • vue3中defineComponent 的作用

    vue3中,新增了defineComponent,它并没有实现任何的逻辑,只是把接收的Object直接返回,它的存在是完全让传入的整个对象获得对应的类型,它的存在就是完全为了服务TypeScript而存在的。我都知道普通的组件就是一个普通的对象,既然是一个普通的对象,那自然就不会获得自动的提示,?1

  • vue-cli学习

    vue-cli使用1.在终端下运行如命令创建指定名称的项目vuecreate项目名称*创建一个新的cli项目2.vue项目中的src目录构成:1.|assets文件夹:存放项目中的静态资源文件,例如css,图片资源2.|components文件夹程序员封装的,可以复用的组件,都要放到componen

  • Vue3 封装 Element Plus Menu 无限级菜单组件

    本文分别使用SFC(模板方式)和tsx方式对ElementPlusel-menu组件进行二次封装,实现配置化的菜单,有了配置化的菜单,后续便可以根据路由动态渲染菜单。1数据结构定义1.1菜单项数据结构使用element-plusel-menu组件实现菜单,主要包括三个组件:el-menu:整个菜单;

  • Html飞机大战(十五): 上线

    好家伙, 我的飞机大战部署上线了胖虎的飞机大战感兴趣的可以去玩一下  (怕有人接受不了这个背景,我还贴心的准备切换背景按钮,然而这并没有什么用)  现在,我们停下脚步,重新审视这个游戏 现在基本的框架都弄出来了,敌机,英雄,子弹,分数,生命

推荐阅读