178浏览

0评论

js将URL网址转为16进制加密与解密函数

十六进制（Hexadecimal）是计算机中数据的一种表示方法。同日常生活中的表示法不一样，它由0-9，A-F组成，字母不区分大小写。与10进制的对应关系是：0-9对应0-9；A-F对应10-15；N进制的数可...

• 2020-05-27

179浏览

0评论

javascript将16进制的字符串转换为10进制整数hex

16进制的字符串 转换为整数function hex2int(hex) { var len = hex.length, a = new Array(len), code; for (var i = 0; i < len; i++) { code = hex.charCod...

• 2020-05-27

96浏览

0评论

微信小程序利用for循环解决内容变更问题

问题描述学习小程序的小伙伴可能会有这样的问题：微信小程序的页面内容要发生改变，在小程序中如何快速的来创造一个格式相同，但仅仅改变内容且易于改变的页面呢？接下来就来解决这...

微信
• 2020-05-27

94浏览

0评论

koa2的中间件功能及应用示例

最近因为开发一个自己的博客网站，学习了koa2的搭建，写了一些自己认为比较重要或需要知道的koa2中间件作用和使用场景。koa-router
路由中间件下载
npm i koa-router 使用
普...

• 2020-05-27

399浏览

0评论

vue中使用vue-print.js实现多页打印

本文主要介绍了vue项目中使用print.js打印，解决多页，分页，打印预览样式修改等问题。引入安装vue-print.js
cnpm i vue-printjs --save-dev解决打印多页只出现一页问题
由于打印...

• 2020-05-27

153浏览

0评论

element-ui树形控件后台返回的数据+生成组织树的工具类

开发项目的时候遇到需要在表单中选择参会人员，根据不同部门下选择不同的人，在element-ui中有树形控件能满足这种情况，后台封装数据记录一下。 封装格式： 返回数据格式...

• 2020-05-27

169浏览

0评论

Element的el-tree控件后台数据结构的生成以及方法的抽取

最近用到了el-tree控件，主要是数据的格式，按照官网的数据格式来就可以显示节点的树形结构了。
代码参考很多...

• 2020-05-27

101浏览

0评论

js的Object.assign用法示例分析

本文实例讲述了js的Object.assign用法。分享给大家供大家参考，具体如下：作用Object.assign() 用于将所有可枚举的自有属性的值从一个或多个源对象复制到目标对象。它将返回目...

• 2020-05-27

74浏览

0评论

javascript中可能用得到的全部的排序算法

导读排序算法可以称得上是我的盲点, 曾几何时当我知道Chrome的Array.prototype.sort使用了快速排序时, 我的内心是奔溃的(啥是快排, 我只知道冒泡啊&#63;!), 要知道学习一门...

• 2020-05-27

181浏览

0评论

Vue状态模式实现窗口停靠功能(灵动、自由, 管理后台Admin界面)

昨天做的tabs窗口，非常满意，今天乘胜追击，把它做成了可以根据自身大小改变显示样式，自身宽度过小时，tab页可以浮动停靠其一侧。具体效果：左侧 右侧 向来喜欢简单明了的东西，所以想...

• 2020-05-27

281浏览

0评论

Vue基于iview实现登录密码的显示与隐藏功能

iview简介iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。1.背景近期，在使用abp开发项目过程中，前端vue输入登录密码时默认隐藏，但是如果用户输错...

• 2020-05-27

232浏览

0评论

Vue Router 实现动态路由和常见问题及解决方法

个人理解：动态路由不同于常见的静态路由，可以根据不同的「因素」而改变站点路由列表。常见的动态路由大都是用来实现：多用户权限系统不同用户展示不同导航菜单。如何利用Vue Ro...

• 2020-05-27

134浏览

0评论

vue 使用 canvas 实现手写电子签名

功能 兼容 PC 和 Mobile； 画布自适应屏幕大小变化（窗口缩放、屏幕旋转时画布无需重置，自动校正坐标偏移）； 自定义画布尺寸（导出图尺寸），画笔粗细、颜色，画布背景色； 支持裁剪 （针对...

• 2020-05-27

84浏览

0评论

JavaScript canvas基于数组生成柱状图代码实例

HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。canva...

• 2020-05-27

76浏览

0评论

extjs4图表绘制之折线图实现方法分析

本文实例讲述了extjs4图表绘制之折线图实现方法。分享给大家供大家参考，具体如下：本篇文章将介绍extjs中自带的图表在本次案例中，提供一下功能：1.从后端请求数据并运用到图表中，...

• 2020-05-27

166浏览

0评论

JS实现网页端猜数字小游戏

本文实例为大家分享了JS实现网页端猜数字游戏的具体代码，供大家参考，具体内容如下题目描述电脑产生一个0到100之间的随机数字，并且要求用户来猜，如果用户猜的数字比这个数字大，电...

• 2020-05-27

73浏览

0评论

JavaScript中的this/call/apply/bind的使用及区别

一、this
1.什么是this
this 关键字在大部分语言中都是一个重要的存在，JS中自然不例外，其表达的意义丰富多样甚至有些复杂，深刻理解this是学习JS、面向对象编程非常重要的一环...

• 2020-05-27

55浏览

0评论

Node.js中文件系统fs模块的使用及常用接口

fs是filesystem的缩写，该模块提供本地文件的读写能力，基本上是POSIX文件操作命令的简单包装。但是，这个模块几乎对所有操作提供异步和同步两种操作方式，供开发者选择。JavaScrip...

• 2020-05-27

123浏览

0评论

extjs图表绘制之条形图实现方法分析

本文实例讲述了extjs图表绘制之条形图实现方法。分享给大家供大家参考，具体如下：这篇文章将介绍extjs图表中条形图。将实现以下的功能：1.从后端请求数据并运用到图表中，形成动态...

• 2020-05-27

147浏览

0评论

extjs图形绘制之饼图实现方法分析

本文实例讲述了extjs图形绘制之饼图实现方法。分享给大家供大家参考，具体如下：这篇文章将介绍extjs中自带的饼图。代码如下：Ext.define('ChartPieTest', { extend: 'Ext.panel...

• 2020-05-27

83浏览

0评论

vue 动态组件用法示例小结

本文实例讲述了vue 动态组件用法。分享给大家供大家参考，具体如下：通过使用保留的 <component> 元素，动态地绑定到它的 is 特性，我们让多个组件可以使用同一个挂载点，并动态切换...

• 2020-05-27

246浏览

0评论

vue2路由基本用法实例分析

本文实例讲述了vue2路由基本用法。分享给大家供大家参考，具体如下：Vue-router 是给Vue.js 提供路由管理的插件，利用hash 的变化控制动态组件的切换。以往页面间跳转都由后端MVC...

• 2020-05-27

86浏览

0评论

vue2路由方式--嵌套路由实现方法分析

本文实例讲述了vue2嵌套路由实现方法。分享给大家供大家参考，具体如下：前面讲过了vue2路由基本用法，一般应用中的路由方式不会像上述例子那么简单，往往会出现二级导航这种情况。...

• 2020-05-27

143浏览

0评论

JavaScript前端实现压缩图片功能

为什么要前端来压缩图片最近在做一个移动端h5上传图片的功能，本来这个功能并不复杂，只需要将图片文件通过axios传到服务端即可，但是考虑到现在手机设配的拍照功能十分强大，随便...

• 2020-05-27

157浏览

0评论

vue-router 路由传参用法实例分析

本文实例讲述了vue-router 路由传参用法。分享给大家供大家参考，具体如下：在设置路由规则时，我们可以给路径名设置一个别名，方便进行路由跳转，而不需要去记住过长的全路径。例如：<...

• 2020-05-27

110浏览

0评论

vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】

本文实例讲述了vue 使用插槽分发内容操作。分享给大家供大家参考，具体如下：单个插槽除非子组件模板包含至少一个 <slot> 插口，否则父组件的内容将会被丢弃。当子组件模板只有一...

• 2020-05-27

322浏览

0评论

微信小程序去除左上角返回键的实现方法

碰到这个问题，是因为没了解这里面的层级关系：默认的是navigator跳转，其它跳转方式open-type属性可选值是'navigate'、'redirect'、'switchTab'等官网上这么写的：对应于wx.naviga...

微信
• 2020-05-27

184浏览

0评论

js实现点赞按钮功能的实例代码

js实现点赞按钮功能，包括只能点赞一次，超过一次时提示文字（3秒后消失），点击时次数加一（给后端传值在这里解决）。
没有按钮加图片，只用了改变颜色来表示
首先明确html页面代码 <span...

• 2020-05-27

226浏览

0评论

小程序跳转H5页面的方法步骤

小程序是一种不用下载就能使用的应用，也是一项门槛非常高的创新，经过将近两年的发展，已经构造了新的小程序开发环境和开发者生态。小程序也是这么多年来中国IT行业里一个真正能...

• 2020-05-27

132浏览

0评论

小程序跳转到的H5页面再跳转回跳小程序的方法

哈喽，大家上午好，萍子又来啦，本人最近一段时间一直在做小程序的项目，大大小小的坑真的是踩了不小，无奈本人啊还老是忘记自己究竟踩过那些坑，但是不得不说虽然小程序尚还有很多不完...

• 2020-05-27

125浏览

0评论

node创建Vue项目步骤详解

vue的安装Vue.js不支持IE8及以下版本。因为Vue.js使用了ECMAScript5特性，IE8显然不能模拟。
Vue.js支持所有兼容ECMAScript5的浏览器。在用Vue.js构建大型应用时，推荐使用npm...

• 2020-05-27

84浏览

0评论

JavaScript实现栈结构Stack过程详解

JavaScript实现栈结构（Stack）一、前言1.1.什么是数据结构？数据结构就是在计算机中，存储和组织数据的方式。例如：图书管理，怎样摆放图书才能既能放很多书，也方便取？主要需要考虑两个...

• 2020-05-27

108浏览

0评论

Vue中使用better-scroll实现轮播图组件

better-scroll 是什么
better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll...

• 2020-05-27

98浏览

0评论

微信小程序实现比较功能的方法汇总(五种方法)

首先在index.wxml页面写一个测试页面如图：代码如下接下来就是比较功能的实现第一种方法首先在两个input组件中用bindchange方法绑定事件处理函数，在button组件中用bindtap绑定...

微信
• 2020-05-27

866浏览

0评论

Vue实现手机扫描二维码预览页面效果

本文实例为大家分享了Vue实现手机扫描二维码预览页面的具体代码，供大家参考，具体内容如下背景：vue-cli3 + ant-design-vue 搭建的后台管理系统
需求：实现扫描二维码即可在手机预...

• 2020-05-27

80浏览

0评论

详解钉钉小程序组件之自定义模态框（弹窗封装实现）

背景开发钉钉小程序中需要用到模态框 文档里也没有 自己搞一个…
效果大概长这个样点击指定按钮，弹出模态框，里面的内容可以自定义，可以是简单的文字提示，也可以输入框等复杂布...

• 2020-05-27

183浏览

0评论

vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)

1.首先在index.html引入高德地图的秘钥。如图：注意：如果使用关键字搜索功能要加上 plugin=AMap.Autocomplete,AMap.PlaceSearch，否则功能无法使用，并会报错
2. 定位功能，代码如下...

• 2020-05-27

44浏览

0评论

vue实现全屏滚动效果（非fullpage.js）

本文实例为大家分享了vue实现全屏滚动效果（的具体代码，供大家参考，具体内容如下
是什么
网页的一个页面占据一屏的宽高，多个页面上下或者左右拼接在一起。当滑动鼠标滚轮，或点击...

• 2020-05-27

63浏览

0评论

vue全屏事件开发详解

本文实例为大家分享了vue全屏事件开发的具体代码，供大家参考，具体内容如下在项目中有需求相应浏览器全屏，写了个案例代码先看看效果吧全屏显示：html代码：<!-- el-tooltip 文字提...

• 2020-05-27

74浏览

0评论

vue-cli点击实现全屏功能

本文实例为大家分享了vue-cli点击实现全屏功能的具体代码，供大家参考，具体内容如下项目中有点击按钮实现全屏功能方式一：js实现全屏代码如下：<template> <div> <a-button type=...

• 2020-05-27

91浏览

0评论

浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用

vue父子组件之间的传值我们都知道使用props和emit，但是祖孙之间的传值在以前，我们都需要子辈作为中间人，当祖辈有值要传递给孙辈时，需要子辈作为中间人把值传递给孙辈，当孙辈想要...

• 2020-05-27

74浏览

0评论

Vue vm.$attrs使用场景详解

1、vm.$attrs简介
首先我们来看下vue官方对vm.$attrs的介绍：
包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 pro...

• 2020-05-27

81浏览

0评论

Vue2.4+新增属性.sync、$attrs、$listeners的具体使用

sync
在vue2.4以前，父组件向子组件传值用props；子组件不能直接更改父组件传入的值，需要通过$emit触发自定义事件，通知父组件改变后的值。比较繁琐，写法如下：//父组件<template> <d...

• 2020-05-27

65浏览

0评论

JS中的const命令你真懂它吗

const 定义
const声明一个只读的常量 。一旦声明， 常量的值就不能改变。
常量 所谓的常量就是不能改变的值const PI = 3.1415;PI // 3.1415PI = 3;// TypeError: Assignment...

• 2020-05-27

106浏览

0评论

Node.js+Vue脚手架环境搭建的方法步骤

Node.js的下载node下载地址：https://nodejs.org/zh-cn/download/下载后安装即可。新版Node.js自带npm包管理器# 查看node的版本node -v# v12.16.1# 查看npm版本npm -v#6.13.4...

• 2020-05-27

85浏览

0评论

在Vue中实现随hash改变响应菜单高亮

情景Vue+Element 实现管理页面菜单栏，点击菜单时 router 改变 hash 访问不同子组件。但是改变 hash 时菜单栏展开状态和 highlight 并不会同步，需要手动实现。Try Try See第一...

• 2020-05-27

134浏览

0评论

微信小程序 wx.getUserInfo引导用户授权问题实例分析

本文实例讲述了微信小程序 wx.getUserInfo引导用户授权问题。分享给大家供大家参考，具体如下：首先，在page外定义一个函数用户判断是否为空对象var isEmptyObject = function (e...

微信
• 2020-05-27

36浏览

0评论

原生JS实现贪吃蛇小游戏

本文实例为大家分享了JS实现贪吃蛇小游戏的具体代码，供大家参考，具体内容如下思路：在页面上添加一个地图，以提供边界，在地图中随机出现食物，给蛇身设置一个初始长度，用键盘方向键控...

• 2020-05-27

110浏览

0评论

原生js实现瀑布流效果

本文实例为大家分享了js实现瀑布流效果的具体代码，供大家参考，具体内容如下CSS样式：<style> .cont{margin: 0 auto;position: relative;} .box{float: left;padding: 5px;} .im...

• 2020-05-27

503浏览

0评论

基于vue+echarts 数据可视化大屏展示的方法示例

获取 ECharts 的路径有以下几种，请根据您的情况进行选择：1) 最直接的方法是在 ECharts 的官方网站中挑选适合您的版本进行下载，不同的打包下载应用于不同的开发者功能与体积的...

• 2020-05-27