JavaScript - 教程之家

48浏览

0评论

详解vuex结合localstorage动态监听storage的变化

需求：不同组件间共用同一数据，当一个组件将数据发生变化时，其他组件也可以响应该变化。分析：vue无法监听localstorage的变化。localstorage主要用于不同页面间传值，vue适合组件间...

2020-05-27

43浏览

0评论

原生JS实现的雪花飘落动画效果

本文实例讲述了原生JS实现的雪花飘落动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible"...

2020-05-27

41浏览

0评论

Node.Js中实现端口重用原理详解

本文介绍了Node.Js中实现端口重用原理详解，分享给大家，具体如下：起源，从官方实例中看多进程共用端口const cluster = require('cluster');const http = require('http');const n...

2020-05-27

57浏览

0评论

Vue利用canvas实现移动端手写板的方法

本文介绍了Vue利用canvas实现移动端手写板的方法，分享给大家，具体如下：
<template> <div class="hello"> <button type="...

2020-05-27

76浏览

0评论

Vue.js 踩坑记之双向绑定

这篇体验一下VUE的双向绑定<html><head> <meta charset="utf-8"></head><body> <script src="https://unpkg.com/vue/dist/vue.min.js"></script> <div id="app"> <in...

2020-05-27

45浏览

0评论

jquery判断元素内容是否为空的方法 <font color=red>原创</font>

用jquery获取元素内容需要分两个情况：input 用val();var value = $('#test').val();是否为空的判断方法：if(value.length == 0){} 如果value为空执行的操作if(value!=''){} 如...

2020-05-27

93浏览

0评论

在 Vue 项目中引入 tinymce 富文本编辑器的完整代码

项目中原本使用的富文本编辑器是 wangEditor，这是一个很轻量、简洁编辑器但是公司的业务升级，想要一个功能更全面的编辑器，我找了好久，目前常见的编辑器有这些：UEditor：百度前端的...

2020-05-27

69浏览

0评论

详解vue组件基础

什么是组件
组件（Component）是对数据和方法的简单封装。web中的组件其实可以看成是页面的一个组成部分，它是一个具有独立的逻辑和功能的界面，同时又能根据规定的接口规则进行相...

2020-05-27

99浏览

0评论

Nodejs 和 Electron ubuntu下快速安装过程

查找时间管理软件的时候发现了superProductivity这个程序，使用electron进行开发，于是看了一下介绍，手痒了，尝试进行环境搭建，一下步慢慢补齐前端知识吧nodejs安装
nodejs的版本更...

2020-05-27

73浏览

0评论

vue裁切预览组件功能的实现步骤

vue版本裁切工具，包含预览功能最终效果： qiuyaofan.github.io/vue-crop-de…源码地址： github.com/qiuyaofan/v…第一步：先用vue-cli安装脚手架（不会安装的看 vue-cli官网）// 初始...

2020-05-27

64浏览

0评论

Vue在页面右上角实现可悬浮/隐藏的系统菜单

这是个大多数网站很常见的功能，点击页面右上角头像显示一个悬浮菜单，点击页面其他位置或再次点击头像则菜单隐藏。作为一个jQuery前端攻城狮实现这个功能可以说是很easy了，但是...

2020-05-27

54浏览

0评论

原生javascript AJAX 三级联动的实现代码

js 三级联动的实现代码如下所示：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js原生ajax</title></head><body> <select name="sel1"> <op...

2020-05-27

58浏览

0评论

Vue结合Video.js播放m3u8视频流的方法示例

首先，我们需要在vue工程中安装video.js相关依赖。npm install --save video.jsnpm install --save videojs-contrib-hls然后，我们需要引入videojs的css文件，例如在main.js中引...

2020-05-27

42浏览

0评论

vue mint-ui tabbar变组件使用

新建tabbar.vue<template> <mt-tabbar v-model="message" fixed> <mt-tab-item id="MainPage"> <img slot="icon" :src="this.atabs[0]"> 主页 </mt-tab-it...

2020-05-27

42浏览

0评论

Vue 按键修饰符处理事件的方法

按键修饰符在 PC 端开发时, 我们常常会遇到类似的需求, 比如用户按下 enter 键时提交表单, 没有用按键修饰符时, 我们可能会去监听键盘事件, 根据 keyCode 的值加以判断Vue...

2020-05-27

68浏览

0评论

vue地区选择组件教程详解

概述主要用于全国地区数据的操作，包括省，市，区三级联动，地区数据的添加和删除；在操作地区数据时，以前也用过树形的地区选择组件，但因其在再操作大量的地区数据时，渲染缓慢，所以我们...

2020-05-27

74浏览

0评论

JS模拟实现哈希表及应用详解

本文实例讲述了JS模拟实现哈希表及应用。分享给大家供大家参考，具体如下：在算法中，尤其是有关数组的算法中，哈希表的使用可以很好的解决问题，所以这篇文章会记录一些有关js实现哈...

