JavaScript - 教程之家

77浏览

0评论

jQuery中将json数据显示到页面表格的方法

jQuery中将json数据显示到页面表格代码。stu模拟的就是一个数据库，假设我们的数据已经是json 的文件格式，接下来就是将这个json文件里面的数据显示到页面的表格上。<!DOCTYPE...

2020-05-27

75浏览

0评论

使用proxytable 配置解决 vue-cli 的跨域请求问题【推荐】

本文适用人群：会使用 vue-cli 搭建一个基本的 vue webpack 项目，本文的目录结构基于 webpack 模板结构懂得 axios 基本用法问题导向日常开发中，前端经常需要通过 ajax 从后...

2020-05-27

83浏览

0评论

JS数组去重常用方法实例小结【4种方法】

本文实例讲述了JS数组去重常用方法。分享给大家供大家参考，具体如下：js数组去重，老生长谈，今天对其进行一番归纳，总结出来4种方法贴入代码前，先对浏览器Array对象进行支持indexOf...

2020-05-27

55浏览

0评论

关于jquery中attr()和prop()方法的区别

最近项目回归使用jquery，页面渲染全是使用jquery做的，所以做的时候也遇到了许多以前没有见过的问题，如这次操作【radio】控件的"checked"属性时有遇到问题，$("...").attr("check...

2020-05-27

55浏览

0评论

JavaScript继承定义与用法实践分析

本文实例讲述了JavaScript继承定义与用法。分享给大家供大家参考，具体如下：javascript 继承，老生长谈的东西，大家应该都很熟悉了，平时工作基本不会直接使用，这段时间不忙，所...

2020-05-27

54浏览

0评论

jQuery实现图片上传预览效果功能完整实例【测试可用】

本文实例讲述了jQuery实现图片上传预览效果功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>www.freexyz.cn jquer...

2020-05-27

94浏览

0评论

vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解

项目结构，在组件文件夹(components)下新建common文件夹，所用公用组件放里面，本例包含tips和loading两个
一、loading组件 1.loading.vue组件内容如下：

代码：
<template> <d...

2020-05-27

70浏览

0评论

vue2.0学习之axios的封装与vuex介绍

一、前言博主也是vue道路上的行者，道行不深，希望自己的东西能对大家有所帮助。这篇博客针对了解过vue基础，但是没有做过vue项目的童鞋。如果想看基础指令，可以看我之前的一篇博...

2020-05-27

58浏览

0评论

vue-cli构建项目下使用微信分享功能

一、index.html中引入微信官方分享js
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>二、在src下的assets/js文件夹下新...

2020-05-27

65浏览

0评论

详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper

1.vue-cli 构建项目 //全局安装 vue-cli npm install - g vue- cli //创建一个基于 webpack 模板的新项目 vue init webpack my- project //cd 进入刚新建的项目文件(m...

2020-05-27

64浏览

0评论

微信小程序实现上传图片功能

微信小程序图片上传，供大家参考，具体内容如下先来看一下微信小程序的api来看一下页面效果查看大图wxml文件代码：<view class="weui-cell"> <view class="weui-cell__bd"> <v...

2020-05-27

83浏览

0评论

.vue文件加scoped 样式不起作用的解决方法

浅谈关于.vue文件中的style的scoped属性
注意：scoped作用：使得.vue中的样式不影响其他.vue组件样式，而不是scoped使得.vue组件样式不受外样式影响。1、在vue组件中，为了使样式私...

2020-05-27

97浏览

0评论

讲解vue-router之什么是动态路由

前言：今天我来给大家说道说道v-router，这是个什么东西？我们先从动态路由讲起。
GitHub：https://github.com/Ewall1106/mall/tree/master
1、动态路由有一个什么适用场景呢？比如...

2020-05-27

54浏览

0评论

微信小程序上传图片实例

在网上看了好多小程序上传图片，java后端接收的示例，但是不管在哪个网站看的，代码基本是一样的，都是代码特别多。所以就自己写一个比较简单的。一小程序端user.wxml<view class...

2020-05-27

84浏览

0评论

讲解vue-router之什么是嵌套路由

上一次给大家简单说了下什么是动态路由现在我们来讲讲嵌套路由。
GitHub：https://github.com/Ewall1106/mall
1.嵌套路由的使用场景是什么呢？大家都知道选项卡，在选项卡中，顶部...

2020-05-27

68浏览

0评论

讲解vue-router之什么是编程式路由

前言：编程式路由在我们的项目使用过程中最常用的的方法了。
GitHub：https://github.com/Ewall1106/mall/
什么是编程式路由呢？就是通过写js代码来实现页面的跳转1.$router.push...

2020-05-27

90浏览

0评论

微信小程序上传图片功能（附后端代码）

几乎每个程序都需要用到图片，在小程序中我们可以通过image组件显示图片。当然小程序也是可以上传图片的，微信小程序文档也写的很清楚。上传图片首先选择图片
通过wx.chooseIma...

2020-05-27

74浏览

0评论

微信小程序实现图片上传功能

本文实例为大家分享了微信小程序实现图片上传功能的具体代码，供大家参考，具体内容如下
前端：微信开发者工具后端：.Net服务器：阿里云这里介绍微信小程序如何实现上传图片到自己的...

2020-05-27

76浏览

0评论

讲解vue-router之命名路由和命名视图

前言：前面我们把动态路由、嵌套路由等讲完了，说道完命名路由和命名视图，vue-router的基本使用方法就算是完篇了，还想仔细探究的同学可以去官网翻阅，加深理解。
1.首先来说说什么...

2020-05-27

52浏览

0评论

Vue 组件传值几种常用方法【总结】

使用vue也有很多年了，一直都没有整理一下相关知识，给大家总结下开发过程中所遇到的一些坑，主要给大家总结一下vue组件传值的几种常用方法：1、通过路由带参数传值 ① A组件通过...

2020-05-27

49浏览

0评论

Vue路由切换时的左滑和右滑效果示例

如何实现Vue路由切换时的左滑和右滑效果，因为原作者ustbhuangyi老师的两个慕课项目中都没有这样的效果，于是突发奇想要做这个功能，看了看QQ、微信都没这样的效果，最后发现Segmen...

2020-05-27

203浏览

0评论

javascript、php关键字搜索函数的使用方法

javascript：
a. 代码：
/*@desc：js搜索函数，可用于关键字匹配@param key 关键字@param str 要搜索的字符串@return out 匹配关键字前后出现的位置*/function search(key,str){var...

2020-05-27

59浏览

0评论

深入理解Vue Computed计算属性原理

Computed 计算属性是 Vue 中常用的一个功能，但你理解它是怎么工作的吗？拿官网简单的例子来看一下：<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed...

2020-05-27

81浏览

0评论

浅谈React的最大亮点之虚拟DOM

在Web开发中，需要将数据的变化实时反映到UI上，这时就需要对DOM进行操作，但是复杂或频繁的DOM操作通常是性能瓶颈产生的原因，为此，React引入了虚拟DOM（Virtual DOM）的机制。
一、什...

2020-05-27

63浏览

0评论

js统计页面上每个标签的数量实例代码

具体代码如下所示：function fold(node){ var map = new Map(); map.set(node.tagName,1); [].reduce.call(node.children,(acc,child)=>{ deal(acc,fo...

2020-05-27

43浏览

0评论

详解vue-cli项目中怎么使用mock数据

前言注意：网上很多教程说需要在build目录下的dev-server.js文件中配置，但目前最新的vue-cli是没有dev-server.js这个文件的，因为已经被合并到webpack.dev.conf.js文件中，所以直...

2020-05-27

69浏览

0评论

详解vue-cli 本地开发mock数据使用方法

vue-cli 中可以通过配置 proxyTable 解决开发环境的跨域问题，具体可以参考这篇文章：Vue-cli proxyTable 解决开发环境的跨域问题如果后端接口尚未开发完成，前端开发一般使用mo...

2020-05-27

64浏览

0评论

Vue 全局loading组件实例详解

上图不上种，菊花万人捅：loading.js:import './loading.css' let Loading = {}// 避免重复install，设立flagLoading.installed = falseLoading.install = function (Vue) { if (...

2020-05-27

55浏览

0评论

微信小程序6位或多位验证码密码输入框功能的实现代码

在做小程序过程中做一个6位验证码输入框，本以为很简单，但是在写的时候遇到各种各样的阻力，在网上查阅资料也寥寥无几，后来经过一番思考，终于敲定下来本人最满意的方案，特意发出来...

2020-05-27

111浏览

0评论

vuejs 切换导航条高亮(路由菜单高亮)的方法示例

我的GitHub前端经验总结，喜欢的话请点star:Thanks.: https://github.com/liangfengbo/frontend-developvuejs导航条高亮我的做法：用一个数组存导航条，用v-for循环它，这样可以...

2020-05-27

64浏览

0评论

使用webpack3.0配置webpack-dev-server教程

最近正在研究webpack，听说webpack可以自己搭建一个小型的服务器（使用过vue-cli的朋友应该都见识到过），所以迫不及待的想要尝试一下。不过，在实际操作中发现，用webpack搭建服务器仍...

2020-05-27

42浏览

0评论

基于打包工具Webpack进行项目开发实例

一. 常见打包工具的介绍在打包工具中,常见的有RequireJS,browserify,webpack,其中RequireJS是一个JavaScript模块加载器,基予ADM(async module define)规范实现,browserify...

2020-05-27

74浏览

0评论

详解如何使用babel进行es6文件的编译

1.babelbabel官方网址2. 安装npm i babel-cli -g 通过上面命令进行babel的安装,其中i表示安装install的意思, -g表示安装到全局
3.使用创建文件es6.jslet num = [1,2,3,4];...

2020-05-27

73浏览

0评论

vue 表单输入格式化中文输入法异常问题

v-model 是 vue.js 提供的语法糖，根据不同的表单控件监听不同的事件，实现对表单控件的数据双向绑定。当控件是 <input> 输入框时，v-model 监听其 input 事件。如下所示，这两种写...

2020-05-27

85浏览

0评论

vue通过点击事件读取音频文件的方法

我们项目现在有这样一个需求，通过select元素来选择音频文件的名称，点击按钮可以进行试听。话不多说，直接上代码：HTML：<div class="testVoice"> <p class="p-title">提示声音:</p>...

2020-05-27

52浏览

0评论

微信小程序实现跑马灯效果完整代码(附效果图)

一：功能介绍及讲解实现的跑马灯（跑马灯里面显示文章的title）的效果，并在右侧有个查看文章的按钮，按钮绑定当前的跑马灯信息的id，点击按钮后根据id跳转到相应的文章详情页；这里值得...

2020-05-27

38浏览

0评论

Angular搜索场景中使用rxjs的操作符处理思路

在有input输入框的搜索/过滤业务中，总会考虑如何减少发起请求频率，尽量使每次的请求都是有效的。节流和防抖是比较常见的做法，这类函数的实现方式也不难，不过终归还是需要自己封...

2020-05-27

76浏览

0评论

vue源码学习之Object.defineProperty对象属性监听

本文介绍了vue源码学习之Object.defineProperty对象属性监听，分享给大家，具体如下：参考版本 vue源码版本：0.11
相关vue实现双向数据绑定的关键是 Object.defineProperty ，让我们...

2020-05-27

58浏览

0评论

vue源码学习之Object.defineProperty 对数组监听

上一篇中，我们介绍了一下defineProperty 对对象的监听，这一篇我们看下defineProperty 对数组的监听数组的变化
先让我们了解下Object.defineProperty()对数组变化的跟踪情况：va...

2020-05-27

48浏览

0评论

使用vuex缓存数据并优化自己的vuex-cache

需求：请求接口之后，缓存当前接口的数据，下次请求同一接口时拿缓存数据，不再重新请求添加缓存失效时间cache使用map来实现ES6 模块与 CommonJS 模块的差异 CommonJS 模块输...

2020-05-27

73浏览

0评论

Angular4 反向代理Details实践

本文介绍了Angular4 反向代理Details实践，分享给大家，具体如下：1. 设置proxy.config.json文件
{ "/api": { //这里是前台调用后端接口时做的代理标识 "target": "localhost:3...

2020-05-27

105浏览

0评论

vue项目中jsonp跨域获取qq音乐首页推荐问题

自己利用业余时间，为了更加数据vue和es6的特性，自学着和做了vue的移动端webapp项目。在项目中也是遇到了很多的问题。接下来，先说一下怎么实现这个需求，然后再说我遇到的问题，以...

QQ

2020-05-27

81浏览

0评论

浅谈如何使用webpack构建多页面应用

前言
之前使用 vue2.x + webpack3.x 撸了一个 vue 单页脚手架
vue 版 spa 脚手架
有兴趣的同学可以看下,内附详细注释,适合刚学习 webpack 的童鞋.
react 版 spa 脚手架...

2020-05-27

48浏览

0评论

详解javascript 正则表达式之分组与前瞻匹配

本文主要讲解javascript 的正则表达式中的分组匹配与前瞻匹配的，需要对正则的有基本认识，本人一直对两种匹配模棱不清。所以在这里总结一下，如有不对，还望大神指点。1.分组匹配：...

2020-05-27

64浏览

0评论

d3.js实现自定义多y轴折线图的示例代码

前言需求是实现一个生命体征的体温单，x轴是时间线，y轴有多个体征项。效果不是特别复杂，但是行业特殊性，所以也没有现成可用的，所以用 d3.js 实现了一个多y轴的折线图。基础这张图...

2020-05-27

90浏览

0评论

JS实现键值对遍历json数组功能示例

本文实例讲述了JS实现键值对遍历json数组功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>www.freexyz.cn js键值...

2020-05-27

56浏览

0评论

Javascript获取某个月的天数

Javascript里面的new Date("xxxx/xx/xx")这个日期的构造方法有一个妙处，当你传入的是"xxxx/xx/0"（0号）的话，得到的日期是"xx"月的前一个月的最后一天（"xx"月的最大取值是69，题外...

2020-05-27

49浏览

0评论

jQuery 导航自动跟随滚动的实现代码

具体代码如下所示：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/c...

2020-05-27

43浏览

0评论

Vue2.0 实现移动端图片上传功能

本文主要介绍VUE2.0图片上传功能的实现。原理是通过js控制和input标签的方式完成这一效果，无需加载其他组件。效果图如下：
1.DOM代码1.1input标签由于我们是通过input标签的...

2020-05-27

96浏览

0评论

webpack里使用jquery.mCustomScrollbar插件的方法

malihu-custom-scrollbar-plugin是一个依赖jquery的自定义网页滚动条样式插件网站： http://manos.malihu.gr/jquery-custom-content-scroller/ github： https://github.com/ma...

2020-05-27

热门文章