JavaScript - 教程之家

49浏览

0评论

JS基于封装函数实现的表格分页完整示例

本文实例讲述了JS基于封装函数实现的表格分页。分享给大家供大家参考，具体如下：HTML代码：<html><head><meta charset='utf-8'><title>www.freexyz.cn js表格分页</title><script...

2020-05-27

37浏览

0评论

vue中v-model的应用及使用详解

vue中经常使用到<input>和<textarea>这类表单元素，vue对于这些元素的数据绑定和我们以前经常用的jQuery有些区别。vue使用v-model实现这些标签数据的双向绑定，它会根据控件类...

2020-05-27

81浏览

0评论

详解解决使用axios发送json后台接收不到的问题

问题描述
按照axios官网例子发起请求传递json，后台接受到的数据为空，一直卡在options阶段。
尝试的方法
开始以为是接口有问题，使用postman测试下，一切正常，百思不得其解，看了好多...

2020-05-27

74浏览

0评论

Vue引入sass并配置全局变量的方法

引入sass
首先使用官方提供的脚手架vue-cli进行搭建框架，这里就不做说明了，查阅官网即可。等安装完所有依赖后，安装sass的依赖包：npm install --save-dev sass-loader//sass-loa...

2020-05-27

322浏览

0评论

详解nuxt sass全局变量(公共scss解决方案)

恩，经过朋友的帮助搞定的，因为 nuxt资料比较少的原因，很感谢 “包子”的帮助注意本案例只是把你通用的比如
$colour :#009688 #5FB878 #393D49 #1E9FFF #F7B824 #FF572...

2020-05-27

79浏览

0评论

详解关于vue-area-linkage走过的坑

最近写的项目是vue框架，搭配element-ui框架。这个框架上手快，而且页面的大部分样式都有现成的可以用，使用起来比较方便。前几天有一个需求是要写省市区联动选择，上网搜罗了一遍...

2020-05-27

78浏览

0评论

Vue使用vue-area-linkage实现地址三级联动效果的示例

很多时候我们需要使用地址三级联动，即省市区三级联动。网上有很多插件，在此介绍Vue的一款地区联动插件：vue-area-linkage，下面介绍如何使用这个插件实现地址联动效果：1.安装vue-a...

2020-05-27

53浏览

0评论

浅谈Webpack下多环境配置的思路

前言
由于前后端分离的前端应用脱离了后端的支持，在单独开发前端应用时，页面调试时使用固定的开发环境地址还好，如果出现在本地开发时需要调试不同环境的远端API，或者需要将应用...

2020-05-27

46浏览

0评论

微信小程序中使用ECharts 异步加载数据的方法

官网例子都是同步的，怎么引入及同步demo请移步官网<view class="container"> <ec-canvas id="mychart-dom-multi-bar" canvas-id="mychart-multi-bar" ec="{{ ecBar }}"></ec...

2020-05-27

74浏览

0评论

vue+springmvc导出excel数据的实现代码