2020-05-27

60浏览

0评论

Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)

当我们在书写 vue 组件的时候，也许可能会用到数据传递；将父组件的数据传递给子组件，有时候也需要通过子组件去事件去触发父组件的事件；每当我们遇到这样的需求的时候，我们总是会...

2020-05-27

49浏览

0评论

JS与CSS3实现图片响应鼠标移动放大效果示例

本文实例讲述了JS与CSS3实现图片响应鼠标移动放大效果。分享给大家供大家参考，具体如下：今天看网易的网站上，当我把鼠标放上去的时候发现图片放大，移开图片缩小，于是自行尝试，结果...

2020-05-27

53浏览

0评论

JavaScript实现百度搜索框效果

最近做了个百度搜索框今天给大家分享下。效果:　　1.当进入界面时，自动调用方法，获取当前的时间，并且实时更新时间。　　2.点击页面头部的换肤，自动更换背景图片　　3.鼠标点击...

2020-05-27

88浏览

0评论

基于jQuery.i18n实现web前端的国际化

在介绍 jQuery.i18n.properties 之前，我们先来看一下什么是国际化。国际化英文单词为：Internationalization，又称 i18n，“i”为单词的第一个字母，“18”为“i”和“n”之间单词的...

2020-05-27

34浏览

0评论

node实现的爬虫功能示例

本文实例讲述了node实现的爬虫功能。分享给大家供大家参考，具体如下：node是服务器端的语言，所以可以像python一样对网站进行爬取，下面就使用node对博客园进行爬取，得到其中所有的...

2020-05-27

49浏览

0评论

详解使用jQuery.i18n.properties实现js国际化

当我们在做前台页面开发时，由于页面内容过多，过于繁杂，有的时候一个页面上千行的（当然这样的页面也就算一般的），为了减少页面的内容，我们将页面的js文件提取出去，放入一个特定的js文...

2020-05-27

53浏览

0评论

Vue.js最佳实践(五招助你成为vuejs大师)

本文面向对象是有一定Vue.js编程经验的开发者。如果有人需要Vue.js入门系列的文章可以在评论区告诉我，有空就给你们写。对大部分人来说，掌握Vue.js基本的几个API后就已经能够...

2020-05-27

54浏览

0评论

vue嵌套路由与404重定向实现方法分析

本文实例讲述了vue嵌套路由与404重定向实现方法。分享给大家供大家参考，具体如下：第一部分： vue嵌套路由嵌套路由是什么？嵌套路由就是在一个被路由过来的页面下可以继续使用路由...

2020-05-27

41浏览

0评论

Vue项目全局配置微信分享思路详解

这个项目为移动端项目，主要用于接入公众号服务。项目采用两种登录方式，微信授权登录以及账号密码登录。对于移动端项目而言，为了便于项目扩展以及提供开发热更新速度，项目分为不...

2020-05-27

45浏览

0评论

浅谈Angular HttpClient简单入门

现代浏览器支持使用两种不同的 API 发起 HTTP 请求：XMLHttpRequest 接口和 fetch() API。
@angular/common/http 中的 HttpClient 类为 Angular 应用程序提供了一个简化的 AP...

2020-05-27

56浏览

0评论

Angular模版驱动表单的使用总结

表单的重要性就不多说了，Angular支持表单的双向数据绑定，校验，状态管理等，总结下。获取用户输入<div class="container-fluid login-page"> <h1>Angular表单</h1> <form class="...

2020-05-27

49浏览

0评论

浅谈vue项目可以从哪些方面进行优化

图片优化1、图片大小优化，部分图片使用WebP（需要考虑webp兼容性）在线生成，如智图、又拍云 gulp生成，gulp-webp或gulp-imageisux canvas生成2、减少图片请求，使用雪碧图在线...

2020-05-27

45浏览

0评论

Node.js的Koa实现JWT用户认证方法

本文介绍了Node.js的Koa实现JWT用户认证方法，分享给大家，具体如下：一、前置知识基于Token的身份验证 Koajs 中文文档 Koa 框架教程
二、环境 Microsoft Visual Studio...

2020-05-27

47浏览

0评论

动态加载JavaScript文件的3种方式

