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

WEB开发

  • hexo-theme-async 文档上线了🤣

    时隔几个月,拖拖拉拉的终于整理好了一份使用指南。下次终于可以甩个文档连接了🤣,再也不用一个个解释了。感慨#随随便便做的一个主题,没想到会有人使用。🤣因为没有文档,时不时有人会来问怎么使用,无奈只有一个个邮件回复告知。体会到开源不易,维护更不易🤣(在此对曾经使用过的开源库表示感谢)。以前主题加载

  • 使用 Vue3 构建 Web Components

    有时候想写一个无关框架组件,又不想用原生或者Jquery那套去写,而且还要避免样式冲突,用WebComponents去做刚觉就挺合适的。但是现在WebComponents使用起来还是不够灵活,很多地方还是不太方便的,如果能和MVVM搭配使用就好了。早在之前Angular就支持将组件构建成WebCom

  • vue环境变量配置

    process-env在使用vue框架时,经常用到的俩种环境,一种是开发环境,一种是生产环境。平时开发使用的是开发环境,如果发布到线上时,需要切换为线上环境。可以通过不同配置不同的运行命令来自动切换环境。配置环境实现原理实现原理是采用nodeJS的顶层对象中的process.env(进程环境,返回一

  • 066_末晨曦Vue技术_过渡 & 动画之多个元素的过渡

    多个元素的过渡点击打开视频讲解更加详细我们之后讨论多个组件的过渡,对于原生标签可以使用v-if/v-else。最常见的多标签过渡是一个列表和描述这个列表为空消息的元素:<transition><tablev-if="items.length>0"><!--...-

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

    每日3题#28以下代码执行后,控制台中的输出内容为?#functionshowCase(value){switch(value){case'A':console.log('caseA');break;case'B':console.log('caseB');break;caseundefined:c

  • Math对象

    Math对象Math对象,不是一个构造函数,所以我们不需要new来调用,而是直接使用里面的属性和方法即可,它具有数学常数和函数的方法,跟数学相关的运算(求绝对值,取整,最大值等)可以使用Math中的成员。1.Math绝对值和三个取整的方法:2.Math随机数方法Math对象随机数方法:random(

  • 【面试题】JS使用parseInt()、正则截取字符串中数字

    JS使用parseInt()和正则截取字符串中数字点击打开视频讲解更加详细parseInt()函数定义和用法parseInt()函数可解析一个字符串,并返回一个整数。当参数radix的值为0,或没有设置该参数时,parseInt()会根据string来判断数字的基数当忽略参数radix,JavaSc

  • 纯CSS实现“流星赶月”,祝大家中秋节快乐

    中秋节到了,就想着用CSS画一个月亮送给园友们吧。但是就画一个月亮也太简单了些,于是便加了一些星星点缀以及流星坠落的效果。这篇文章就用纯CSS为大家实现一个“流星赶月”的效果。实现效果点击运行查看画个月亮首先我们先让全屏背景变成黑色,然后实现一个大月亮🌕,并加点"渐变",“光晕"等效果html&l

  • uni-app 24h无人共享洗车-自助洗车小程序-带商城开源了~

    耗时3个多月做完的一个项目,功能完整,已经把后端api剔除,放了静态数据供参考,拿出来分享给大家。本人是JAVA后端一枚,uniapp入手还是挺简单的,主要把flex布局学好就行了。注意:仅在微信小程序测试过,因为后台登录用了微信系,所以没有测过其他环境,页面都是flex布局,理论上是可以适配所有机

  • 高阶 CSS 技巧在复杂动效中的应用

    最近我在CodePen上看到了这样一个有意思的动画:整个动画效果是在一个标签内,借助了SVGPATH实现。其核心在于对渐变(Gradient)的究极利用。完整的代码你可以看看这里--CodePenDEMO--tothefuture🍻ByJaneOri]源代码还是非常非常复杂的,并且叠加了复杂的SV

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

    每日3题#31关于AMD、CMD规范区别说法正确的是?(多选)#A.AMD规范:是RequireJS在推广过程中对模块定义的规范化产出的B.CMD规范:是SeaJS在推广过程中对模块定义的规范化产出的C.CMD推崇依赖前置;AMD推崇依赖就近D.CMD是提前执行;AMD是延迟执行E.AMD性能好,因

  • 关于 JavaScript 中 null 的一切

    原文地址:EverythingaboutnullinJavaScript原文作者:DmitriPavlutin译者:GopalJavaScript有两种类型:原始类型(strings,booleans,numbers,symbols)和对象对象是一个复杂的数据结构。最简单的JavaScript对象是

  • 【H5/CSS3】旋转展开收缩菜单栏

    1别人写的地址链接视频链接:https://www.bilibili.com/video/BV1TK4y1Q78sgithub链接:https://github.com/Lavender-z/demo如果上不了,就下个dev-sidecar代理效果代码注释<!DOCTYPEhtml>&l

  • HTML:iframe

    第一篇博客:HTML:iframe简要介绍前端我们在写网页的时间,有许多重复的界面,样式和设计都一模一样,为了避免代码冗余,我们通常把那些界面重复的写一个网页,然后在需要的网页进行引用那些重复的界面,这时就需用到iframe。1、iframe定义和用法:1.iframe一般用来包含别的页面,例如我们

  • 解决自媒体一键多平台发布,从零开发Markdown编辑器(一)

    前言在这个人人都是自媒体的时代,为了扩大个人影响力同时预防文章被盗版至其他平台,多平台发布文章就成了创作者们的一大痛点,为了解决这一痛点就需要将文章的编辑到发布无缝集成。现在要实现这一功能,开发一个完全可控的Markdown编辑器就是第一步。本文源码已上传Github:GithubhxsfxMark

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

    每日3题34以下代码执行后,控制台中的输出内容为?constnum={a:10,add(){returnthis.a+2;},reduce:()=>this.a-2,};console.log(num.add());console.log(num.reduce());35以下代码执行后,控制台

  • 基于 vite 创建 vue3 全家桶项目(vite + vue3 + tsx + pinia)

    vite最近非常火,它是vue作者尤大神发布前端构建工具,底层基于Rollup,无论是启动速度还是热加载速度都非常快。vite随vue3正式版一起发布,刚开始的时候与vue绑定在一起,但之后的v2版本便比较独立,vite不仅支持vue,还支持React、Preact、Vanilla等前端库。由于vi

  • 记录--uni-app实现蓝牙打印小票

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助说明基于uni-app开发,调用官方蓝牙相关api实现连接蓝牙与向蓝牙热敏打印机发送字节流,可打印文字,二维码,图片,调整字体大小等,本文提供大概思路结构bluetooth.js蓝牙连接相关模块封装commands.js打印十六进制相关代码

  • 064_末晨曦Vue技术_过渡 & 动画之JavaScript 钩子

    JavaScript钩子点击打开视频讲解更加详细可以在attribute中声明JavaScript钩子完整案例:<template><divid="app"><divid="example-3"><button@click="show=!show">T

  • Vue笔记

    vue简介#播放音乐看博客岂不美哉1.vue是什么#一套用于构建用户界面的渐进式javascript框架构建用户界面:拿到的数据转换为用户可以看到的数据渐进式:vue可以自底向上逐层用从一个轻量小巧的库逐渐递进到使用各式各样的vue插件2.vue开发者(老二次元了,哈哈#2013受到Angular的

  • flex常用布局

    公共样式:<style>*{margin:0;padding:0;}.has-flex{display:flex;}</style> 垂直居中子元素左右分布css.father-one{width:100%;height:200px;background-color

  • 前端面试题每日3题——2022-09-06

    每日3题#22以下代码执行后,控制台中的输出内容为?#vara=[1,2,3];a.join=a.shift;console.log(a==1&&a==2&&a==3);23以下代码执行后,控制台中的输出内容为?#vararr=[0,1];arr[5]=5;varne

  • 有意思的水平横向溢出滚动

    最近接到一个很有意思的需求,能否做到当内容横向溢出时,依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢?来看看这么一种情况:我们有一个垂直方向溢出滚动的容器,以及一个水平方向溢出滚动的容器:如果使用的是非触控板(大部分用户没有触控板),而是使用鼠标来进行操作,会发现,这两个容器中,只有垂直方向溢

  • 【面试题】JS实现数组扁平化处理,妙不可言啊!

    JS实现数组扁平化处理点击打开视频讲解更加详细期望结果:将数组扁平化并去重最终得到一个升序且不重复的数组步骤:1、数组扁平化2、去重3、排序<template><divid="home">JS实现数组扁平化处理,妙不可言啊!<!--期望结果:将数组扁平化并去重最终得到一

推荐阅读