vue端处理this.$http.get(this.service + '/user/excel',{responseType: 'blob'}).then(({data})=> { console.info(typeof data) var a = document.createElement('a')...

2020-05-27

66浏览

0评论

JS实现获取进今年第几天是周几的方法分析

本文实例讲述了JS实现获取今年第几天是周几的方法。分享给大家供大家参考，具体如下：function getWeek(str){ var nowyearstr =Date.parse(new Date().getFullYear()); var n...

2020-05-27

85浏览

0评论

浅谈Angular6的服务和依赖注入

在开发中,组件一般用来写视图有关的功能,服务则写一些其他的逻辑,诸如从服务器获取数据、验证用户输入或直接往控制台中写日志等工作.先解释两个概念: Providers(提供商):...

2020-05-27

71浏览

0评论

小程序实现带年月选取效果的日历

本文实例为大家分享了小程序日历展示的具体代码，供大家参考，具体内容如下根据前面的日历，又遇到到个好玩的日历需求，分享给大家这是个带年月左右选取的日历展示！并且当天的对应...

2020-05-27

58浏览

0评论

vue如何引入sass全局变量

sass或者less都提供变量设置，在需求切换主题的项目中使用less或者sass变量，只要修改变量值，编译后所有用到该变量的样式都会被修改为你想要的效果，但是在vue-cli搭建的项目中，在m...

2020-05-27

72浏览

0评论

使用vue-router完成简单导航功能【推荐】

vue-router是Vue.js官方提供的一套专用的路由工具库安装命令如下npm i vue-router -Dvue-router 实例是一个Vue插件，我们需要在Vue全局引用中通过Vue.use() 将它接入到Vue实...

2020-05-27

56浏览

0评论

Auto.js自动收取自己和好友蚂蚁森林能量脚本

用autoJS写的能量收取脚本软件.说一下达到的效果,把蚂蚁森林按钮要设置在常用应用中.先收取自己主页的能量,然后进入排行榜收集好友的能量.中途可以按下音量下键提前结束脚...

2020-05-27

62浏览

0评论

详解ES6中的三种异步解决方案

前置知识准备
Generator 函数执行会返回一个迭代器(Iterator), 在迭代器上可以调用 next() 方法, 执行下一个 yield 或 return 调用 next() 方法，会返回一个对象 {val...

2020-05-27

59浏览

0评论

vue使用Element组件时v-for循环里的表单项验证方法

标题描述看起来有些复杂，有vue，Element，又有表单验证，还有v-for循环？是不是有点乱？不过我相信开发中遇到过此问题的同学，一看就明白我说的意思了。首先Element组件有一套完善的表单...

2020-05-27

51浏览

0评论

详解基于DllPlugin和DllReferencePlugin的webpack构建优化

一个基于vue-cli webpack2模板创建的项目.项目中使用到了vue+vue-router+axios+muse-ui+iview
现在构建一次需要的时间大概是40s左右.真心受不了.虽然在开发过程中,我们不太...

2020-05-27

86浏览

0评论

Webpack的dll功能使用

最近使用Webpack遇到了一个坑。我们构建前端项目的时候，往往希望第三方库（vendors）和自己写的代码可以分开打包，因为第三方库往往不需要经常打包更新。对此Webpack的文档建议用C...

2020-05-27

57浏览

0评论

Vue SPA单页应用首屏优化实践

1.代码压缩(gzip)
如果你用的是nginx服务器，请修改配置文件(其他web server 类似)：sudo nano /etc/nginx/nginx.conf在Gzip Settings里加入：gzip on;gzip_min_length 1k;gzip_b...

2020-05-27

172浏览

0评论

jQuery实现获取选中复选框的值实例详解

应用场景：我们应该经常见到系统中出现列表，会有一个对列表数据的操作（如删除，修改，查看等）。我们可以在每个列表项后面加一个删除按钮，把列表项的相关参数（如 id）post到后台进行删除...

2020-05-27

51浏览

0评论

浅谈vue首屏加载优化

本文介绍了浅谈vue首屏加载优化，分享给大家，具体如下：库使用情况 vue vue-router axios muse-ui material-icons vue-baidu-map未优化前首先我们在正常情况下build
优化1...

2020-05-27

48浏览

0评论

微信小程序wx.uploadfile 本地文件转base64的实现代码

微信小程序wx.uploadfile, 利用PHP接口把本地图片转化为base64位。网上到处都是粘贴复制的wx.uploadfile的解决方案, 但目前还没有具体的代码:特意呈现出来给需要的伙伴们:...

2020-05-27

92浏览

0评论

详解swipe使用及竖屏页面滚动方法

Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用...

2020-05-27

165浏览

0评论

Vue实现textarea固定输入行数与添加下划线样式的思路详解

先上效果图###
textarea下划线设置一张1*35 //行高的图片 , 设置背景图即可.background: url('./img/linebg.png') repeat;
border: none;outline: none;overflow: hidden...

2020-05-27

59浏览

0评论

jQuery实现获取动态添加的标签对象示例

本文实例讲述了jQuery实现获取动态添加的标签对象。分享给大家供大家参考，具体如下：jquery无法直接给网页里面动态添加点击事件，并且获取到对象一般来说，js获取动态添加的组件都...

2020-05-27

61浏览

0评论

vue ssr 指南详读

本帖说明该贴是对vue SSR Guide解读和补充，对于官网文档已有内容会以引用方式体现。由于官网demo在国内无法运行，该贴最后也提供了一个完整的可以运行的demo,帖子中提到的代码...

2020-05-27

122浏览

0评论

JavaScript实现仿Clock ISO时钟

来模仿一个 ISO 上的时钟：ISO Clock实现效果：ISO Clock项目分析1、首先时钟嘛，肯定要获取本地客户端的时间；2、时钟有 3 个指针，我们可以通过添加动画的方式让它们围绕中心点转动...

2020-05-27

65浏览

0评论

详解Vue微信授权登录前后端分离较为优雅的解决方案

微信授权登录是一个非常常见的场景,利用微信授权登录,我们可以很容易获取用户的一些信息,通过用户对公众号的唯一openid从而建立数据库绑定用户身份.
微信授权登录的机制这...

2020-05-27

50浏览

0评论

Vue下路由History模式打包后页面空白的解决方法

vue的路由在默认的hash模式下,默认打包一般不会有什么问题,不过hash模式由于url会带有一个#,不美观,而且在微信分享,授权登录等都会有一些坑.所以history模式也会有一些应用...

2020-05-27

46浏览

0评论

详解Vue webapp项目通过HBulider打包原生APP

Vue webapp项目通过HBulider打包原生APP
1、webapp项目已经通过vue-cli搭建的脚手架写好了，然后通过webpack打包成一个部署文件list，如下：
2、打开HBulider,打开目录，选择这个li...

2020-05-27

47浏览

0评论

vue项目打包后打开页面空白解决办法

网上很多说自己的VUE项目通过Webpack打包生成的list文件，放到HBulider打包后，通过手机打开一片空白。这个主要原因是路径的问题。1、记得改一下config下面的index.js中bulid模...

2020-05-27

73浏览

0评论

使用vue打包时vendor文件过大或者是app.js文件很大的问题

第一次使用vue2.0开发，之前都是用的angular1.x。在使用vue-cli脚手架打包后（UI用的Element-ui），发现vendor文件很大，将近1M左右。。后来翻阅资料才明白，原来webpack把所有的库都打...

2020-05-27

57浏览

0评论

vue底部加载更多的实例代码

要实现的效果如下：<template> <div class="newsList"> <div v-for="(items, index) in newsList"> <div class="date">{{showDay(index)}}</div> <div class="list" >...

2020-05-27

50浏览

0评论

Vue表单demo v-model双向绑定问题

具体代码如下所示：<div id="app"> <textarea v-model = "message" placeholer = '请在此输入文字'></textarea> <span>{{message}}</span> </br> <input type="text" v-mode...

2020-05-27

76浏览

0评论

微信小程序中进行地图导航功能的实现方法

前段时间一直都在做小程序做了两个月了，其中对于小程序还是有很不理解的地方看着一些大企业的小程序自己模仿其实还是有一些难度的，我觉得学习小程序看一遍文档是不够的我们要...

2020-05-27

58浏览

0评论

jQuery实现模糊搜索功能的方法分析

本文实例讲述了jQuery实现模糊搜索功能的方法。分享给大家供大家参考，具体如下：功能一：关键字搜索总结：1、搜索出的结果，前台先要清空原有表格$("#tbody").empty;2、后台返回的js...

2020-05-27

99浏览

0评论

详解基于Vue-cli搭建的项目如何和后台交互

这段时间在折腾有vue做开发，之前也用过，但是大部分都是用一些简单的数据绑定。踏了很多坑，总结了一下，希望对刚刚开始折腾的小伙伴有帮助。常见问题一：用vue-cli搭好环境以后，本地...

2020-05-27

79浏览

0评论

详解Angular6.0使用路由步骤(共7步)

今天写的有点儿多了,前几天一直写js基础.今天想聊聊angular6.0的路由实现.因为有公司已经开始转向angular6.0了.写完赶紧吃饭去了.声明一下,以下路由的实现是基于angular6.0...

2020-05-27

67浏览

0评论

angular6.0开发教程之如何安装angular6.0框架

在5月4日这天，angular家庭迎来了最新版本——angular6.0，angular6.0时代正式到来。6.0版本重点关注工具链以及工具链在Angular中的运行速度问题。angular6.0在原angular5的基...

2020-05-27

67浏览

0评论

Vue项目中添加锁屏功能实现思路

1. 实现思路( 1 ) 设置锁屏密码
( 2 ) 密码存localStorage （本项目已经封装h5的sessionStorage和localStorage）
( 3 ) vuex设置 SET_LOCK state.isLock = true (为true是锁屏...

2020-05-27

46浏览

0评论

vue-router+nginx 非根路径配置方法

vue-router 的默认数据hash模式-使用url的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。一般情况下，我们不喜欢丑丑的hash，类似于index.html#/matchResult，可以使...

2020-05-27

74浏览

0评论

vue v-model动态生成详解

1.input 输入框 v-model 绑定的字段名需要根据后台返回的数据动态生成，此时就不可以用 v-model绑定，而是用传统的方法 value 动态绑定，并且用子组件绑定向父组件传递值和事件。...

2020-05-27

62浏览

0评论

vue.js删除列表中的一行

splice(index,num,item1,item2,...,itemX) 方法向/从数组中添加/删除项目，然后返回被删除的项目。注：index--规定添加/删除项目的位置num--要删除的项目数量item--向数组添加...

2020-05-27

48浏览

0评论

详解vue添加删除元素的方法

相关版实例代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue实例：添加删除元素r</title> <style type="text/css"> .form-group{...

2020-05-27

62浏览

0评论

浅析vue.js数组的变异方法

Vue 包含一组观察数组的变异方法，所以它们也将会触发视图更新。这些方法如下： push() pop() shift() unshift() splice() sort() reverse()
都有什么功能？动手试验了...

2020-05-27

80浏览

0评论

vue检测对象和数组的变化分析

在 JavaScript 中对象和数组是引用类型，指向同一个内存空间，如果 prop 是一个对象或数组，在子组件内部改变它会影响父组件的状态。可以直接在子组件修改对象或数组，但是并不会数...

2020-05-27

72浏览

0评论

ionic grid(栅格)九宫格制作详解

本文实例为大家分享了ionic grid九宫格制作的具体代码，供大家参考，具体内容如下1、Html<ion-header-bar class="bar bar-header bar-light bar-calm"> <button class="button...

2020-05-27

85浏览

0评论

AngularJs分页插件使用详解

angularUI bootstrap提供的分页插件满足了大部分应用的需求，具体内容如下在项目需求中，新增了两个需求：1.自由设定每页显示的条目；2.可以手动输入页面，跳转到指定的页数。html代...

2020-05-27

热门文章