JavaScript - 教程之家

95浏览

0评论

vue生成token并保存到本地存储中

首先回顾一下token:token认证是RESTFUL.api的一个很重要的部分，通过token认证和token设置，后端会有一个接口传给前台：http://localhost/yiiserver/web/index.php/token?cli...

2020-05-27

82浏览

0评论

基于D3.js实现时钟效果

今天做了一个小时钟动画，因为学习canvas也做过一个时钟，所以想着可不可以使用d3来做个时钟动画。主要利用的还是饼图这个布局，添加了一个圆形颜色渐变的效果。<!DOCTYPE html><...

2020-05-27

70浏览

0评论

JS中实现隐藏部分姓名或者电话号码的代码

项目需要, 只显示用户的姓名和手机号开头跟结尾, 其他部分用 * 代替, 借鉴了网上的代码, 参考地址没来得及记下hidden:function(str,frontLen,endLen) { var len...

2020-05-27

46浏览

0评论

SVG实现时钟效果

本文实例为大家分享了SVG实现时钟效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title></title> <style> * { margin: 0;...

2020-05-27

66浏览

0评论

JS使用tween.js动画库实现轮播图并且有切换功能

效果图如下所示：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>Document</title> <style> .wrap{ width: 500px; height: 300px; position: r...

2020-05-27

72浏览

0评论

vue-router中的hash和history两种模式的区别

众所周知，vue-router有两种模式，hash模式和history模式，这里来谈谈两者的区别。hash模式hash模式背后的原理是onhashchange事件,可以在window对象上监听这个事件:window.onhash...

2020-05-27

72浏览

0评论

详解webpack import()动态加载模块踩坑

importwebpack根据ES2015 loader 规范实现了用于动态加载的import()方法。这个功能可以实现按需加载我们的代码，并且使用了promise式的回调，获取加载的包。在代码中所有被impo...

2020-05-27

112浏览

0评论

vue 实现axios拦截、页面跳转和token 验证

第一步: 路由多添加一个自定义字段 requireAuth path: '/repository', name: 'repository', meta: { requireAuth: true, // 添加该字段，表示进入这个路由是需要...

2020-05-27

46浏览

0评论

vue 权限认证token的实现方法

最近搞一个vue的项目，接口带了权限验证，于是乎稍微研究了一下，中间遇到的各种坑都来源于自己概念的不熟悉。主要呢是分两步：一是vue路由层的控制，由于项目的路由有规律可循，所以没...

2020-05-27

62浏览

0评论

vue的token刷新处理的方法

第一次接触token处理，初来乍到，说错的地方还请各位多多指教。token身份验证机制
客户端登录请求成功后，服务器将用户信息（如用户id）使用特殊算法加密后作为验证的标志发送给用户（...

2020-05-27

97浏览

0评论

使用Vue实现图片上传的三种方式

项目中需要上传图片可谓是经常遇到的需求，本文将介绍 3 种不同的图片上传方式，在这总结分享一下，有什么建议或者意见，请大家踊跃提出来。没有业务场景的功能都是耍流氓，那么我们...

2020-05-27

162浏览

0评论

微信小程序将字符串生成二维码图片的操作方法

最近接到这样一个需求，需要在小程序里将十几位随机字符串转换为二维码的形式展示。公众号中（另一终端）调用JSSDK扫一扫功能，去扫描小程序生成的二维码。得到字符串，然后进行接下...

2020-05-27

69浏览

0评论

详解vue2.0监听属性的使用心得及搭配计算属性的使用

我们在工作中常常需要监听某一个属性值的变化，这个时候我们就需要用到了监听属性watch，在这里我总结watch属性的三种场景使用希望对你有所帮助：1.基础版监听：场景如下：输入框输入...

2020-05-27

62浏览

0评论

详解vue中axios的封装

第一步还是先下载axioscnpm install axios -S第二步建立一个htttp.jsimport axios from 'axios';import { Message } from 'element-ui';axios.defaults.timeout = 5000;axi...

2020-05-27

83浏览

0评论

Vue隐藏显示、只读实例代码

1.Vue隐藏显示<div style="padding-top:5px;" v-bind:class="{hidden: isHidden }"> <label class="inline"> <input id="id-button-borders" checked="" v-model="user....

2020-05-27

155浏览

0评论

vue系列之requireJs中引入vue-router的方法

requireJs简介
参数配置
requireJS 常用的方法与命令也就两个，因此requireJS使用起来非常简单。
require
define
其中define是用于定义模块，而require是用于载入模块以及载入...

2020-05-27

70浏览

0评论

webpack4.x打包过程详解

一、全局安装 webpack-cli 脚手架npm install webpack-cli -g二、新建一个项目wp，并在wp目录下初始化一个package.json文件。npm init -y在wp目录下新建一个src目录，并在该目...

2020-05-27

101浏览

0评论

微信小程序修改swiper默认指示器样式的实例代码

修改官方swiper样式从微信官方微信开发文档中心复制swiper 代码块。wxml定义<view class="wrap"> <swiper class="swipers" autoplay="{{autoplay}}" current="{{currentSwi...

2020-05-27

69浏览

0评论

Vue无限滑动周选择日期的组件的示例代码

之前在做一个手机端项目的时候，需要一个左右滑动（按周滑动）选择日期插件，而且当时这个项目没有用到Vue。当时又没有找到合适的第三方插件，就花了点时间用原生JavaScript写了出来，...

2020-05-27

133浏览

0评论

详解easyui基于 layui.laydate日期扩展组件

本人后端开发码农一个，公司前端忙的一逼，项目使用的是easyui组件，其自带的datebox组件使用起来非常不爽，主要表现在1、自定义显示格式很麻烦2、选择年份和月份用户体验也不好网...

2020-05-27

59浏览

0评论

微信小程序scroll-x失效的完美解决方法

失效的scroll-x在微信小程序的文档中，使用scroll-view标签，然后给它设置一个scroll-x就可以实现元素，横向排列，可以左右滑动。。。。然而，在实际开发中，发现并不是这么简单。。。...

2020-05-27

47浏览

0评论

JavaScript实现正则去除a标签并保留内容的方法【测试可用】

本文实例讲述了JavaScript实现正则去除a标签并保留内容的方法。分享给大家供大家参考，具体如下：一、问题：有如下HTML代码，要求用正则去除a标签，只留下内容 //www.freexyz.cn
复制代...

2020-05-27

67浏览

0评论

Angularjs实现多图片上传预览功能

最近要实现一个多图片上传的预览功能，网上有很多例子大多不太完整，我就把他们的整合了下并且加了一些功能和界面，我们只需要调用一条指令就可以实现，但传给后台还需要额外的代码...

2020-05-27

132浏览

0评论

JavaScript实现的反序列化json字符串操作示例

本文实例讲述了JavaScript实现的反序列化json字符串操作。分享给大家供大家参考，具体如下：JavaScript中如何反序列化json字符串呢?有如下两种方法:(1) 使用万能的evalvar...

2020-05-27

42浏览

0评论

微信小程序日期选择器实例代码

/* JS代码部分 */ 3 const date = new Date()const years = []const months = []const days = []const hours = []const minutes = []var thisMon = date.getMonth();var th...

2020-05-27

69浏览

0评论

微信小程序项目实践之验证码倒计时功能

效果如下：点击发送验证码按钮，按钮背景变色，不可点击，显示倒计时文字　　首先js文件的data里面声明一个变量用于表示当前是否可以点击，codeIsCanClick = true, 默认是可以点击...

2020-05-27

61浏览

0评论

详解性能更优越的小程序图片懒加载方式

意义懒加载或者可以说是延迟加载，针对非首屏或者用户"看不到"的地方延迟加载，有利于页面首屏加载速度快、节约了流量,用户体验好实现方式传统H5的懒加载方式都是通过监听页面...

2020-05-27

61浏览

0评论

微信小程序项目实践之主页tab选项实现

官方文档效果图：实现底部Tab选项，只需要在项目根目录下的app.json下修改如图：先介绍一下app.json文件默认有两个代码块：
1、pages
这里注册了当前小程序的所有页面路径
2、wind...

2020-05-27

59浏览

0评论

微信小程序实践之动态控制组件的显示/隐藏功能

组件有个属性：hidden='' ,值为true/false ，当false的时候说明不隐藏，当true的时候说明隐藏，注意该隐藏是不保留组件位置的。实现即 .js 配合.wxml 文件一、在.js 文件下的 Page(...

2020-05-27

64浏览

0评论

小程序自定义组件实现城市选择功能

上篇文章有介绍一些小程序的自定义组件语法，这篇文章就不多做赘述，重点介绍组件的实现逻辑。先把效果图贴出来，看看要实现的效果：城市选择效果图.gif首先还是设置布局，从实现效果...

2020-05-27

54浏览

0评论

vue代理和跨域问题的解决

一、安装vue-resource插件cnpm install vue-resource --save在根目录下的package.json检查一下插件的版本在rourer-index.js下引入文件import Resource from 'vue-resource'...

2020-05-27

59浏览

0评论

微信小程序实现天气预报功能

本文实例为大家分享了微信小程序实现天气预报功能的具体代码，供大家参考，具体内容如下这个案例是仿UC中天气界面做的中间也有点出入，预留了显示当前城市名字和刷新图标的位置，自...

2020-05-27

71浏览

0评论

详解Angularjs 自定义指令中的数据绑定

有关自定义指令的scope参数，网上很多文章都在讲这3种绑定方式实现的效果是什么，但几乎没有人讲到底怎么使用，本篇希望聊聊到底怎么用这个话题。一. 自定义指令
自定义指令，是...

2020-05-27

84浏览

0评论

微信小程序实现折叠展开效果

本文实例为大家分享了微信小程序实现折叠展开效果的具体代码，供大家参考，具体内容如下wxml：<view class="page"><view class="li" bindtap='changeToggle'><view...

2020-05-27

44浏览

0评论

React组件重构之嵌套+继承及高阶组件详解

前言在最近做的一个react项目中，遇到了一个比较典型的需要重构的场景：提取两个组件中共同的部分。
最开始通过使用嵌套组件和继承的方式完成了这次重构。
但是后来又用高阶组...

2020-05-27

36浏览

0评论

微信小程序实现之手势锁功能实例代码

设计思路流程图1、全局常量constructor(page,opts){ // 初始化全局常量数据 this.page = page; this.width = opts.width || 300; this.height = opts.height || 300;...

2020-05-27

44浏览

0评论

微信小程序实现弹出菜单

本文实例为大家分享了微信小程序实现弹出菜单的具体代码，供大家参考，具体内容如下菜单
代码:
1.index.js//index.js//获取应用实例var app = getApp()Page({ data: { isPoppi...

2020-05-27

54浏览

0评论

Angular5集成eventbus的示例代码

1.package.json中"dependencies": { ... "vertx3-eventbus-client": "3.5.2", },然后 npm install，或者：npm install vertx3-eventbus-client@3.5.22.angular-cli.json中...

2020-05-27

40浏览

0评论

微信小程序实现自定义加载图标功能

效果图实现思路1.首先通过HTML+CSS实现加载动画的静态效果；
2.根据需求给每个动画设计不同的动画效果。例如第一个加载图标的静态绘制1、首先确定动画的盒子宽高；
2、设置盒...

2020-05-27

37浏览

0评论

微信小程序实现分享到朋友圈功能

截止到2017年11月18号，微信小程序官方还尚未开放直接分享到朋友圈的能力，但是劳动人民的智慧是伟大的，现在普遍的做法是，生成一张带有小程序码的图片，保存到用户相册，用户自行发布...

2020-05-27

35浏览

0评论

详解vue2.0+axios+mock+axios-mock+adapter实现登陆

做项目过程中，需要用到后台模拟数据，在机缘巧合下发现了mock，在学习使用的过程中又偶遇了axios-mock-adapter。现在将实例展示如下：1、准备实例是建立在vue-cli的基础上实现
需...

2020-05-27

51浏览

0评论

解决vue-cli3 使用子目录部署问题

在使用 vue-cli3 build的时候，使用非子目录需要在 vue.config.js 中添加如下代码：module.exports = { baseUrl: process.env.NODE_ENV === 'production' ? '/dist/' : '/'...

2020-05-27

55浏览

0评论

浅谈Vue初学之props的驼峰命名

在vue的中文官网有这样的说明：HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 pro...

2020-05-27

61浏览

0评论

微信小程序自定义对话框弹出和隐藏动画

本文实例为大家分享了微信小程序自定义对话框弹出和隐藏动画的具体代码，供大家参考，具体内容如下index.js//index.jsvar app = getApp(); let animationShowHeight = 300; Pag...

2020-05-27

41浏览

0评论

JavaScript去掉数组重复项的方法分析【测试可用】

本文实例分析了JavaScript去掉数组重复项的方法。分享给大家供大家参考，具体如下：利用JavaScript的object的特性，我们可以非常容易的实现将一个数组的重复项去掉。object的特性...

2020-05-27

45浏览

0评论

如何理解Vue的v-model指令的使用方法

本文主要讲解v-model指令，主要包括HTML元素的v-model和组件上的v-model两种，用四个简单的案例介绍v-model的使用。案例一：HTML元素的v-model -输入框(text)<!DOCTYPE html> <h...

2020-05-27

53浏览

0评论

vue用递归组件写树形控件的实例代码

最近在vue项目中遇到需要用树形控件的部分，比如导航目录是不确定的，所以必须要用树形结构，不管导航目录有几级，都可以自动显示出来，我一开始觉得element-ui有树形控件，不需要自己...

2020-05-27

58浏览

0评论

微信小程序表单弹窗实例

开发中有时候会碰到需要一个表单弹窗来处理数据的提交处理，然后这次发布的这套源码就是解决这个问题！WXML代码如何： <view class="btn" bindtap="powerDrawer" da...

2020-05-27

67浏览

0评论

vue+express 构建后台管理系统的示例代码

一个vue+express 构建的后台管理系统说明：vue+express 构建的后台管理系统,包括登录、注册、表格的增删改查github 在线搭建vue项目：1.安装vue-cli脚手架npm install -g vue-c...

2020-05-27

53浏览

0评论

js中split()方法得到的数组长度问题

定义和用法
split() 方法用于把一个字符串分割成字符串数组。
语法
stringObject.split(separator,howmany) 参数描述 separator 必需...

2020-05-27

热门文章