登录社区云，与社区用户共同成长
邀请您加入社区
三种不同形状的星星样式（.pentagram-star、.triangle-star、.hexagon-star）分别定义了各自的形状和颜色，并应用了相同的闪烁动画 blink。通过以上的 HTML、CSS 和 JavaScript 代码的配合，实现了随机分布、不同形状、有先后顺序闪烁的星星效果，模拟出了夜空繁星的景象。body 样式设置了背景为从顶部的 #000033（较深的蓝色）到底部的 #0
数据结构有：数组、对象、set和map
uniapp中引入百度地图并实现关键字自动补全1、首先你需要去百度地图官网去申请`密钥` 这个过程呢~也是比较简单的，网上教程很多 我就不多解释了 请自行上百度获取2、创建一个公共方法3、在你需要使用到百度地图的vue文件中引入此方法4、先这样 然后这样 在那样 你懂的撒~5、完整代码如下 ：1、首先你需要去百度地图官网去申请密钥 这个过程呢~也是比较简单的，网上教程很多 我就不多解释了 请自行上
网站iframe内嵌第三方带登录页的网站时，在ie和火狐和部分谷歌浏览器是可以的，但是在升级版的谷歌浏览器中是无法访问的问题是谷歌浏览器在Chrome80后提示限制第三方cookie问题参考：https://zhuanlan.zhihu.com/p/107126906升级内容JavaScript Optional chaining 和 Nullish coalescing 正式支持。Favicon
●set:let set=new Set();typeof set;//Object，其数据类型为Object,但是其结构类似数组；/////////////////let set=new Set([1,2,3]);//set接收数组参数console.log(set);//Set {1, 2, 3}for(let i of set){console.log(i)};//1,2,3 可以通过
ES6 新增Set 和 Map 两种数据结构
vue实现类似于redis可以添加过期时间的缓存工具；uniapp缓存，实现可以添加过期时间配置；微信小程序实现对缓存数据添加过期时间；vue中对缓存数据进行加密处理；uniapp中实现对缓存数据进行加密处理；微信小程序中实现对缓存数据进行加密处理；
父组件无法通过ref获取子组件defineExpose的属性.:声明和暴露都写全了,在vue3 setup代码块中，子组件有手动defineExpose暴露，并且该页面其他的子组件可以获取到ref值，就这个写在popup中的组件拿不到。:在popup添加lazyRender=“false” 的属性，让弹窗未点开时就把子组件加载好，这样ref才有值。
俗话说，“只工作不玩耍，聪明的孩子也变傻”。
Delete `··`eslint 和不尾随;分号
在Visual Studio Code中你当前的.html文件页面,右键点击 Open with Live Server即可。然后打开-检查-打开控制台。
使用递归有一个问题，如果要上传的东西里，其余参数中有些值只能上传一次，比如日期，在第二次上传的时候会显示此日期已经添加，请勿重复添加，这样就会导致只上传成功第一个文件。
uniapp封装promise请求
版本说明：flink 1.12 es 3.61、查询 flink官网。发现有 sql 可以直接写入 es的
git下载下载网址：https://git-scm.com/下载git直接下一步下一步，不用修改路径基本工作流程：git仓库：用于存放提交记录暂存区：临时存放被修改文件工作目录：被git管理的项目目录本地仓库：版本管理是记录文件变化的方式使用前配置（在提交步骤之前操作）：1.配置提交人姓名：git config --global user.name “用户名”,回车后没有任何任何反映就是正确2.配
uniapp：轮播里如何加入视频template代码主要使用uniapp swiper 根据后端传递type判断是图片，还是视屏<view class="screen-swiper"><swiper style="height: 900rpx;" @change="change" class="screen-swiper" indicator-dots="true" circul
正则表达式简介1，什么是正则表达式？正则表达式，又称规则表达式。是使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。2，正则表达式的主要作用？测试字符串的某个模式；替换文本；根据模式匹配从字符串中提取一个子字符串。3，正则表达式的组成？正则表达式由两种基本字符类型组成：普通字符和元字符。普通字符：仅能够描述其本身，例如所有的字母和数字。元字符：指在正则表达式中具有特殊意义的专用字符，可以用
Laya : Cannot read property ‘xxx’ of undefined问题相详解这段报错的字面意思就是:没有找到‘xxx’的资产，这个bug对大多数新手来说很头疼，因为引发这个报错的原因太多了。初学者往往会耗费很多时间去解决这个bug。那么如何快速解决这个bug呢？其实理解了原因之后，解决起来就会很简单。我们先来分析一下这个错误：无法读取未定义的‘xxx’的资产。其中unde
import与@import的区别首先语法不一样：import是ES6语法，意为引进模块的意思，而@import是stylus的语法；其次，@import是在<style>标签下引进某个.styl或者.css样式类文件，而在<script>标签下引进样式类文件用import....
Parsing error: x-invalid-end-tag.在使用vscode+vue+iview开发时，eslint检查报错如下：解决方案：1、忽略该项检查：根目录 - .eslintrc.js - rules下添加‘vue/no-parsing-error’: [2, { ‘x-invalid-end-tag’: false }]2、关闭eslint的检查：vscode菜单 - 文件 -
以前使用uni-app提供的异步api一直都用系统提供的使用方式，将回调写到success：函数里面，今天遇到图片上传的问题，且微信小程序不支持files参数，为了实现多张图片同时异步上传，且当所有图片上传成功时执行回调函数，将系统api包装如下：upload(img) {return new Promise((resolve, reject) => {uni.uploadFile({//参
@longpress长按事件<template><view class="img-parent"><block v-for="(item,index) in arrList" v-key="index"><view@longpress="deleteImage" :data-index="index"><image mode="aspectFi
ES6面向对象实现 video 视频的弹幕功能与基础组件实现目标1、打开网页自动播放视频（因为谷歌不支持video标签在有声音的情况下自动播放，所以要设置muted）2、使用观察者模式，监视每一条弹幕3、将每一条弹幕元素加入Set列表中，给每一条弹幕添加定时器，使他运动，当文字尾部移出视频时，将该弹幕元素从Set列表中删除，同时删除该元素的定时器4、实现重写controls组件，暂停，上一个视频，
问题描述ESLint报错：ESLint: Initialization error (ESLint). packagePath is not definedESLint: TypeError: this.cliEngine is not a constructor将Vue项目导入到webstorm中 ，就会显示 ESLint: Initialization error (ESLint). pack
前提相信很多人在开始写vue的时候饱受eslint语法提示报错的困扰，每个语法都需要自己去重新整理格式，并不是因为自己写的代码有错，这就很烦啊。不过这也是好事，能够强制我们按照规范写代码，下面提供几个常见的eslint语法报错解决方法首先在项目路径下面新建.prettierrc的配置文件，semi 是解决分号报错，singleQuote是将双引号换成单引号，保存后，格式化文档就会按照eslint语
原生小程序 canvas小程序-canvas绘图并保存到系统相册小程序导出朋友圈海报详细记录逻辑清晰的说明了，原生小程序 canvas 绘制的步骤：获取 Canvas.context绘制背景 等 canvas 内容获取 tempFilePath 传个保存到相册中的参数获取保存到相册权限，保存到相册最后也提到了Painter 组件，看来项目中这两种方法都可以试下微信小程序之分享海报生成也是原生小程序
一.使用markdown编辑器1.安装mavon-editor插件npm install mavon-editor --save2.在main.js中引入mavon-editorimport mavonEditor from 'mavon-editor'import 'mavon-editor/dist/css/index.css'注：引入index.css是为了解决编辑器的功能显示...
JavaScript设计模式**设计模式：**代码经验的总结，是可重用的用于解决软件设计中一般问题的方案。设计模式都是面向对象的。学习设计模式，有助于写出可复用和可维护性高的程序。常用的12种设计模式：工厂模式单例模式原型模式适配器模式代理模式策略模式迭代器模式观察者模式发布-订阅模式命令模式组合模式建造者模式设...
在实现js中的观察者模式前,先了解两个js中的概念1. hidden class解释: 由于 JavaScript 是一种动态编程语言，属性可进行动态的添加和删除，这意味着一个对象的属性是可变的，大多数的 JavaScript 引擎（V8）为了跟踪对象和变量的类型引入了隐藏类的概念。在运行时 V8 会创建隐藏类，这些类附加到每个对象上，以跟踪其形状/布局。这样可以优化属性访问时间。2. ...
Set类似于数组基本用法ES6提供了新的数据结构——Set，类似于数组，但是成员的值是唯一的，没有重复的值，Set本身是一种构造函数，用来生成Set数据结构var s = new Set();[1,2,3,4,5,2,2].map(x=> s.add(x))for (i of s){console.log(i);}上面的代码通过add方法向Se
首先你得有这个文件 .eslintrc.js 这个是前提。至于写进packjson里的没研究过。打开webstorm mac下点击windows下点settings就不截图了然后设置完成后。在需要格式化的文件下右键点击 Fix Eslint Problems就能自动格式化对于一些空格啊，分号啊，引号啊，都是没有问题的但是明显语法错误还是得你从错误...
【ES6】使用Proxy实现单例模式
7.defineProperty和Proxy的区别，Proxy代理的细节。13.禁止JS使用Cookie的属性(httpOnly)4.js事件循环,谁把异步任务放到响应队列里。3.const定义的数组可以改变吗。8.webpack里的chunk。1.== 和 ===的区别。12.XSS和CRSF相关。5.http缓存怎么控制。10.Git回滚有做过吗。6.vue双向绑定原理。9.路由懒加载做过吗。
ES6 class引用和Script中import问题
uniapp中使用弹出层因为业务的需要，需要弹出一个复选框，使用uniapp中自带的框架使用：第一步：下载下示例项目，找到主要的文件夹第二步：将该文件夹放到组件的地方第三步：使用1·2·3·存在问题：第一：不需要通过import进行引用，直接使用就可以了，使用的时候一定要放在最外面，要不然弹出层弹不出来，第二：可以在该标签之内添加想要的任何组件，包括自定义的，随意自定义样式...
微信小程序 实现单击复制 wx.setCLipboardData需求描述构思问题改进——使用弹窗wx.showModal和wx.setCLipboardDatawx.showModalwx.setCLipboardData结合使用最终效果注意事项需求描述今天在做微信小程序时，遇到一个开发需求。简单来说就是，用户点击按钮或者某一区域，能够显示一定的文本或文件，并且能够复制文本下来。构思我一开始做的，
## 前端/*** 判断应用升级模块，从url地址下载升级描述文件到本地local路径* 升级文件为JSON格式数据，如下：{"appid":"HelloH5",action: "all", // 整包更新 = all ，应用资源独立升级 = sth"iOS":{"version":"iOS新版本号，如：1.0.0","note":"iOS新版本描述信息，多行使用\n分割","url":"Apps
通过externals加载外部cdn资源，这种方式比引入代码更加优化，减少代码占用内存，适合在发布阶段使用（底部有优化对比图）。1、为了区分发布模式和开发模式，可以先配置入口文件，在根目录vue.config.js中：module.exports = {chainWebpack:config=>{//发布模式config.when(proce...
如果Nginx没有仅仅只能代理一台服务器的话，那它也不可能像今天这么火，Nginx可以配置代理多台服务器，当一台服务器宕机之后，仍能保持系统可用。具体配置过程如下：1. 在http节点下，添加upstream节点。upstream linuxidc { server 10.0.6.108:7080; server 10.0.0.85:8980;
ES6的Set和Map是两种新的数据结构。Set类似于数组，但成员值唯一，可用来数组去重，提供add/delete/has/clear等操作方法，支持遍历和集合运算（并集、交集、差集）。Map是键值对集合，键可以是任意类型，提供set/get/has/delete等方法，支持遍历操作。两者都可通过扩展运算符转换为数组，在数据存储和操作上提供了更灵活的选择。
做数据的校验，就离不开正则表达式，现在网上常用的正则表达式都很全，很多都是开箱即用，非常方便和快捷，但是偶尔也会遇到那种很特殊的正则校验，如果能清楚的明白正则的校验规则，那么任何时候，面对任何需求，我们都会很轻松，从容而又优雅的写出所匹配的正则表达式，从此告别盲目的搜索！
前端快速搭建Node服务，可以用于解决本地跨域，包含静态资源服务搭建【无需下载npm包】，接口转发服务搭建，希望可以帮助各位朋友们～
JSONP作为早期跨域问题的经典解决方案，凭借其简单性和广泛的兼容性，至今仍在某些场景中发挥作用。然而，其局限性（如仅支持GET请求、潜在的安全风险）也促使我们转向更现代的方案（如CORS、代理服务器）JSONP虽然实现起来较简单，但需谨慎使用！务必确保请求的服务器可信，并对回调函数名做严格校验，避免安全漏洞。
正则表达式是一种用于匹配字符串中字符组合的模式。在 JavaScript 中，正则表达式通过RegExp对象表示，并且可以使用两种语法来创建：字面量语法和构造函数语法。// 字面量语法// 构造函数语法\d：匹配任意一个数字，相当于[0-9]。\D：匹配任意一个非数字字符。\w：匹配任意一个字母、数字或下划线，相当于。\W：匹配任意一个非字母、数字或下划线的字符。\s：匹配任意一个空白字符（包括空
单例模式（Singleton Pattern）属于创建型设计模式，是经典设计模式中最简单的一种，也是开发中最常见的一种。顾名思义，单例可以理解为一个类有且仅有一个实例对象，每次创建实例对象时，如果存在实例则返回该实例。设计模式对于前端而言需要细细品味，多看一次多思考一次可能会有新的收获，无形中会改变你的编码思路，提高代码质量。
大括号 量词符重复次数中括号 字符集合任选一小括号 优先级// 中括号// 大括号// 它只是让c 重复3次 abccc// 小括号//它是让 abc 重复3次在线测试正则表达式：https://c.runoob.com/一项脚本语言的标准。
本文详细介绍了 Jest 测试框架中的 jest.fn() 方法，用于创建模拟函数（mock functions）。通过多个实际示例，展示了如何使用模拟函数来控制函数的行为，包括设置返回值、处理异步请求和验证函数调用情况。文章还总结了模拟函数的主要特点和应用场景，帮助开发者在单元测试中更高效地模拟函数或对象的行为，从而提升测试的可靠性和可维护性
装饰器设计模式提供了一种灵活的方式来增强对象的功能而不改变原有的类结构。通过使用装饰器，能够在运行时为对象添加多种功能组合，使代码更加灵活且符合单一职责原则。在需要动态扩展对象功能的场景中，装饰器模式是一种非常有效的解决方案。装饰器设计模式（Decorator Pattern）是一种结构型设计模式，它允许用户动态地给对象添加额外的职责（功能），而不影响其他对象的功能。通过使用装饰器，用户可以在运行
ES6中Map数据结构的常用方法与使用场景
提供的方法仅供参考哈，有更好的想法，可以评论交流。文章头部有所有的分类的链接，方便大家跳转。
es6
——es6
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
海思HiSpark开发者社区
乐奇 Rokid 开放社区
天工造物局
