119浏览

0评论

iview的table组件自带的过滤器实现

iview的table组件自带的过滤器实现
iview框架的table组件自带的过滤器的使用方法：<script> export default { data () { return { columns: [ { ti...

• 2020-05-27

79浏览

0评论

小程序实现搜索框功能

本文实例为大家分享了小程序实现搜索框功能的具体代码，供大家参考，具体内容如下实现效果图：xxx.wxml <!--搜索框 --><view class="weui-search-bar"> <view class="weui-search...

• 2020-05-27

84浏览

0评论

小程序实现悬浮搜索框

本文实例为大家分享了小程序实现悬浮搜索框的具体代码，供大家参考，具体内容如下悬浮搜索框是当数据界面不断滚动时，搜索框始终悬浮在最上方。来看一下效果图UI代码 <view class...

• 2020-05-27

163浏览

0评论

微信小程序基于Taro的分享图片功能实践详解

前言
在各种小程序(微信、百度、支付宝)、H5、NativeApp 纷纷扰扰的当下，给大家强烈安利一款基于React的多终端开发利器：京东Taro（泰罗·奥特曼），Taro致力于多终端统一解决方案，一...

• 2020-05-27

135浏览

0评论

vue实现图片预览组件封装与使用

这是移动端使用vue框架与mint-ui实现的父用子之间的通信实现的图片预览的功能，在父组件中每一张图片都可以实现图片放大查看。子组件<!--html部分--><template> <div id="img...

• 2020-05-27

87浏览

0评论

vue iview多张图片大图预览、缩放翻转

本文实例为大家分享了vue iview多张图片大图预览，可缩放翻转，供大家参考，具体内容如下先看效果：完整项目代码地址具体代码如下：<style lang="less">@import "../advanced-router....

• 2020-05-27

108浏览

0评论

微信小程序图片左右摆动效果详解

先看效果，实现一个图片左右摇动，在一般的H5宣传页，商家活动页面我们会看到这样的动画，小程序的动画效果不同于css3动画效果，是通过js来完成的，其实步骤很简单，首先创建动画实例，再调...

• 2020-05-27

101浏览

0评论

微信小程序Echarts覆盖正常组件问题解决

最近公司的项目中需要在小程序内使用echarts组件来展示数据，同时因为使用了自定义导航栏以及蒙版层，导致Echarts图形覆盖于所有组件的上方，不符合设计要求。 尝试解决的...

• 2020-05-27

137浏览

0评论

微信小程序wx.navigateTo中events属性实现页面间通信传值，数据同步

小程序wx.navigateTo路由方法中新增加了events属性，可以用于监听被打开页面发送到当前页面的数据。基础库 2.7.3 开始支持。相关文档链接：https://developers.weixin.qq.com/m...

• 2020-05-27

173浏览

0评论

改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件

前言最近我们已经见识了WebAssembly如何快速编译、加速JS库以及生成更小的二进制格式。我们甚至为Rust和JavaScript社区以及其他Web编程语言之间的更好的互操作性制定了高级...

• 2020-05-27

78浏览

0评论

详解vuex的简单todolist例子

一个简单的vuex应用的小例子，一段自己的学习记录。
todolist就是一个简单的输入框，一个按钮，一个文本显示区域，可以逐条进行删除。1.在用vue-cli生成好的HelloWorld.vue文件中直...

• 2020-05-27

107浏览

0评论

如何给element添加一个抽屉组件的方法步骤

近来因为业务需要，对比iview和element库，发现element确实要比实习期间使用的iview强大点，尤其文档更为友好，但是iview的组件功能更多一点，比如分割线和抽屉组件今天特意手写一个...

• 2020-05-27

110浏览

0评论

微信小程序如何使用canvas二维码保存至手机相册

前言在使用canvas绘制海报的过程中不建议使用原生来进行画图，因为默认是不支持rpx像素的，px不会做到自适应。
推荐使用插件 Painter
github地址
github.com/Kujiale-Mob （本地...

• 2020-05-27

113浏览

0评论

vue draggable resizable 实现可拖拽缩放的组件功能

虽然之前适配过旧版组件，但是因为2.0版本原作者对代码进行了重构，原来修改的代码照搬是不可能的了。所以也就一直没有将 冲突检测 以及 吸附对齐 功能适配到2.0版本，最近正好有...

• 2020-05-27

116浏览

0评论

微信小程序全局变量改变监听的实现方法

问题来源
最近工作需要写小程序页面，其中有个页面情况为：父页面中包含了一个组件页面，组件页面中又包含了另外一个组件页面。需求为：点击最后一个组件页面中的一个view，需要显示...

• 2020-05-27

92浏览

0评论

vue中filters 传入两个参数 / 使用两个filters的实现方法

先给大家介绍下vue中filters 传入两个参数 / 使用两个filters.vue传入两个参数 <van-col>{{第一个参数|formatVisitTime(第二个参数)}}</van-col>使用两个filters<van-tag p...

• 2020-05-27

87浏览

0评论

微信小程序在其他页面监听globalData中值的变化

前言
这几天去面试，多次碰到同一个知识点。而且有一次面试挺有趣的，是关于小程序的。共有3个问题。1、小程序中Page.watch()方法是做什么用的？
2、小程序中如何在其他页面中监...

• 2020-05-27

98浏览

0评论

使用vue-router在Vue页面之间传递数据的方法

前言
几周前，我写了关于 Vue 路由的使用和在 Vue 页面导航的文章。这是在应用程序中探索的一个基本例子。通常，在将导航构建到应用程序中时，您会发现需要将数据从一个页面传递...

• 2020-05-27

109浏览

0评论

微信小程序基础教程之worker线程的使用方法

前言
我们知道js是单线程的，在有时候需要处理一些密集计算或者是高延迟的时候，总会出现不便。而且，现在的cpu都是多核的，单线程也无法充分发挥电脑的计算能力。正是基于这种情况...

• 2020-05-27

87浏览

0评论

微信小程序中如何计算距离某个节日还有多少天

先看一下页面效果：页面是这样的：好了，正文如下
最近碰到个需求需要计算，距离圣诞、元旦、高考、国庆啊等最近一个节日，还剩多少天。
因为后台没空理我，所以本文讲解在js中如何解决...

• 2020-05-27

121浏览

0评论

微信小程序开发技巧汇总

1.全局变量的使用
每个小程序都需要在 app.js 中调用 App 方法注册小程序示例，绑定生命周期回调函数、错误监听和页面不存在监听函数等。
详细的参数含义和使用请参考 App 参...

• 2020-05-27

92浏览

0评论

基于Taro的微信小程序模板消息-获取formId功能模块封装实践

前言
在微信小程序中，小程序提供了一种能力-模板消息，官方文档是这样描述的：“基于微信的通知渠道，我们为开发者提供了可以高效触达用户的模板消息能力，以便实现服务的闭环并提供...

• 2020-05-27

126浏览

0评论

js使用文件流下载csv文件的实现方法

理解Blob对象在Blob对象出现之前，在javascript中一直没有比较好的方式处理二进制文件，自从有了Blob了，我们就可以使用它操作二进制数据了。现在我们开始来理解下Bolb对象及它的...

• 2020-05-27

111浏览

0评论

js canvas实现5张图片合成一张图片

本文具体要实现的效果类似下面这张图片，主题流程大概是，页面上有类似这样布局的结构，点击中间那个紫色的按钮就会生成一张这样的图片，并且能够让用户下载图片的1、首先我们布局...

• 2020-05-27

102浏览

0评论

node.js实现上传文件功能

本文实例为大家分享了node.js上传文件的具体代码，供大家参考，具体内容如下
最近刚开始弄nond，写得不好见谅，有什么错误请指出：首先安装node,安装步骤这里以上传图片为例：1、在该文...

• 2020-05-27

115浏览

0评论

javascript中的this作用域详解

Javascript中this的指向一直是困扰我很久的问题，在使用中出错的机率也非常大。在面向对象语言中，它代表了当前对象的一个引用，而在js中却经常让我觉得混乱，它不是固定不变的，而是...

• 2020-05-27

168浏览

0评论

微信小程序实现下拉框功能

微信小程序里没有和HTML里的下拉框一样的组件，想要相同的效果只能自己写一个，先看效果下面来看一下代码：首先WXML<view class='select_box'> <view class='select' catchtap='s...

• 2020-05-27

83浏览

0评论

JAVA面试题 static关键字详解

问题面试官Q1：请说说static关键字，你在项目中是怎么使用的？static 关键字可以用来修饰：属性、方法、内部类、代码块；static 修饰的资源属于类级别，是全体对象实例共享的资源；使用 s...

• 2020-05-27

116浏览

0评论

如何在项目中使用log4.js的方法步骤

pm2中自带的日志内容是不能满足日常的需求的，因此需要在项目中加上日志管理，这里研究了下log4的使用方法，效果挺好的，想要查看的都可以找到，记录下简单的使用步骤
log4的配合
//...

• 2020-05-27

141浏览

0评论

详解微信小程序支付流程与梳理

花了几天把小程序的支付模块接口写了一下，可能有着公众号开发的一点经验，没有入太多的坑，在此我想记录一下整个流程。首先先把小程序微信支付的图搬过来：
相信会来查百度的同学...

• 2020-05-27

130浏览

0评论

使用Phantomjs和Node完成网页的截屏快照的方法

由于甲方爸爸的需要,最近使用phantomjs和Node写了一个对网页内容截屏的功能，为了避免忘记,现在将代码内容及配置流程大概描述一下.1.首先Node是必须安装的,而且网上安装教程...

• 2020-05-27

218浏览

0评论

JS实现的排列组合算法示例

本文实例讲述了JS实现的排列组合算法。分享给大家供大家参考，具体如下：在数学中有排列组合，用来计算概率。比如：从4个数字中，任意选择两个的情况。从5个数字中任意选择3个数字的...

• 2020-05-27

158浏览

0评论

JQuery实现简单的复选框树形结构图示例【附源码下载】

本文实例讲述了JQuery实现简单的复选框树形结构图。分享给大家供大家参考，具体如下：这是自己写的简单树形结构图，实现的功能有：1.最左边的按钮实现子目录的隐藏和显示2.点击父节...

• 2020-05-27

91浏览

0评论

微信小程序实现张图片合成为一张并下载

本文实例为大家分享了微信小程序实现张图片合成为一张并下载的具体代码，供大家参考，具体内容如下微信小程序海报Page({ /** * 页面的初始数据 */ data: { imgUrl: "项目中图片...

• 2020-05-27

123浏览

0评论

微信小程序 Storage更新详解

前言
1、近期项目开发中接触到微信小程序，其中有部分业务需要用到数据本地存储，而微信的官方文档中并没用提供直接更新Storage的API。
2、通过wx.setStorage(Object object)可...

• 2020-05-27

97浏览

0评论

JavaScript解析JSON数据示例

本文实例讲述了JavaScript解析JSON数据。分享给大家供大家参考，具体如下：JSON数据是一种常用的数据格式，解析方式也比较简单，特别是由于JavaScript原生就支持JSON，所以JavaScript...

• 2020-05-27

89浏览

0评论

jquery实现垂直无限轮播的方法分析

本文实例讲述了jquery实现垂直无限轮播的方法。分享给大家供大家参考，具体如下：javascript垂直轮播，依赖于jquery实现的，并且首尾无缝衔接。原理很简单，就不讲述了，直接贴源码。1....

• 2020-05-27

150浏览

0评论

微信小程序-API接口安全详解

一.接口安全的必要性
最近我们公司的小程序要上线了，但是小程序端是外包负责的，我们负责提供后端接口。这就可能会造成接口安全问题。一些别有用心的人可以通过抓包或者其他方...

• 2020-05-27

105浏览

0评论

js+HTML5 canvas 实现简单的加载条(进度条)功能示例

本文实例讲述了js+HTML5 canvas 实现简单的加载条(进度条)功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8">...

• 2020-05-27

143浏览

0评论

JS实现返回上一页并刷新页面的方法分析

本文实例讲述了JS实现返回上一页并刷新页面的方法。分享给大家供大家参考，具体如下：正常情况下我们通过 history.back() 或者 history.go(-1) 返回上一级页面的时候，是不会刷新...

• 2020-05-27

106浏览

0评论

微信小程序自定义弹窗滚动与页面滚动冲突的解决方法

本文为大家分享了微信小程序自定义弹窗滚动与页面滚动冲突的解决方法，供大家参考，具体内容如下先看效果是否是自己需要的实现步骤：1.整个布局用作为根节点包裹所有view，并动态绑...

• 2020-05-27

117浏览

0评论

百度小程序自定义通用toast组件

需求
手百小程序的toast仅支持在页中展示，不能自定义位置、字体大小、在单个文本中增加icon等需求；因此自定义一个全局可通用的Toast。效果预览


如何使用
代码目录位于 /wid...

• 2020-05-27

101浏览

0评论

Vue项目实现简单的权限控制管理功能

在Vue项目中实现权限控制管理对于一般稍大一些的后台管理系统，往往有很多个人员需要使用，而不同的人员也对应了不同的权限系统，后端的权限校验保障了系统的安全性，而前端的权限...

• 2020-05-27

129浏览

0评论

Vue发布项目实例讲解

项目完成之后，当然不能满足于在我们的开发环境下跑一跑。我们可以打包发布到服务器上，让大家一起来欣赏一下你的作品。那么 vue 项目如何打包发布呢，新建的项目目录下通常都有...

• 2020-05-27

116浏览

0评论

深入了解Hybrid App技术的相关知识

背景
随着Web技术的发展和移动互联网的发展，Hybrid技术已经成为一种前端开发的主流技术方案。那什么是Hybrid App呢？Hybrid App（混合模式移动应用）是指介于web-app、native-app...

• 2020-05-27

111浏览

0评论

js getBoundingClientRect使用方法详解

主要介绍getBoundingClientRect的基本属性，以及具体的使用场景和一些需要注意的问题。getBoundingClientRect
Element.getBoundingClientRect()含义：
方法返回元素的大小及其...

• 2020-05-27

92浏览

0评论

基于webpack4+vue-cli3项目实现换肤功能

起因最近因公司需求，需要实现主题换肤功能，不仅仅是颜色的更改，还需要包括图片，字体等文件等更换，因此在百度里各种实现方案后，决定根据scss+style-loader/useable做换肤。项目开...

• 2020-05-27

112浏览

0评论

移动端吸顶fixbar的解决方案详解

需求背景
经常会有这样的需求，当页面滚动到某一个位置时，需要某个页面元素固定在屏幕顶部，并且有时需要连续滚动吸顶。在PC端主要的实现是通过 CSS 的 position: fixed 属性，但...

• 2020-05-27

117浏览

0评论

初试vue-cli使用HBuilderx打包app的坑

微信授权登录提示code-2
appid和appsecret应该是移动应用，而非网页应用微信授权登录提示code:-100/自定义基座无法微信登录和分享
开发者账号配置的应用签名应该是md5加密后...

• 2020-05-27

99浏览

0评论

Vue 前端实现登陆拦截及axios 拦截器的使用

该项目是利用了Github 提供的personal token作为登录token，通过token访问你的Repository List。通过这个项目学习如何实现一个前端项目中所需要的 登录及拦截、登出、token失...

• 2020-05-27