JavaScript - 教程之家

51浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

44浏览

0评论

JavaScript实现百度搜索框效果

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

24浏览

0评论

node实现的爬虫功能示例

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

34浏览

0评论

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

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

2020-05-27

36浏览

0评论

浅谈Angular HttpClient简单入门

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

49浏览

0评论

vue 注册组件的使用详解

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

2020-05-27

46浏览

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

38浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

36浏览

0评论

js动态引入的四种方法

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

2020-05-27

28浏览

0评论

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

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

2020-05-27

38浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

58浏览

0评论

Less 安装及基本用法

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

45浏览

0评论

vue自动化表单实例分析

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

2020-05-27

36浏览

0评论

VueJs组件之父子通讯的方式

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

2020-05-27

35浏览

0评论

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

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

2020-05-27

140浏览

0评论

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

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

2020-05-27

37浏览

0评论

详解JavaScript的BUG和错误

计算机程序中的缺陷通常称为 bug。它让程序员觉得很好，将它们想象成小事，只是碰巧进入我们的作品。实际上，当然，我们自己把它们放在了那里。如果一个程序是思想的结晶，你可以粗...

2020-05-27

46浏览

0评论

在HTML文档中嵌入JavaScript的四种方法

在HTML里嵌入JavaScript在HTML文档里嵌入客户端JavaScript代码有4中方法：1.内嵌，放置在<script>和</script>标签之间（少）；
2.放置在有<script>标签的src属性指定的外部文件中...

2020-05-27

36浏览

0评论

浅谈Vue响应式(数组变异方法)

前言很多初使用Vue的同学会发现，在改变数组的值的时候，值确实是改变了，但是视图却无动于衷，果然是因为数组太高冷了吗？查看官方文档才发现，不是女神太高冷，而是你没用对方法。看来...

2020-05-27

37浏览

0评论

浅谈Vue 数据响应式原理

前言Vue的数据响应主要是依赖了Object.defineProperty()，那么整个过程是怎么样的呢？以我们自己的想法来走Vue的道路，其实也就是以Vue的原理为终点，我们来逆推一下实现过程。本文...

2020-05-27

50浏览

0评论

vue如何将v-for中的表格导出来

一、需要安装以下依赖 npm install -S file-saver xlsx npm install -D script-loader二、项目中新建一个文件夹：（vendor---名字任取）里面放置两个文件Blob.js和 Export2Excel....

2020-05-27

40浏览

0评论

React Form组件的实现封装杂谈

前言对于网页系统来说，表单提交是一种很常见的与用户交互的方式，比如提交订单的时候，需要输入收件人、手机号、地址等信息，又或者对系统进行设置的时候，需要填写一些个人偏好的信...

2020-05-27

28浏览

0评论

ES6关于Promise的用法详解

Node的产生，大大推动了Javascript这门语言在服务端的发展，使得前端人员可以以很低的门槛转向后端开发。当然，这并不代表迸发成了全栈。全栈的技能很集中，绝不仅仅是前端会写一些...

2020-05-27

32浏览

0评论

JavaScript 跨域之POST实现方法

javascript 跨域是一个很常见的问题，其中 jsonp 是一个最常用的手段，但是 jsonp 只支持 get，不支持 post，所以如果想通过 jsonp 来 post 一些数据，就头大了。此处通过在一个 ifra...

2020-05-27

58浏览

0评论

Vue 实现树形视图数据功能

利用简单的树形视图实现，熟悉了组件的递归使用这是模拟的树形图数据let all={ name:'all', children:{ A:{ name:'A', children:{ a1:{ name:'a1'...

2020-05-27

42浏览

0评论

JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】

本文实例讲述了JavaScript实现的DOM树遍历方法。分享给大家供大家参考，具体如下：二叉 DOM 树的遍历function Tree() { var Node = function(key){ this.key = key;...

2020-05-27

28浏览

0评论

详解VUE-地区选择器(V-Distpicker)组件使用心得

废话不多说，直接进入正题。
安装，引用，这些直接从官网拷贝来的，就不多说了。
1、安装
使用 npm 安装：npm install v-distpicker --save使用 yarn 安装yarn add v-distpicker --sa...

2020-05-27

67浏览

0评论

JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象，回归迭代和循环】

本文实例讲述了JavaScript求一组数的最小公倍数和最大公约数常用算法。分享给大家供大家参考，具体如下：方法来自求多个数最小公倍数的一种变换算法（详见附录说明）最小公倍数的算...

2020-05-27

303浏览

0评论

JavaScript数组去重算法实例小结

本文实例总结了JavaScript数组去重算法。分享给大家供大家参考，具体如下：测试用例：arr = ["1",3,"1",1,4,5,1,"2",5,1,{"name":"li","age":20},2,4,3,{"name":"li","age":20},"...

2020-05-27

54浏览

0评论

Angular 数据请求的实现方法

使用 Angular 请求数据的时候，需要引入 HttpModule 模块，如果使用的 jsonp 模式的话，则需要另外引入 JsonpModule 模块import { HttpModule, JsonpModule } from '@angular/htt...

2020-05-27

70浏览

0评论

node 使用 async 控制并发的方法

目标建立一个 lesson5 项目，在其中编写代码。代码的入口是 app.js，当调用 node app.js 时，它会输出 CNode(https://cnodejs.org/ ) 社区首页的所有主题的标题，链接和第一条评论，...

2020-05-27

69浏览

0评论

node使用promise替代回调函数

在学习 Node.js 过程中接触到了如何使用 async 来控制并发（使用 async 控制并发）async 的本质是一个流程控制。其实在异步编程中，还有一个更为经典的模型，叫做 Promise/Deferred...

2020-05-27

59浏览

0评论

Vue + better-scroll 实现移动端字母索引导航功能

vue+ better-scroll 实现移动端歌手列表字母索引导航。算是一个学习笔记吧，写个笔记让自己了解的更加深入一点。Demo：list-view，使用 chrome 手机模式查看。换成手机模式之后，不...

2020-05-27

热门文章