JavaScript - 教程之家

76浏览

0评论

关于Vue背景图打包之后访问路径错误问题的解决

案例环境通过vue-cli脚手架创建的vue项目在项目打包的时候遇到了背景图片路径出错的问题，经过谷歌一番，发现是在配置的时候对图片的限制大小过小造成的首先，出错点在url-loader...

2020-05-27

72浏览

0评论

Angular4绑定html内容出现警告的处理方法

前言众所周知在Web前端开发中，我们经常会遇见需要动态的将一些来自后端或者是动态拼接的HTML字符串绑定到页面DOM显示，特别是在内容管理系统（CMS：是Content Management System的...

2020-05-27

68浏览

0评论

使用 Javascript 实现浏览器推送提醒功能的示例

本篇文章内容简单，速读只需两三分钟，通过这两三分钟的时间你就可以给自己的网站实现推送提醒的功能Notification 类简单明了，这个类就是负责推送消息的，只要用户当前没有关闭页...

2020-05-27

68浏览

0评论

原生JavaScrpit中异步请求Ajax实现方法

在前端页面开发的过程中，经常使用到Ajax请求，异步提交表单数据，或者异步刷新页面。一般来说，使用Jquery中的$.ajax，$.post，$.getJSON，非常方便，但是有的时候，我们只因为需要ajax功能...

2020-05-27

67浏览

0评论

javascript+jQuery实现360开机时间显示效果

实现效果：实现原理：　　给关闭按钮绑定点击事件，点击以后触发动画效果。利用jQuery的animate方法，先让显示天气的盒子高度变为0，接着让整个包含天气和事件的盒子宽度变为0，最后通...

2020-05-27

56浏览

0评论

vue中使用localstorage来存储页面信息

今天小颖在跟着慕课网学习vue，不学不知道，一学吓一跳，学了才发现，我之前知道的只是vue的冰山一角，嘻嘻，今天把小颖跟着慕课网学习的demo，给大家分享下，希望对大家有所帮助嘻嘻。环境...

2020-05-27

79浏览

0评论

vue2.0在table中实现全选和反选的示例代码

其实在去年小颖已经写过一篇：Vue.js实现checkbox的全选和反选小颖今天在跟着慕课网学习vue的过程中，顺便试试如何在table中实现全选和反选，页面的css样式是直接参考慕...

2020-05-27

82浏览

0评论

简述Angular 5 快速入门

一、概述尽管被称为Angular5，实际上它只是这个诞生于2012年的前端框架的的第四个版本：
angular history看起来差不多半年就发布一个新版本，不过实际上从重写的版本2开始，开发接...

2020-05-27

68浏览

0评论

浅谈Vuex的状态管理(全家桶)

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue...

2020-05-27

67浏览

0评论

Vue全家桶实践项目总结(推荐)

从前端的角度看，Vue可以说是目前最理想的前端MVVM框架，一切为界面服务，上手难度低，本文就将记录使用Vue全家桶（Vue+Vue-router+Vuex）重构一个jQuery+template项目的过程，以及期间的...

2020-05-27

73浏览

0评论

JavaScript中立即执行函数实例详解

前言js立即执行函数可以让你的函数在创建后立即执行，js立即执行函数模式是一种语法，可以让你的函数在定义后立即被执行，这种模式本质上就是函数表达式(命名的或者匿名的)，在创建...

2020-05-27

79浏览

0评论

详解使用React全家桶搭建一个后台管理系统

引子学生时代为了掌握某个知识点会不断地做习题，做总结，步入岗位之后何尝不是一样呢？做业务就如同做习题，如果‘课后'适当地进行总结，必然更快地提升自己的水平。由于公司采用的...

2020-05-27

66浏览

0评论

angular中不同的组件间传值与通信的方法

本文主要介绍angular在不同的组件中如何进行传值，如何通讯。主要分为父子组件和非父子组件部分。父子组件间参数与通讯方法使用事件通信（EventEmitter，@Output）：场景：可以在父子组...

2020-05-27

62浏览

0评论

JavaScript实现三级级联特效

本文实例为大家分享了js实现三级级联特效的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body...

2020-05-27

81浏览

0评论

vue+node+webpack环境搭建教程

一、环境搭建1.1、去官网安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html )注意node的版本，只有支持和谐模式的node才会支持es6,在基于webpack构建项目...

2020-05-27

102浏览

0评论

JavaScript实现音乐自动切换和轮播

前言：前两天有个同学问我音乐自动切换，并在所有歌曲都播放完成以后实现循环播放的效果。自己折腾了一下做了出来，今天整理桌面的时候突然看见，在拖到回收站的一瞬间想着还是写一...

2020-05-27

67浏览

0评论

Vuejs实现购物车功能

开始更新前端框架Vue.JS的相关博客。功能概述学习了Vue.JS的一些基础知识，现在利用指令、数据绑定这些基础知识开发一个简单的购物车功能。功能要点如下：
（1）展示商品的名称、...

