JavaScript - 教程之家

49浏览

0评论

使用 Vue 实现一个虚拟列表的方法

因为 DOM 性能瓶颈，大型列表存在难以克服的性能问题。因此，就有了 “局部渲染” 的优化方案，这就是虚拟列表的核心思想。虚拟列表的实现，需要重点关注的问题一有以下几点：可视...

2020-05-27

67浏览

0评论

小程序如何在不同设备上自适应生成海报的实现方法

小程序canvas的API并没有像其他的一样支持小程序独有的 rpx 自适应尺寸单位，在绘制内容时所应用的单位仍然是 px，那么如何实现不同尺寸屏幕的自适应呢？我们的在开发中常用的参...

2020-05-27

52浏览

0评论

JS中的算法与数据结构之栈(Stack)实例详解

本文实例讲述了JS中的算法与数据结构之栈(Stack)。分享给大家供大家参考，具体如下：栈(Stack)上一篇我们说到了列表，它是一种最自然的数据组织方式，如果对数据的存储顺序要求不重...

2020-05-27

70浏览

0评论

JS中的算法与数据结构之队列(Queue)实例详解

本文实例讲述了JS中的算法与数据结构之队列(Queue)。分享给大家供大家参考，具体如下：队列(Queue)我们之前说到了栈，它是一种比较高效的数据结构，遵循先入后出(LIFO，last-in-firs...

2020-05-27

66浏览

0评论

微信小程序webview与h5通过postMessage实现实时通讯的实现

在做 React Native 应用时，如果需要在 App 里面内嵌 H5 页面，那么 H5 与 App 之间可以通过 Webview 的 PostMessage 功能实现实时的通讯，但是在小程序里面，虽然也提供了一个 web...

2020-05-27

59浏览

0评论

使用 webpack 插件自动生成 vue 路由文件的方法

一款自动生成 vue 路由文件的 webpack 插件 vue-route-webpack-plugin 在项目中试点成功了，现在在项目中已经不需要再维护路由配置文件了，由插件自动生成，节省了大家维护路由的...

2020-05-27

65浏览

0评论

JS中的算法与数据结构之链表(Linked-list)实例详解

本文实例讲述了JS中的算法与数据结构之链表(Linked-list)。分享给大家供大家参考，具体如下：链表(Linked-list)前面我们讨论了如何使用栈、队列进行存数数据，他们其实都是列表的...

2020-05-27

141浏览

0评论

vue悬浮可拖拽悬浮按钮的实例代码

前言
vue开发手机端悬浮按钮实现，可以拖拽，滚动的时候收到里边，不影响视线github地址使用，基于vue-cli3.0+webpack 4+vant ui + sass+ rem适配方案+axios封装，构建手机端模板脚手...

2020-05-27

64浏览

0评论

JavaScript使用表单元素验证表单的示例代码

JavaScript的主要作用:验证表单
1最简单的表单验证-禁止空白的必填项目
1.1最简单的HTML结构
网站最基础的就是注册,它是一个系统的交互基础.例子:<!DOCTYPE html><html> <...

2020-05-27

60浏览

0评论

详解解决小程序中webview页面多层history返回问题

小程序开发中遇到的问题：小程序中嵌套了一个webview页面，webview页面中有静默授权（A1页面静默授权后重定向到A2页面），点小程序原生的返回按钮会返回到A1页面，然后页面就会反复静默...

2020-05-27

55浏览

0评论

Vue实现购物车详情页面的方法

上次我们为商品分类菜单添加了显示购物数量，这篇我们继续推进项目，来实现购物车的详情页面，在开始之前我们先看它在页面中的样子：
如上所示，此页面包含了购物列表，而它由商品名称...

2020-05-27

58浏览

0评论

JS中的算法与数据结构之字典(Dictionary)实例详解

本文实例讲述了JS中的算法与数据结构之字典(Dictionary)。分享给大家供大家参考，具体如下：
字典(Dictionary)字典(Dictionary)是一种以键-值对形式存储数据的数据结构，就如...

2020-05-27

71浏览

0评论

微信小程序使用车牌号输入法的示例代码

在做小程序时，做了一个关于车的项目，然后需要添加车辆信息、添加车牌号，使用车牌键盘输入，当时我把这个需求给砍了，然后在添加车辆信息时，老大看到数据库里我乱填的车牌号，又让我把...

2020-05-27

92浏览

0评论

微信小程序实现定位及到指定位置导航的示例代码

一：实现定位及到指定位置导航所需组件及API1：组件：map(地图组件)2：API：wx.getLocation(Object object)(获取当前的地理位置、速度)，wx.openLocation(Object object)(使用微信内置...

2020-05-27

44浏览

0评论

vue集成chart.js的实现方法

指令
该指令的作用是dom渲染后触发，因为非vue的插件有的是dom必须存在的情况下才可以执行Vue.directive('loaded-callback', { inserted: function (el, binding, vnode) {...

2020-05-27

77浏览

0评论

vue+elementUi图片上传组件使用详解

上传组件封装需求分析在基于elementUI库做的商城后台管理中，需求最大的是商品管理表单这块，因为需要录入各种各样的商品图片信息。加上后台要求要传递小于2M的图片，因此封装了...

2020-05-27

41浏览

0评论

vue+elementUI实现图片上传功能

本文实例为大家分享了vue+elementUI图片上传的具体代码，供大家参考，具体内容如下1、html<el-form-item label="图片" prop="logo"> <el-upload name="file" v-if="optype==0"...

2020-05-27

82浏览

0评论

vue 获取视频时长的实例代码

直接通过element-ui自带的上传组件结合js即可，代码如下：HTML： <el-upload class="upload-demo" :action="actionUrl" :show-file-list="false" :on-success="handleAvatarS...

2020-05-27

65浏览

0评论

node中使用log4js4.x版本记录日志的方法

node中使用log4js4.x版本记录const log4js = require('log4js');log4js.configure({ appenders: { logFile: { //文件形式打印日志 type: "dateFile", filen...

2020-05-27

64浏览

0评论

Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义

本文为大家分享了Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义，供大家参考，具体内容如下1.安装npm install vue-quill-editor --save2.在main.js中引入impor...

2020-05-27

55浏览

0评论

ES6中Symbol、Set和Map用法详解

本文实例讲述了ES6中Symbol、Set和Map用法。分享给大家供大家参考，具体如下：Symbol1.Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。它是 JavaScript 语言的第...

2020-05-27

54浏览

0评论

微信小程序项目总结之记账小程序功能的实现（包括后端）

一、小程序部分这是理财系统的前端,江苏海洋大学微信小程序比赛，最后获得了一等奖
GitHub：https://github.com/GeorgeLeoo/finance1. 项目描述(1). 此项目为记账小程序
(2)....

2020-05-27

73浏览

0评论

Vue + Element UI图片上传控件使用详解

上一篇 Vue +Element UI +vue-quill-editor 富文本编辑器及插入图片自定义主要是写了富文本编辑器的自定义及编辑器中图片的上传并插入到编辑内容，这篇文章单独介绍一下elem...

2020-05-27

44浏览

0评论

JS中的算法与数据结构之集合(Set)实例详解

本文实例讲述了JS中的算法与数据结构之集合(Set)。分享给大家供大家参考，具体如下：
集合(Set)同数学中所学的一样，集合(Set)是由一组无序但彼此之间又有一定关系性的成员构成，每...

2020-05-27

49浏览

0评论

vue element upload实现图片本地预览

vue使用element实现本地预览，最主要的是将图片路径转换为base64，供大家参考，具体内容如下HTML<el-upload class="avatar-uploader" action="123" //这个路径不重要，可以随便写 :...

2020-05-27

52浏览

0评论

vue+element-ui+axios实现图片上传

本文实例为大家分享了vue+element-ui+axios实现图片上传的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Com...

2020-05-27

48浏览

0评论

扫微信小程序码实现网站登陆实现解析

使用扫小程序码登陆网站
网络上关于实现本本功能的文章很多，但是给出案列的几乎没有，今天笔者实现用小程序码实现网站登陆，体验地址如下
https://idea.techidea8.com/open/idea...

2020-05-27

59浏览

0评论

vue实现axios图片上传功能

vue中实现图片上传，我这里使用的是FormData通过axios向后台发送请求，从而实现图片的上传。在发起请求的axios中一般用qs进行序列化，但是序列化之后，FormData就传送失败，所以要区...

2020-05-27

52浏览

0评论

Angular8 Http拦截器简单使用教程

拦截器Http拦截器就是拦截发出的请求，对其进行统一添加额外处理，然后放行；对响应进行拦截并作出业务上的判断，决定是否给与返回。先看一组常见的业务请求：this.http.post('http:/...

2020-05-27

39浏览

0评论

Vue formData实现图片上传

本文实例为大家分享了Vue formData实现图片上传的具体代码，供大家参考，具体内容如下import Vue from 'vue' /** * 图片上传 * 已注入所有Vue实例， * template模板里调用 $uploa...

2020-05-27

46浏览

0评论

Vue中axios的封装（报错、鉴权、跳转、拦截、提示）

统一捕获接口报错弹窗提示报错重定向基础鉴权表单序列化
实现的功能统一捕获接口报错 : 用的axios内置的拦截器弹窗提示: 引入 Element UI 的 Message 组件...

2020-05-27

61浏览

0评论

微信小程序仿今日头条导航栏滚动解析

项目需要，做一个和今日头条一样的导航栏，可以横行滚动，幸好再weui里面看到了类似的例子地址：https://weui.shanliwawa.top/demo/js4.html，使用iscroll-lite.j实现，weui自己封装了...

2020-05-27

58浏览

0评论

vue element 生成无线级左侧菜单的实现代码

首先来总结element ui 官方文档的左侧菜单结构,带有el-submenu为子级节点,el-menu-item表示没有下级。当然,菜单不能写死，因为菜单也许不止两级,所以我们需要递归来实现。根...

2020-05-27

106浏览

0评论

nodejs和react实现即时通讯简易聊天室功能

npx create-react-app socketio-demo进入socketio-demo目录运行eject进行拆包，本项目也可以不拆，这是个人习惯。注意如果运行eject命令最好在项目初始阶段执行，已经开始编写...

2020-05-27

56浏览

0评论

深入理解Vue keep-alive及实践总结

什么是 keep-alive
在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件。
也就是说，keepa...

2020-05-27

46浏览

0评论

Angular 中使用 FineReport不显示报表直接打印预览

Angular 直接打印预览1.在项目 index.html 的头部引入 FineReport 相关的 js 文件<script type="text/javascript" src="/femisnsb/ReportServer?op=emb&resource=finer...

2020-05-27

52浏览

0评论

Vue仿微信app页面跳转动画效果

10:14:11独立开发者在开发移动端产品时，为了更高效，通常会使用Web技术来开发移动端项目，可以同时适配Android、iOS、H5，稍加改动还可适配微信小程序。在使用Vue.js开发移动端页...

2020-05-27

51浏览

0评论

jqGrid表格底部汇总、合计行footerrow处理

jqGrid提供了表格底部汇总、合计行功能，我们先看下user-guide关于jqGrid合计行都有哪些说明？然后再看个DEMO，看看jqGrid表格底部汇总、合计行到底如何实现。1、user-guide关于j...

2020-05-27

58浏览

0评论

详解webpack引用jquery（第三方模块）的三种办法

前言
在使用webpack作为构建工具，开发 vue项目的时候，难免会用到 jquery这种第三方插件（毕竟都是从用jquery过来的），那么怎么引用呢？接下来我来说三种方法。1 html 模板文件引用法...

2020-05-27

46浏览

0评论

VUE的history模式下除了index外其他路由404报错解决办法

我们先来看下代码：location / {index index.html;root /dist;try_files $uri $uri/ /index.html;}try_files首先会判断他是文件，还是一个目录，结果发现他是文件，与第一个参数 $u...

2020-05-27

59浏览

0评论

js时间转换毫秒的实例代码

将时间转换为毫秒数的方法有四个: Date.parse() Date.UTC valueOf() getTime()1. Date.parse()：该方法接受一个表示日期的字符串参数，然后尝试根据这个日期返回日期的毫秒...

2020-05-27

48浏览

0评论

Element ui 下拉多选时新增一个选择所有的选项

项目里经常会用到，在一个多选下拉框里新增一个选择所有的选项，例如:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src...

2020-05-27

44浏览

0评论

Nodejs libuv运行原理详解

前言这应该是Nodejs的运行原理的第7篇分享，这篇过后，短时间内不会再分享Nodejs的运行原理，会停更一段时间，PS：不是不更，而是会开挖新的坑，最近有在研究RPG Maker MV，区块链，云计算，可...

2020-05-27

50浏览

0评论

vue router动态路由设置参数可选问题

在日常工作中，我们需要将匹配到的所有路由，映射到一个组件上。如下代码想要达到的效果：不传page和id，则映射到user默认list页面传page和id，根据page不同，显示不同的页面问题使用以...

2020-05-27

51浏览

0评论

node实现爬虫的几种简易方式

说到爬虫大家可能会觉得很NB的东西，可以爬小电影，羞羞图，没错就是这样的。在node爬虫方面，我也是个新人，这篇文章主要是给大家分享几种实现node爬虫的方式。第一种方式，采用node,j...

2020-05-27

46浏览

0评论

ES6基础之字符串和函数的拓展详解

本文实例讲述了ES6基础之字符串和函数的拓展。分享给大家供大家参考，具体如下：字符串的拓展1.ES6为字符串添加了遍历器接口，因此可以使用for...of循环遍历字符串2.字符串新增的...

2020-05-27

49浏览

0评论

vue使用高德地图根据坐标定位点的实现代码

前言项目中需要根据坐标定位，将自己的实现过程写下来，废话不多说，上代码正文<script>var map,marker;export default { data(){ return{ arriveCoor:[108.947025,34.2...

2020-05-27

128浏览

0评论

在Node.js中将SVG图像转换为PNG，JPEG，TIFF，WEBP和HEIF格式的方法

介绍
你需要将SVG文件转换为PNG、JPEG、TIFF、WEBP 和 HEIF 格式吗？本文将指导你如何转换为所有这些类型的格式。我们将使用 Node.js 和Sharp npm 包来完成大部分繁重的工作...

2020-05-27

116浏览

0评论

聊聊鉴权那些事(推荐)

在系统级项目开发时常常会遇到一个问题就是鉴权，身为一个前端来说可能我们距离鉴权可能比较远，一般来说我们也只是去应用，并没有对权限这一部分进行深入的理解。什么是鉴权鉴权...

2020-05-27

60浏览

0评论

深入理解令牌认证机制（token）

以前的开发模式是以MVC为主，但是随着互联网行业快速的发展逐渐的演变成了前后端分离，若项目中需要做登录的话，那么token成为前后端唯一的一个凭证。token即标志、记号的意思，在I...

2020-05-27

热门文章