JavaScript - 教程之家

71浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

83浏览

0评论

原生js实现下拉选项卡

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

2020-05-27

193浏览

0评论

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

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

2020-05-27

83浏览

0评论

原生js实现二级联动菜单

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

2020-05-27

73浏览

0评论

Angular value与ngValue区别详解

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

2020-05-27

171浏览

0评论

JS实现简单省市二级联动

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

70浏览

0评论

jQuery实现简单弹幕效果

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

2020-05-27

76浏览

0评论

jquery实现直播弹幕效果

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

2020-05-27

96浏览

0评论

javascript实现弹幕墙效果

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

75浏览

0评论

javascript实现商品图片放大镜

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

2020-05-27

64浏览

0评论

javascript实现切割轮播效果

本文实例为大家分享了javascript实现切割轮播的具体代码，供大家参考，具体内容如下效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</...

2020-05-27

67浏览

0评论

javascript实现异形滚动轮播

本文实例为大家分享了js异形滚动轮播的具体代码，供大家参考，具体内容如下运动过程研究让每个元素走到前一个标签的位置。
3走到2
2走到1
1走到0
0走到6利用js动态获取每个类名...

2020-05-27

69浏览

0评论

Vue请求java服务端并返回数据代码实例

这篇文章主要介绍了Vue请求java服务端并返回数据代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下最近在自学vue...

2020-05-27

78浏览

0评论

swiper实现异形轮播效果

swiper轮播—异形轮播，供大家参考，具体内容如下最近经常会碰到很多用swiper插件做各种各样轮播图的需求，没有做过3d异形轮播图，所以研究了一下，把经验给大家分享一下上面图片就是...

2020-05-27

56浏览

0评论

Vue实现多标签选择器

本文实例为大家分享了Vue实现多标签选择器展示的具体代码，供大家参考，具体内容如下实现效果实现代码<html lang="en"><head> <title>Document</title> <!-- 引入本地组件库 --...

2020-05-27

72浏览

0评论

jQuery实现弹幕特效

案例简介jQuery实现弹幕效果，代码如下。案例目录HTML部分<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>jQuery弹幕案例</title> <link rel="stylesheet" typ...

2020-05-27

69浏览

0评论

Vue基础配置讲解

环境为Centos7，首先下载nodejs和npm的压缩包，两个在一起的，解压后进入bin目录，用ln -s 命令把里面的npm和node软连接到/usr/bin/目录下，然后退出此目录，node -v查看版本及检查安装...

2020-05-27

114浏览

0评论

Vue.js实现大屏数字滚动翻转效果

大屏数字滚动翻转效果来源于最近工作中element后台管理页面一张大屏的UI图，该UI图上有一个模块需要有数字往上翻动的效果，以下是最终实现的效果：整体思路：在实现此效果之前，我们...

2020-05-27

71浏览

0评论

Vue.directive 实现元素scroll逻辑复用

继上篇Vue 滚动触底 mixins,将对于文档滚动触底的逻辑迁移到某个dom上，将会用到 Vue.directive 来实现代码逻辑复用。元素滚动如何实现滚动元素实现滚动的条件有两个: 有父...

2020-05-27

70浏览

0评论

VuePress 中如何增加用户登录功能

VuePress是什么？先让我们看看 VuePress能干什么？有什么效果？很像vue官网的文档页面，因为vuePress就是尤大大的一个力作vuePress官网介绍介绍的很详细，这里只做搭建VuePress项目教...

2020-05-27

64浏览

0评论

JavaScript之Blob对象类型的具体使用方法

Blob(Binary Large Object)术语最初来自数据库（oracle 中也有类似的栏位类型。），早期数据库因为要存储声音、图片、以及可执行程序等二进制数据对象所以给该类对象取名为Blob。...

2020-05-27

89浏览

0评论

js blob类型url的视频下载问题的解决

blob下载问题的详细描述
我想用src url blob:https://www.youtube.com/23aea5c8-9ae2-40dc-9417-e675ea99b386下载视频，但是不知道应该怎么做。有没有下载这类视频的通用方法...

2020-05-27

83浏览

0评论

js中关于Blob对象的介绍与使用

blob对象介绍
一个 Blob对象表示一个不可变的, 原始数据的类似文件对象。Blob表示的数据不一定是一个JavaScript原生格式 blob对象本质上是js中的一个对象，里面可以储存大量...

2020-05-27

76浏览

0评论

VUE 实现动态给对象增加属性，并触发视图更新操作示例

本文实例讲述了VUE 实现动态给对象增加属性，并触发视图更新操作。分享给大家供大家参考，具体如下：在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过...

2020-05-27

125浏览

0评论

vue ajax 拦截原理与实现方法示例

本文实例讲述了vue ajax 拦截原理与实现方法。分享给大家供大家参考，具体如下：概要说明在开发的过程中，我们需要通过AJAX请求，访问后台获取数据，这个获取数据的时候，当然需要后台...

2020-05-27

73浏览

0评论

vue 组件开发原理与实现方法详解