2020-05-27

79浏览

0评论

js定时器实现倒计时效果

本文实例为大家分享了js定时器实现倒计时效果展示的具体代码，供大家参考，具体内容如下日期函数倒计时 = 用将来的时间 - 现在的时间问题：将来时间距离 1970 毫秒数 -...

2020-05-27

66浏览

0评论

JS实现图片放大镜插件详解

前言
　　我们大家经常逛各种电商类的网站，商品的细节就需要用到放大镜，这个大家一定不陌生，今天我们就做一个图片放大镜的插件，来看看图片是如何被放大的……先看一下我们要...

2020-05-27

56浏览

0评论

two.js之实现动画效果示例

一、什么是two.js？Two.js 是面向现代 Web 浏览器的一个二维绘图 API。Two.js 可以用于多个场合：SVG，Canvas 和 WebGL，旨在使平面形状和动画的创建更方便，更简洁。Two.js 有一个内...

2020-05-27

103浏览

0评论

基于Two.js实现星球环绕动画效果的示例

Two.js 是面向现代 Web 浏览器的一个二维绘图 API。Two.js 可以用于多个场合：SVG，Canvas 和 WebGL，旨在使平面形状和动画的创建更方便，更简洁。Two.js 有一个内置的动画循环，可搭...

2020-05-27

64浏览

0评论

快速搭建React的环境步骤详解

前端生态这几年可谓迎来了大发展，在这个生态圈内，不接受新事物学习新技能，等于堕入魔道。本文尝试对前端开发利器React，以及构建项目过程中涉及的技术栈进行介绍，以期开启整个构...

2020-05-27

71浏览

0评论

Node.js实现发送邮件功能

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下var nodemailer = require("nodemailer");var mailTitle='http://handsupowo.pl/：Releases Han...

2020-05-27

53浏览

0评论

原生js封装添加class,删除class的实例

