JavaScript - 教程之家

28浏览

0评论

如何优雅地在Node应用中进行错误异常处理

不知道你有没有遇到这样一种情况，某天你写的代码在线上突然发生错误，然后你打开控制台，却对着打过包的错误信息毫无头绪？又或者说是代码在node端出现了问题，你查看错误日志的时候...

2020-05-27

44浏览

0评论

jquery使用echarts实现有向图可视化功能示例

本文实例讲述了jquery使用echarts实现有向图可视化功能。分享给大家供大家参考，具体如下：先来看看效果图：源码如下（force-directed-graph.html）：<!DOCTYPE html><html><head><meta...

2020-05-27

29浏览

0评论

JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转

程序要求：编写一个html文件的网页代码，页面包含一个下拉列表框、一个文本框和一个按钮，下拉列表框选择要去的网站，当选择完毕后文本框中出现对应的网址。点击确认跳转按钮后访问...

2020-05-27

39浏览

0评论

NodeJS实现一个聊天室功能

看效果一直说我喜欢卖关子，这次直接看效果：聊天界面（喜欢的可以自己画一个比较逼真的页面）前文先说一下为什么写这个东西，最近不是在写NodeJS知识点的梳理嘛，但是我发现梳理的过程...

2020-05-27

57浏览

0评论

微信小程序实现按字母排列选择城市功能

实现效果预览实现思想利用小程序腾讯地图将所有城市查出来，并将其渲染至页面（https://lbs.qq.com/qqmap_wx_jssdk/index.html）（其中字母栏也根据获取到的数据变化）其中涉及三个交...

2020-05-27

43浏览

0评论

浅谈Node新版本13.2.0正式支持ES Modules特性

在本月 21 日，即2019.11.21，Node.js 发布了 13.2.0 版本，更新了一些特性。其中最令人兴奋的莫过于正式取消了 --experimental-modules 启动参数。这说明Node.js 正式支持 ES mo...

2020-05-27

53浏览

0评论

nodejs中使用archive压缩文件的实现代码

前言
archive是一款在nodejs中可以实现跨平台打包的工具
可以将文件压缩为zip或rar格式
是一个比较好用的第三方模块
install
npm install archiver --savearchive github地...

2020-05-27

72浏览

0评论

javaScript中indexOf用法技巧