本文实例讲述了vue 组件开发原理与实现方法。分享给大家供大家参考，具体如下：概要vue 的一个特点是进行组件开发，组件的优势是我们可以封装自己的控件，实现重用，比如我们在平台中...

2020-05-27

73浏览

0评论

解决Angularjs异步操作后台请求用$q.all排列先后顺序问题

最近我在做angularjs程序时遇到了一个问题1.页面有很多选择框，一个选择框里面有众多的选择项，和一个默认选定的项,像下面这样（很多选择框，不只一个）：2.众多的选项要从后台接口得到...

2020-05-27

71浏览

0评论

vue多个元素的样式选择器问题

三目运算符只能进行两个的选择判断，多个选择就很难受了。废话少说，直接上源码。首先获取它的索引，通过索引来判断样式// 索引key判断<div class="carborder" v-for="(value, ke...

2020-05-27

88浏览

0评论

Node.js中console.log()输出彩色字体的方法示例

1. 代码样例
console.log('\033[42;30m DONE \033[40;32m Compiled successfully in 19987ms\033[0m')2. 输出结果

3. 解释
不难发现样例中的关键的代码是类似 \033[42;30m...

2020-05-27

82浏览

0评论

如何利用node.js开发一个生成逐帧动画的小工具

前言在实际工作中我们已经下下来不下于一万个npm包了，像我们熟悉的 vue-cli，react-native-cli 等，只需要输入简单的命令 vue init webpack project，即可快速帮我们生成一个初始...

2020-05-27

95浏览

0评论

angular异步验证防抖踩坑实录

前言本周的一个需求是在一个异步验证上加上防抖，防抖，以前也接触过，依稀记得不难，就没再去看angluar的官方文档，直接就开始google写了，然后……一不小心就掉坑里了。突然没了效果...

2020-05-27

84浏览

0评论

angular8和ngrx8结合使用的步骤介绍

一、案例运行后的效果图二、关于ngrx的认识1、官网地址
2、ngrx是借鉴redux的思维,专门为angular中定制的一个状态管理的包,类似react中的redux、vue中的vuex,主要包括以下...

2020-05-27

97浏览

0评论

vue中上传视频或图片或图片和文字一起到后端的解决方法

Vue图片与文字混输的实现方法可以参考这篇文章https://www.freexyz.cn/article/175669.htmvue中上传视频或图片或图片和文字一起到后端1.上传图片或视频：2.图片和文字一起传：3预...

2020-05-27

84浏览

0评论

node使用mysql获取数据库数据中文乱码问题的解决

参考链接：StackOverflow 问题问题描述在学习使用 nodejs 写 web 服务的时候，在用 mysql 获取数据库信息的时候，返回的中文一直是乱码，无论配置 charset 与否，都是乱码。问题根源...

2020-05-27

68浏览

0评论

vue 使用外部JS与调用原生API操作示例

本文实例讲述了vue 使用外部JS与调用原生API操作。分享给大家供大家参考，具体如下：vue 使用外部JS概要在开发时我们会经常需要使用到外部的JS,这样我们需要引入外部js，然后进行...

2020-05-27

69浏览

0评论

vue 开发企业微信整合案例分析

本文实例讲述了vue 开发企业微信整合。分享给大家供大家参考，具体如下：概述手机端程序可以和企业微信进行整合，我们也可以使用企业微信JSSDK功能，实现一些原生的功能。整合步骤...

2020-05-27

61浏览

0评论

vue 开发之路由配置方法详解

本文实例讲述了vue 开发之路由配置方法。分享给大家供大家参考，具体如下：概要用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组...

2020-05-27

64浏览

0评论

vue 动态表单开发方法案例详解

本文实例讲述了vue 动态表单开发方法。分享给大家供大家参考，具体如下：概要动态表单指的是我们的表单不是通过vue 组件一个个编写的，我们的表单是根据后端生成的vue模板，在前端...

2020-05-27

74浏览

0评论

VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析

本文实例讲述了VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法。分享给大家供大家参考，具体如下：业务场景我们在使用vue 编写代码时，我们有一个多行文本框控...

2020-05-27

60浏览

0评论

VUE 动态组件的应用案例分析

本文实例讲述了VUE 动态组件的应用。分享给大家供大家参考，具体如下：业务场景我们在开发表单的过程中会遇到这样的问题，我们选择一个控件进行配置，控件有很多中类型，比如文本框，下...

2020-05-27

87浏览

0评论

JavaScript 自定义html元素鼠标右键菜单功能

自定义html元素鼠标右键菜单实现思路在触发contextmenu事件时，取消默认行为(也就是阻止浏览器显示自带的菜单),获取右键事件对象，来确定鼠标的点击位置，作为显示菜单的left和to...

2020-05-27

80浏览

0评论

js实现一款简单踩白块小游戏(曾经很火)

效果图如下所示：html <div class="bigbox">  <div class="gamequyu">  <div class="start">游...

2020-05-27

135浏览

0评论

详解js location.href和window.open的几种用法和区别

一、location.href常见的几种形式 self.location.href;//当前页面打开URL页面 window.location.href;//当前页面打开URL页面 this.location.href;//当前页面打开URL页面...

2020-05-27

热门文章