73浏览

0评论

JS实现简单打砖块弹球小游戏

本文实例为大家分享了JS实现打砖块弹球小游戏的具体代码，供大家参考，具体内容如下使用原生JS写的，还有一点瑕疵。代码直接复制到html就能使用速度随机的 因为设涉及横向和纵向...

• 2021-08-10

70浏览

0评论

JS实现jQuery的append功能

目录Show Me The Code测试下效果
效果PS
另一种方法Show Me The CodeHTMLElement.prototype.appendHTML = function(html) { let divTemp = document.createElement("div");...

• 2021-08-10

96浏览

0评论

Angular环境搭建及简单体验小结

Angular介绍
Angular是谷歌开发的一款开源的web前端框架，诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。...

• 2021-08-10

105浏览

0评论

微信小程序使用canvas绘制钟表

本文实例为大家分享了微信小程序使用canvas绘制钟表的具体代码，供大家参考，具体内容如下模拟时钟利用canvas绘制时钟，实现模拟时钟的功能，钟表时间与系统时间保持一致，刻度将24小...

• 2021-08-10

84浏览

0评论

JavaScript offset实现鼠标坐标获取和窗口内模块拖动

offsetoffset 即偏移量，使用 offset 系列相关属性可以 动态的 获取该元素的位置（偏移）、大小等，如：
元素距离带有定位父元素的位置
获取元素自身的大小（宽度高度）
注：返回的数值不带...

• 2021-08-10

76浏览

0评论

nodejs获取表单数据的三种方法实例

前言nodejs作为服务端语言，在开发中注册登录等需通过form表单向后端发送数据进行判断，那作为服务端语言的nodejs通过哪些方法可以接收调用form表单的post请求值呢。常见的会用...

• 2021-08-10

84浏览

0评论

Lombok实现方式JSR-269

前言简介
Lombok是一款好用顺手的工具，就像Google Guava一样，在此予以强烈推荐，每一个Java工程师都应该使用它。Lombok是一种Java™实用工具，可用来帮助开发人员消除Java的...

• 2021-08-10

82浏览

0评论

js 可选链操作符的使用

前言
可选链操作符(?.)允许读取位于链接对象链身处的属性的值,而不必明确验证链中的每个引用是否有效。不同之处在于，在引用为空（null或者undefined）的情况下不会引起错误，...

• 2021-08-10

85浏览

0评论

实例详解jQuery的链式编程风格

链式编程的实现原理
jQuery可以让我们开发者一直使用点语法调用自身方法的原理，主要原因是jQuery内部利用了js的对象来实现。在jQuery中，如果一直对同一个元素或元素的其他关...

• 2021-08-10

83浏览

0评论

浅谈nodejs中创建cluster

目录cluster集群cluster详解cluster中的eventcluster中的方法cluster中的属性cluster中的worker总结cluster集群我们知道，nodejs的event loop或者说事件响应处理器是单线程的...

• 2021-08-10

97浏览

0评论

JS数组reduce你不得不知道的25个高级用法

前言reduce作为ES5新增的常规数组方法之一，对比forEach、filter和map，在实际使用上好像有些被忽略，发现身边的人极少使用它，导致这个如此强大的方法被逐渐埋没。如果经常使用red...

• 2021-08-10

89浏览

0评论

替换json对象中的key最佳方案

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格...

• 2021-08-10

95浏览

0评论

关于js的事件循环机制剖析

前言众所周知， JavaScript是单线程这一核心,可是浏览器又能很好的处理异步请求，那么到底是为什么呢？其中的原理与事件循环机制大有关系。在探索事件循环之前，我们得先了解浏览器...

• 2021-08-10

97浏览

0评论

js判断文件是否为utf-8编码的方法

常规方案
使用FileReader以utf-8格式读取文件，根据文件内容是否包含乱码字符�，来判断文件是否为utf-8。如果存在�，即文件编码非utf-8，反之为utf-8。代码如下：const...

• 2021-08-10

73浏览

0评论

JS中数组常用的循环遍历你会几种

前言
数组和对象作为一个最基础数据结构，在各种编程语言中都充当着至关重要的角色，你很难想象没有数组和对象的编程语言会是什么模样，特别是 JS ，弱类型语言，非常灵活。本文带你...

• 2021-08-10

68浏览

0评论

微信小程序使用同声传译实现语音识别功能

　　我使用同声传译语音识别功能是为了实现微信小程序首页的语音搜索功能，如果你也是那么恭喜你，你可以ctrl+c、ctrl+v再改一改，如果你不是那么你也不要着急的走可以看完我的文...

• 2021-08-10

83浏览

0评论

使用php的mail()函数实现发送邮件功能

利用PHP的mail函数发送邮件 mail()函数的作用：连接到邮件服务器，利用smtp协议，与该服务器交互并投邮件 注意： 1.mail函数不支持esmtp协议，即只能直投不能登录 2...

• 2021-08-10

94浏览

0评论

jquery实现户籍地选择下拉框

利用jquery实现户籍地选择下拉框的具体代码，供大家参考，具体内容如下
data.jsvar data = [{ provname: '浙江省', provId: 1, citys: [{ cit...

• 2021-08-10

84浏览

0评论

vue-router history模式服务器端配置过程记录

history路由
history模式是指使用HTML5的historyAPI实现客户端路由的模式，它的典型表现就是去除了hash模式中url路径中的#。在使用Vue-Router时开启history模式非常容易，只需...

• 2021-08-10

68浏览

0评论

浅谈JS的原型和原型链

目录1.原型prototype2.原型指针：__proto__总结1.原型prototypejavascript中所有函数都具有这个属性，所有具有prototype属性的对象都是一个函数。prototype的作用是向对象添加...

• 2021-08-10

96浏览

0评论

Vuex状态机的快速了解与实例应用

目录一. 速识概念：1. 组件之间共享数据的方式：2. vuex是什么：二. 基本使用：三.创建项目：四. 讲解前提：五.核心概念：1.state：1.1 组件中访问state的第一种方式：1.2 组件中访问state的...

• 2021-08-10

103浏览

0评论

vue Element-ui表格实现树形结构表格

本文实例为大家分享了Element-ui表格实现树形结构表格的具体代码，供大家参考，具体内容如下前端效果展示:在el-table中，支持树类型的数据的显示。当 row 中包含 children 字段时...

• 2021-08-10

100浏览

0评论

解决vue $http的get和post请求跨域问题

vue $http的get和post请求跨域问题首先在config/index.js中配置proxyTable proxyTable: { '/api':{ // target:'http://jsonplaceholder.typicode.com',...

• 2021-08-10

79浏览

0评论

vue+elementui 实现新增和修改共用一个弹框的完整代码

目录一、新增
二、修改
element-ui是由饿了么前端团队推出的一套为开发者、设计师和产品经理准备的基于Vue.js 2.0的桌面组件库，而手机端有对应框架是 Mint UI 。整个ui风格...

• 2021-08-10

98浏览

0评论

Vue中插槽slot的使用方法与应用场景详析

什么是插槽？
我们知道在Vue中 Child 组件的标签 的中间是不可以包着什么的 。可是往往在很多时候我们在使用组件的时候总想在组件间外面自定义一些标签，vue新增了一种插槽机制...

• 2021-08-10

87浏览

0评论

项目中Axios二次封装实例Demo

1.为什么做封装？方便代码整体调用、对请求做公共处理、个性化定制2.别人已经封装了很多，为什么不直接修改使用？ 封装思路不适合自身项目 封装后调用不方便3.个人封装demo...

• 2021-08-10

91浏览

0评论

详解微信小程序官方人脸核身认证

小程序收集了下用户个人信息上传被打回来说：你好，小程序页面功能涉及：采集用户生物特征（人脸照片或视频）及其他敏感信息，用于身份认识或识别，为保障用户敏感隐私身份信息，平台暂不支...

• 2021-08-10

103浏览

0评论

分析node事件循环和消息队列

目录什么是异步？为什么需要异步呢？什么是异步IO？什么是事件循环？V8引擎当js运行时消息队列什么是异步？异步和同步应该是经常谈的一个话题了。同步的概念很简单，自上而下依次执行，必...

• 2021-08-10

75浏览

0评论

分析uniapp入门之nvue爬坑记

目录前言Hello Worldimage 设置 border-radius设置真实像素引入外部的 css使用 ttf 字体文件vue 打开 nvue 时传递参数仿微信朋友圈效果前言uni-app 是 DCloud 出品的新一代...

• 2021-08-10

135浏览

0评论

JavaScript+html实现前端页面滑动验证（2）

本文实例为大家分享了炫酷的前端页面滑动验证的具体代码，供大家参考，具体内容如下分享炫酷的前端页面滑动验证前面已经发过一种，这里再发一种，只是特效不一样还是直接上代码：<%@...

• 2021-08-10

93浏览

0评论

vue下拉列表的两种实现方式比较

vue下拉列表的两种实现第一种采用v-for的方式 <el-select v-model="form.columeType" placeholder="字段类型"> <el-option v-for="(item,index) in columeTypeA...

• 2021-08-10

95浏览

0评论

JavaScript中事件冒泡机制示例详析

什么是冒泡？
DOM事件流（event flow ）存在三个阶段：事件捕获阶段、 处于目标阶段、 事件冒泡阶段。事件捕获（event capturing）：通俗的理解就是，当鼠标点击或者触发dom事件时，浏览器...

• 2021-08-10

80浏览

0评论

浅谈react useEffect闭包的坑

问题代码
看一段因为useEffect导致的闭包问题代码
const btn = useRef();const [v, setV] = useState('');useEffect(() => { let clickHandle = () => { console...

• 2021-08-10

92浏览

0评论

浅谈JS三座大山之异步和单线程

目录单线程异步单线程但是我们在开发中，遇到请求网络，或者定时任务的时候，如果等待网络请求结束或者定时任务结束的时候再去做其他事情，这样页面就会卡住，所以js有异步机制解决这...

• 2021-08-10

88浏览

0评论

如何用uni-app实现顶部导航栏显示按钮和搜索框

最近公司准备做app，最终决定使用uni-app框架开发，但是当把设计图给我的时候我心里有点没底，因为他的设计图顶部长成这个样子：因为这个功能在小程序是根本无法实现的，可能受这个影...

• 2021-08-10

73浏览

0评论

JavaScript+html实现前端页面随机二维码验证

分享炫酷的前端页面随机二维码验证，供大家参考，具体内容如下直接上代码<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>Title</t...

• 2021-08-10

92浏览

0评论

Vue+Vant实现顶部搜索栏

本文实例为大家分享了Vue+Vant实现顶部搜索栏的具体代码，供大家参考，具体内容如下搜索栏组件源码(SearchBar.vue)<template> <section class="city-search"> <van-icon c...

• 2021-08-10

75浏览

0评论

vite+vue3+element-plus项目搭建的方法步骤

使用vite搭建vue3项目
通过在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目。$ npm init vite-app <project-name>$ cd <project-name>$ npm install$ npm run dev引...

• 2021-08-10

71浏览

0评论

vue引入iconfont图标库的优雅实战记录

目录前言
生成SVG
svg sprites简介
获取项目图标
项目设置
图标引用
组件引用
多主题支持
配置多主题样式
Icon改造
页面校验
尾言
前言
本文撰写的初衷是为了向组内成员推...

• 2021-08-10

88浏览

0评论

微信小程序引入Vant框架的全过程记录

前言
有时候会觉得微信小程序原生的ui差了那么一点点感觉，那么能不能引入三方框架呢？本文以引入Vant来进行举例，共包含8个步骤。不管是不是云开发项目都一样使用。实现步骤
1....

• 2021-08-10

54浏览

0评论

解决localstorage存储boolean类型值的小坑

localstorage存储boolean类型值小坑今天使用localstorage存储boolean数据时，发现怎么弄页面上数据显示就是有问题。后面才发现，在localstorage中存储的boolean数据都变成了字...

• 2021-08-10

75浏览

0评论

详解uniapp无痛刷新token方法

前端在请求接口时,和后端定义好了,如果状态码为 401 ,则表明 token 过期,需要前端请求新的 token大概流程如下:1.用户登录之后,后端会返回两个 token ,分别为accessToken 和...

• 2021-08-10

63浏览

0评论

JavaScript+html实现前端页面滑动验证

本文实例为大家分享了JavaScript+html实现前端页面滑动验证的具体代码，供大家参考，具体内容如下分享炫酷的前端页面滑动验证直接上代码<%@ page contentType="text/html;chars...

• 2021-08-10

93浏览

0评论

Echarts基本入门之柱状图、折线图通用配置

1echarts的基本步骤四步1 找dom容器2 初始化Init3 配置options4 setOptions几乎124的步骤是一样的，options是配置项，想呈现什么图标就配什么。最基本的带最大值最小值的柱状图...

• 2021-08-10

64浏览

0评论

vue3+electron12+dll开发客户端配置详解

目录修改仓库源
启动
更换vue-devtools
注意事项
无边框窗口
前后台通知
写在最后
当前使用的版本为 @vue/cli4 创建的 vue3.0 + typescript + electron 12 版本创建，其他版...

• 2021-08-10

85浏览

0评论

微信小程序实现聊天室功能

本文通过实例为大家分享了微信小程序实现聊天室的具体代码，供大家参考，具体内容如下1.实现效果展示2.room.wxml<view class="container" style="{{containerStyle}}"> <chatr...

• 2021-08-10

73浏览

0评论

Vue实现div滚轮放大缩小

Vue项目中实现div滚轮放大缩小，拖拽效果，类似画布效果1、引入插件vue-draggable-resizable，点我进入GitHub地址。
1）、npm install --save vue-draggable-resizable
2）、main.js...

• 2021-08-10

67浏览

0评论

JS代码编译器Monaco使用方法

前言我的需求是可以语法高亮、函数提示功能、自动换行、代码折叠MonacoMonaco是微软家的，支持的语言很多，还有缩略地图，有时候提示不好用然后包体很大。
The Monaco Editor is...

• 2021-08-10

81浏览

0评论

小程序实现文字循环滚动动画

本文通过实例为大家分享了小程序实现文字循环滚动的具体代码，供大家参考，具体内容如下解决问题：1、文字循环播放特效2、小程序退出、隐藏后台动画停止（已解决）效果：代码：wxml<view...

• 2021-08-10

63浏览

0评论

GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析

目录前言一、Axios 简介
二、HTTP 拦截器的设计与实现
2.1 拦截器简介
2.2 任务注册
2.3 任务编排
2.4 任务调度
三、HTTP 适配器的设计与实现
3.1 默认 HTTP 适配器
3.2 自...

• 2021-08-10