JavaScript中的indexOf使用方法
概述
indexOf大小写敏感，其中的O要大写对于字符串而言
indexOf返回字符串第一次出现的位置，若没有出现返回-1var str = "hello world";alert(s...

2020-05-27

40浏览

0评论

JavaScript计算正方形面积

用JavaScript实现计算正方形的面积注意用一个Math.pow()函数。实现效果：实现代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></...

2020-05-27

57浏览

0评论

高效jQuery选择器的5个技巧实例分析

本文实例讲述了高效jQuery选择器的5个技巧。分享给大家供大家参考，具体如下：顾名思义，jQuery专注于查询（queries）。库的核心允许你使用CSS选择器语法，以及通过在集合上执行函数，来...

2020-05-27

50浏览

0评论

原生js实现贪食蛇小游戏的思路详解

先不多说先上图下面是代码部分（这里你可以根据需要改变蛇头和身体还有食物的图片，然后默认的样式是使用纯颜色的如果没有更改我的背景图片的话------改这些图开始是想搞笑一下...

2020-05-27

39浏览

0评论

jQuery与原生JavaScript选择HTML元素集合用法对比分析

本文实例讲述了jQuery与原生JavaScript选择HTML元素集合用法。分享给大家供大家参考，具体如下：通过调用document.getElementsByTagName, document.getElementsByName以及docum...

2020-05-27

57浏览

0评论

JS插件amCharts实现绘制柱形图默认显示数值功能示例

本文实例讲述了JS插件amCharts实现绘制柱形图默认显示数值功能。分享给大家供大家参考，具体如下：使用amCharts.js绘制柱形图（column chart）时，有时需要默认显示每一个柱子的数值...

2020-05-27

48浏览

0评论

vue中keep-alive，include的缓存问题

前提：有A,B,C,D四个页面,A是按钮页(点击按钮进入B页面)，B是订单列表页，C是订单详情页，D是费用详情页需求：顺序是A->B->C->D,每次都刷新页面，D->C->B时走缓存，但是每次从A到B都要刷...

2020-05-27

56浏览

0评论

JavaScript的变量声明与声明提前用法实例分析

本文实例讲述了JavaScript的变量声明与声明提前用法。分享给大家供大家参考，具体如下：JavaScript的变量声明JavaScript的变量声明语句无论出现在何处，都会先于其他代码首先被执...

2020-05-27

27浏览

0评论

vue keep-alive列表页缓存详情页返回上一页不刷新,定位到之前位置

需求:商品列表页面浏览,进入商品详情,点击返回仍然是之前浏览的位置实现:使用 vue 的 keep-alive 的 include 属性给组件做动态缓存,从详情页返回不变,从其他页面进入列表页...

2020-05-27

47浏览

0评论

使用vue重构资讯页面的实例代码解析

从我接手到将这个页面代码重构前，一直都还是使用angular1的代码去做的，需求来了也是用angular去实现；作为一个憧憬新技术的前端，怎么忍受得了现在还在使用这么有历史感的框架，所...

2020-05-27

100浏览

0评论

JavaScript使用百度ECharts插件绘制饼图操作示例

本文实例讲述了JavaScript使用百度ECharts插件绘制饼图操作。分享给大家供大家参考，具体如下：百度ECharts是一款由百度前端团队开发与维护的，基于HTML5的开源JavaScript图表库...

2020-05-27

50浏览

0评论

jQuery实现轮播图效果

使用jQuery实现轮播图，废话不多说，直接上代码了。HTML部分
其中，图片和路径是我电脑中的，你需要自己准备好图片，然后写你自己图片的路径。<div class="slider"> <ul> <li><a href...

2020-05-27

48浏览

0评论

Vue+Element-UI实现上传图片并压缩

Vue+Element-UI 上传图片并压缩，供大家参考，具体内容如下1.版本Vue:2.5.2
Element-UI：2.12.0
可实现图片上传前，自动压缩。
Element-UI组件，详情见官网。2.template部分
<el-for...

2020-05-27

65浏览

0评论

vue element-ui读取pdf文件的方法

本文实例为大家分享了vue element-ui 读取pdf文件，供大家参考，具体内容如下添加依赖npm install pdfjs-dist --savepdf.vue<template> <div class="app-container"> <el-dial...

2020-05-27

33浏览

0评论

详解小程序如何动态绑定点击的执行方法

需求一个商城的个人中心页里，有很多用户操作按钮：我的订单，我的提现，我的送货等等，每个图标在点击的时候，可能是跳转页面的，也可能是执行当页方法的。目前需要写一个通用的方法来实...

2020-05-27

47浏览

0评论

Vue+ElementUI使用vue-pdf实现预览功能

Vue + ElementUI项目中使用vue-pdf实现简单预览，供大家参考，具体内容如下1、安装 vue-pdfnpm install --save vue-pdf2、在vue页面中导入对应的组件我这是通过点击预览按钮...

2020-05-27

42浏览

0评论

vue实现在线预览pdf文件和下载（pdf.js）

最近做项目遇到在线预览和下载pdf文件，试了多种pdf插件，例如jquery.media.js（ie无法直接浏览）最后选择了pdf.js插件（兼容ie10及以上、谷歌、安卓，苹果）强烈推荐改插件，以下介绍用法（1...

2020-05-27

47浏览

0评论

使用Vue生成动态表单

开需求会了，产品说这次需求的表单比较多，目前有18个，后期的表单可能会有增加、修改。我作为这次的前端开发，看到这样的需求，心里知道要这样搞不得把自己累死，首先表单居多，还会有变...

2020-05-27

36浏览

0评论

vue实现pdf文档在线预览功能

针对android系统不支持pdf文档在线预览，可通过引入pdf.js插件实现，其具体实现步骤如下一、引入插件方式一：npm install --save pdfjs-dist，安装完成后在vue项目的node_modules出...

2020-05-27

41浏览

0评论

JS实现排行榜文字向上滚动轮播效果

最近在一个抽奖活动中需要在页面上对中奖名单做排行榜的轮播，故根据下面的简单列子修改实现了滚动效果。效果图(文字向上轮播)：demo如下：<!doctype html><html lang="en"> <he...

2020-05-27

79浏览

0评论

js实现淘宝首页的banner栏效果

本文实例为大家分享了js淘宝首页banner栏展示的具体代码，供大家参考，具体内容如下<div class="bg clearfix"> <div class="title"> <a class="on" href="javascript:" >最热团...

2020-05-27

42浏览

0评论

vue-cli在 history模式下的配置详解

背景：自己搭了vue测试项目，使用的是history模式，放在后台，一开始进入项目没什么问，但是再一刷新页面就404了，what?当时的比较懵逼，为啥呢？因为之前写过项目上线过是好用的啊，这个...

2020-05-27

36浏览

0评论

js中apply和call的理解与使用方法

前言关于call和apply，以前也思考良久，很多时候都以为记住了，但是，我太难了。今天我特地写下笔记，希望可以完全掌握这个东西，也希望可以帮助到任何想对学习这个东西的同学。一.appl...

2020-05-27

35浏览

0评论

vue实现浏览器全屏展示功能

1、项目中使用的是sreenfull插件，执行命令安装npm install --save screenfull
2、安装好后，引入项目，用一个按钮进行控制即可，按钮方法如下：
toggleFullscreen() { if (!screenf...

2020-05-27

117浏览

0评论

Angular8引入百度Echarts进行图表分析的实现代码

最近突发奇想，想自己做一个理财分析记录的网页，主要给自己记账，然后想到了把每天，每周的消费用图标分析出来，于是就需要用到百度的echarts图标插件，talk is cheep， show me the cod...

2020-05-27

45浏览

0评论

three.js利用卷积法如何实现物体描边效果

法线延展法网上使用法线延展法实现物体描边效果的文章比较多，这里不再描述。但是这种方法有个缺点：当两个面的法线夹角差别较大时，两个面的描边无法完美连接。如下图所示：卷积法...

2020-05-27

44浏览

0评论

webgl实现物体描边效果的方法介绍

前言终于把手头的事结束了，可以有时间来研究研究技术~作为一名3D开发人员，仅仅使用现有的引擎来开发项目不免有些浮于表面，多研究研究底层的实现更利于对3D开发整体的把控~于是...

2020-05-27

57浏览

0评论

微信小程序加载机制及运行机制图解

这篇文章主要介绍了微信小程序加载机制及运行机制图解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下一、运行机制冷启...

2020-05-27

42浏览

0评论

vue（2.x，3.0）配置跨域代理

导语：首先，每一个前端开发人员都应该知道同源策略，同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源，所谓同源是指，域名，协议，端口相同。...

2020-05-27

56浏览

0评论

微信小程序表单验证WxValidate的使用

效果图GIF
git地址：WxValidate使用import WxValidate from '../../utils/WxValidate';Page({ data: { basicInfo: { tel: '', post: '', weChat: '',...

2020-05-27

57浏览

0评论

d3.js 地铁轨道交通项目实战

上一章说了如何制作一个线路图，当然上一章是手写的JSON数据，当然手写的json数据有非常多的好处，例如可以应对客户的各种BT需求，但是大多数情况下我们都是使用地铁公司现成的JSON...

2020-05-27

55浏览

0评论

浅析Vue下的components模板使用及应用

Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解...

2020-05-27

60浏览

0评论

原生js实现下拉选项卡

本文实例为大家分享了js实现下拉选项卡的具体代码，供大家参考，具体内容如下效果如下：代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>下拉选项卡</tit...

2020-05-27

155浏览

0评论

微信小程序wxml列表渲染原理解析

这篇文章主要介绍了微信小程序wxml列表渲染原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下列表渲染存在的意义...

2020-05-27

56浏览

0评论

原生js实现二级联动菜单

本文实例为大家分享了js二级联动菜单的具体代码，供大家参考，具体内容如下效果如下：代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>二级联动菜单</tit...

2020-05-27

46浏览

0评论

Angular value与ngValue区别详解

前言在最近的项目中，需要用到 select 组件，之前 Angular 前台都是用现有的封装好的框架，一般都是从 Ctrl+c 到 Ctrl+v 的操作然后改一下就可以用，最近使用的 Bootstrap 原生样式...

2020-05-27

137浏览

0评论

JS实现简单省市二级联动

刚始学习java刚好看到用js实现省市二级联动的效果，就想着写篇博客，顺便检验下自己的学习成果。好了废话少说先看看实际效果：技术分析：要实现这个功能呢，首先要用到html+js这里用...

2020-05-27

50浏览

0评论

微信小程序事件流原理解析

这篇文章主要介绍了微信小程序事件流原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下一、什么是事件？事件是视图...

2020-05-27

42浏览

0评论

jQuery实现简单弹幕效果

本文实例为大家分享了jQuery实现弹幕效果的具体代码，供大家参考，具体内容如下话不多说吧，直接看效果吧：主要思路其实弹幕的主要思路很简单，就是将div从右向左移动，直到完全移除屏...

2020-05-27

45浏览

0评论

jquery实现直播弹幕效果

本文实例为大家分享了jquery直播弹幕展示的具体代码，供大家参考，具体内容如下理论知识：实现效果主要涉及jq对节点的操作，以及动画函数的使用…思路：1.获取到评论文本框的值，对文本...

2020-05-27

65浏览

0评论

javascript实现弹幕墙效果

刚开始入门前端，想仿照FreeCodeCamp中的一个项目制作简单的弹幕墙。步骤如下：1、编写HTML代码：创建一个弹幕显示墙，以及两个按钮，分别为“发送”和“清屏”，并在文本框中设置plac...

2020-05-27

47浏览

0评论

javascript实现视频弹幕效果（两个版本）

本文实例为大家分享了javascript实现视频弹幕效果的具体代码，供大家参考，具体内容如下基础版本<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <style> * { m...

2020-05-27

36浏览

0评论

javascript实现商品图片放大镜

优化原因现在的电商商城项目解决的主要是购买商品的问题，那么购买商品主要要看清楚商品表面外形的主要特征和细节，如果图片处理过小，或者细节过于模糊，就需要做一个商品高清图片...

2020-05-27

热门文章