以下是遇到的几种动态加载JavaScript文件的方式，持续更新中。。。一、使用document.write/writeln(）方式该种方式可以实现js文件的动态加载，原理就是在重写文档流，这种方式会导...

2020-05-27

78浏览

0评论

Vue三层嵌套路由的示例代码

Vue嵌套路由：
实现效果(路由三层嵌套，点击一级tab显示二级tab效果，二级tab点击切换对应内容,不在tab区域里的内容，切换时不重复渲染)：Demo访问时路径：http://IP:端口/#/routers/
1...

2020-05-27

52浏览

0评论

vue 注册组件的使用详解

一、介绍组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树那么什么...

2020-05-27

49浏览

0评论

详解js跨域请求的两种方式，支持post请求

JSONP实现跨域常用的jquery实现跨域调用$.ajax({ url: "http://127.0.0.1/~chenjiebin/mycode/php/crossdomain/index.php", dataType: "jsonp", jsonp: "callback", co...

2020-05-27

49浏览

0评论

深入浅析Vue.js计算属性和侦听器

一、概述计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.sp...

2020-05-27

47浏览

0评论

关于HTML5的data-*自定义属性的总结

本文讲述了关于HTML5的data-*自定义属性。分享给大家供大家参考，具体如下：一、关于html元素的特性1.html元素都存在一些标准的特性：
id 元素在文档中的唯一标识符；
titl...

2020-05-27

39浏览

0评论

js动态引入的四种方法

本文表述了关于js动态引入四种方式的实例代码。分享给大家供大家参考，具体如下：index.html<html> <head> <meta content="text/html;charset=utf-8" http-equiv="content-ty...

2020-05-27

31浏览

0评论

关于js的三种使用方式（行内js、内部js、外部js）的程序代码

本文讲述了js的三种使用方式（行内js、内部js、外部js）的实例代码，感兴趣的小伙伴们可以参考一下，具体如下：1、行内js：js不单独写出<!DOCTYPE html> <html lang="en"> <head> <met...

2020-05-27

41浏览

0评论

JS文件中加载jquery.js的实例代码

本文表述了JS文件中加载jquery.js的方法，具有很好的参考价值，希望对大家有所帮助。最近有一个需求：1.在一个html中只能引入一个JS文件不能有JS代码和其他JS文件的引入；
2.这个J...

2020-05-27

48浏览

0评论

JavaScript生成指定范围随机数和随机序列的方法

在JavaScript中我们经常使用Math.random()方法生成随机数，但是该方法生成的随机数只是0-1之间的随机数。先看如下常用方法的特征:•1.Math.random(); 结果为0-1间的一个...

2020-05-27

61浏览

0评论

JS同步、异步、延迟加载的方法

本文讲述了JS同步、异步、延迟加载的方法。分享给大家供大家参考，具体如下：一：同步加载
我们平时使用的最多的一种方式。<script src="http://yourdomain.com/script.js"></scr...

2020-05-27

43浏览

0评论

es6新特性之 class 基本用法解析

javaScript 语言中，生成实例对象的传统方法是通过构造函数,与传统的面向对象语言（比如 C++ 和 Java）差异很大，ES6 提供了更接近传统语言的写法，引入了 class（类）这个概念，作为对象的...

2020-05-27

61浏览

0评论

Less 安装及基本用法

node.js是一个前端的框架自带一个包管理工具npmnode.js 的安装官网：http://nodejs.cn/在命令行检验是否安装成功切换到项目目录，初始化了一个package.json文件安装与卸载jQue...

2020-05-27

68浏览

0评论

如何利用@angular/cli V6.0直接开发PWA应用详解

什么是PWAPWA（Progressive Web App）利用TLS，webapp manifests和service workers使应用程序能够安装并离线使用。换句话说，PWA就像手机上的原生应用程序，但它是使用诸如HTML5，Java...

2020-05-27

63浏览

0评论

JS中this的指向以及call、apply的作用

在具体的实际应用中，this 的指向无法在函数定义时确定，而是在函数执行的时候才确定的，根据执行时的环境大致可以分为以下3种：
1、当函数作为普通函数调用时，this 指向全局对象
2...

2020-05-27

46浏览

0评论

node+koa2+mysql+bootstrap搭建一个前端论坛

前言
在学习了koa2和express并写了一些demo后，打算自己写一个项目练练手，由于是在校生，没什么好的项目做，即以开发一个前端论坛为目标，功能需求参照一下一些社区拟定，主要有：登录注...

2020-05-27

49浏览

0评论

vue自动化表单实例分析

背景B端系统表单较多，且表单可能含有较多字段
字段较多的表单带来了大片HTML代码
在大片HTML中，混杂着参数绑定、事件处理等逻辑，不利于维护
技术栈 Vue，Element(默认表单布局)...

2020-05-27

54浏览

0评论

VueJs组件之父子通讯的方式

组件（父子通讯）一、概括在一个组件内定义另一个组件，称之为父子组件。但是要注意的是：1.子组件只能在父组件内部使用（写在父组件tempalte中）;...

2020-05-27

39浏览

0评论

基于vue-element组件实现音乐播放器功能

最近在写一个基于 github-page 和 gist 的博客, 想加个音乐播放器, 做了一个早上, 发出来分享一下演示地址 https://github-laziji.github.io效果使用到的组件element组件...

2020-05-27

144浏览

0评论

vue实现个人信息查看和密码修改功能

下面一段代码给大家介绍vue实现个人信息查看和密码修改功能，具体代码如下所述：//用了element组件，自己要加载和引入<template> <div class="all-container"> <div class="...

2020-05-27

热门文章