一、添加classfunction addClass(ele,cName) { var arr = ele.className.split(' ').concat(cName.split(" ")); for(var i=0;i<arr.length;i++){ for(var k=arr.length-1;...

2020-05-27

71浏览

0评论

利用百度地图API获取当前位置信息的实例

利用百度地图API可以做很多事情，个人感觉最核心也是最基础的就是定位功能了。这里分享一个制作的JS可以实现登录网页后定位：<script type="text/javascript"> var map; var gp...

2020-05-27

76浏览

0评论

js实现简单数字变动效果

本文实例为大家分享了js实现数字变动效果展示的具体代码，供大家参考，具体内容如下 $.fn.countTo = function (options) { options = options || {};//当options未被初始化，即ty...

2020-05-27

74浏览

0评论

js中apply与call简单用法详解

你可以直接看例子，也可以先读一下介绍：call和apply是为了动态改变this而出现的，当一个object没有某个方法，但是其他的有，我们可以借助call或apply用其它对象的方法来操作。call,...

2020-05-27

156浏览

0评论

解决option标签selected="selected"属性失效的问题

要在select标签上面加上autocomplete="off"关闭自动完成，不然浏览器每次刷新后将自动选择上一次关闭时的option，这样默认属性selected="selected"就会失效啦要记住每次遇到sel...

2020-05-27

88浏览

0评论

详解基于vue-cli优化的webpack配置

最近的项目度过了开始忙碌的基建期，也慢慢轻松下来，准备记录一下自己最近webpack优化的措施，希望有温故知新的效果。
项目采用的是vue全家桶，构建配置都是基于vue-cli去改进的。...

2020-05-27

87浏览

0评论

Angular 4中如何显示内容的CSS样式示例代码

前言在开始本文的正文之前，我们先来看一下angular2中将带标签的文本输出在页面上的相关内容，为了系统性的防范XSS问题，Angular默认把所有值都当做不可信任的。当值从模板中以...

2020-05-27

56浏览

0评论

vue综合组件间的通信详解

本文实例为大家分享了vue综合组件间的通信，供大家参考，具体内容如下实现一个ToDoList。①完成所有的组件的创建和使用②add
点击add按钮时候，将用户输入的内容（todoinput），显示在（t...

2020-05-27

80浏览

0评论

vue路由嵌套的SPA实现步骤

本文为大家分享了路由嵌套的SPA实现的步骤：A（/a）组件需要嵌套B组件(/b)和C组件(/c)①准备嵌套其它组价的父组件指定一个容器
在A组件指定一个容器
<router-view></router-ivew...

2020-05-27

85浏览

0评论

基于vue组件实现猜数字游戏

本文实例为大家分享了vue猜数字游戏的具体代码，供大家参考，具体内容如下<!doctype html><html> <head> <meta charset="UTF-8"> <title>vue组件猜数字游戏</title> <script s...

2020-05-27

64浏览

0评论

vue复合组件实现注册表单功能

本文实例为大家分享了vue注册表单的具体代码，供大家参考，具体内容如下<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/vue.js"></sc...

2020-05-27

50浏览

0评论

Bootstrap 树控件使用经验分享(图文解说)

jquery 树形控件jquery 树形控件是一款基于jquery+bootstrap、完全通过js和样式手写出来的非常轻量级的控件，它功能简单、用户体验不错。对于一些简单的层级关系展示比较实用...

2020-05-27

71浏览

0评论

vue自定义过滤器创建和使用方法详解

本文实例为大家分享了vue自定义过滤器创建和使用方法，供大家参考，具体内容如下
过滤器：生活中有很多例子，净水器空气净化器。
过滤器的作用：实现数据的筛选、过滤、格式化。vue...

2020-05-27

66浏览

0评论

Angular实现类似博客评论的递归显示及获取回复评论的数据

前言我们在一些技术博客中会经常看到很多递归评论，也即是我们可以回复博友的评论，且界面很美观，有梯度的显示格式，日前在空余时间写类似的 demo，所以记录下来，可以给需要的人一些...

2020-05-27

56浏览

0评论

JS实现分页浏览横向图片(类轮播)实例代码

昨天朋友问我怎么用js实现分页浏览横向图片功能，其实实现代码很简单的，下面小编给大家带来了具体实现代码，代码如下所示：common.jsfunction $(id) { return document.getElemen...

2020-05-27

64浏览

0评论

vue使用mint-ui实现下拉刷新和无限滚动的示例代码

在开发web-app中，总会遇到v-for出来的li会有很多，当数据达几百上千条的时候，一起加载出来会造成用户体验很差的效果。
这时候我们可以使用无限滚动和下拉刷新来实现控制显示的...

2020-05-27

64浏览

0评论

基于vue实现分页效果

本文实例为大家分享了vue实现分页效果展示的具体代码，供大家参考，具体内容如下<!doctype html><html> <head> <meta charset="UTF-8"> <title>分页练习</title> <script src=...

2020-05-27

70浏览

0评论

浅谈mint-ui 填坑之路

近期上手vue的移动端项目，舍弃了之前自己相对熟悉的mui框架，改为用饿了么团队为了vue量身定做的mint-ui框架。
之前开发的时候觉得mui的文档就足够坑爹了，但当我开始阅读mint-u...

2020-05-27

65浏览

0评论

浅谈在Vue-cli里基于axios封装复用请求

本文介绍了浅谈在Vue-cli里基于axios封装复用请求，分享给大家，具体如下：安装只用安装一个axios就可以了。npm install axios --save接口代理设置为了请求可以正常发送，我们一般...

2020-05-27

77浏览

0评论

React Native使用百度Echarts显示图表的示例代码

Echarts是百度推出的免费开源的图表组件，功能丰富，涵盖各行业图表。相信很多同学在网页端都使用过。今天我就来介绍下在React Native中如何使用Echarts来显示各种图表。
首先...

2020-05-27

65浏览

0评论

vue2+el-menu实现路由跳转及当前项的设置方法实例

Vue.js 是什么Vue.js (读音 /vjuː/，类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图...

2020-05-27

57浏览

0评论

vue组件watch属性实例讲解

本文实例为大家分享了vue组件watch属性的具体代码，供大家参考，具体内容如下
<!doctype html><html> <head> <meta charset="UTF-8"> <title>wacth属性</title> <script src="j...

2020-05-27

42浏览

0评论

浅谈react 同构之样式直出

前言上文讲到通过同构服务端渲染，可以直出html结构，虽然讲解了样式，图片等静态资源在服务端引入问题的解决方案，但是并没有实际进行相关操作，这篇文章就讲解一下如何让样式像html...

2020-05-27

58浏览

0评论

nodejs中art-template模板语法的引入及冲突解决方案

使用Webstorm创建nodejs express应用时，默认使用的是jade或者ejs模板，对于不习惯这两种模板语法的人来说确实不是很方便。没关系，这里我们使用art-template模板引擎，使用后可以...

2020-05-27

53浏览

0评论

Angular2的管道Pipe的使用方法

管道Pipe可以将数据作为输入，然后按照规则将其转换并输出。在Angular2中有许多内置的Pipe，比如DatePipe、UpperCasePipe和CurrencyPipe等。在这里我们主要介绍如何自定义Pipe...

2020-05-27

69浏览

0评论

vue组件生命周期详解

本文实例为大家分享了vue组件生命周期的具体代码，供大家参考，具体内容如下
分为4个阶段：
create/mount/update/destroy
每一个阶段都对应着有自己的处理函数
create: beforeCre...

2020-05-27

65浏览

0评论

vue双花括号的使用方法附练习题

本文实例为大家分享了vue双花括号的具体代码，供大家参考，具体内容如下<!doctype html><html> <head> <meta charset="UTF-8"> <title>{{}}的使用</title> <script src="js/vue...

2020-05-27

热门文章