使用Phantomjs和Node完成网页的截屏快照的方法
由于甲方爸爸的需要,最近使用phantomjs和Node写了一个对网页内容截屏的功能，为了避免忘记,现在将代码内容及配置流程大概描述一下.1.首先Node是必须安装的,而且网上安装教程...
2020-05-27
JS实现的排列组合算法示例
本文实例讲述了JS实现的排列组合算法。分享给大家供大家参考，具体如下：在数学中有排列组合，用来计算概率。比如：从4个数字中，任意选择两个的情况。从5个数字中任意选择3个数字的...
2020-05-27
JQuery实现简单的复选框树形结构图示例【附源码下载】
本文实例讲述了JQuery实现简单的复选框树形结构图。分享给大家供大家参考，具体如下：这是自己写的简单树形结构图，实现的功能有：1.最左边的按钮实现子目录的隐藏和显示2.点击父节...
2020-05-27
微信小程序实现张图片合成为一张并下载
本文实例为大家分享了微信小程序实现张图片合成为一张并下载的具体代码，供大家参考，具体内容如下微信小程序海报Page({ /** * 页面的初始数据 */ data: { imgUrl: "项目中图片...
2020-05-27
微信小程序 Storage更新详解
前言
1、近期项目开发中接触到微信小程序，其中有部分业务需要用到数据本地存储，而微信的官方文档中并没用提供直接更新Storage的API。
2、通过wx.setStorage(Object object)可...
2020-05-27
JavaScript解析JSON数据示例
本文实例讲述了JavaScript解析JSON数据。分享给大家供大家参考，具体如下：JSON数据是一种常用的数据格式，解析方式也比较简单，特别是由于JavaScript原生就支持JSON，所以JavaScript...
2020-05-27
jquery实现垂直无限轮播的方法分析
本文实例讲述了jquery实现垂直无限轮播的方法。分享给大家供大家参考，具体如下：javascript垂直轮播，依赖于jquery实现的，并且首尾无缝衔接。原理很简单，就不讲述了，直接贴源码。1....
2020-05-27
微信小程序-API接口安全详解
一.接口安全的必要性
最近我们公司的小程序要上线了，但是小程序端是外包负责的，我们负责提供后端接口。这就可能会造成接口安全问题。一些别有用心的人可以通过抓包或者其他方...
2020-05-27
js+HTML5 canvas 实现简单的加载条(进度条)功能示例
本文实例讲述了js+HTML5 canvas 实现简单的加载条(进度条)功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8">...
2020-05-27
JS实现返回上一页并刷新页面的方法分析
本文实例讲述了JS实现返回上一页并刷新页面的方法。分享给大家供大家参考，具体如下：正常情况下我们通过 history.back() 或者 history.go(-1) 返回上一级页面的时候，是不会刷新...
2020-05-27
微信小程序自定义弹窗滚动与页面滚动冲突的解决方法
本文为大家分享了微信小程序自定义弹窗滚动与页面滚动冲突的解决方法，供大家参考，具体内容如下先看效果是否是自己需要的实现步骤：1.整个布局用作为根节点包裹所有view，并动态绑...
2020-05-27
百度小程序自定义通用toast组件
需求
手百小程序的toast仅支持在页中展示，不能自定义位置、字体大小、在单个文本中增加icon等需求；因此自定义一个全局可通用的Toast。效果预览
如何使用
代码目录位于 /wid...
2020-05-27
Vue项目实现简单的权限控制管理功能
在Vue项目中实现权限控制管理对于一般稍大一些的后台管理系统，往往有很多个人员需要使用，而不同的人员也对应了不同的权限系统，后端的权限校验保障了系统的安全性，而前端的权限...
2020-05-27
Vue发布项目实例讲解
项目完成之后，当然不能满足于在我们的开发环境下跑一跑。我们可以打包发布到服务器上，让大家一起来欣赏一下你的作品。那么 vue 项目如何打包发布呢，新建的项目目录下通常都有...
2020-05-27
深入了解Hybrid App技术的相关知识
背景
随着Web技术的发展和移动互联网的发展，Hybrid技术已经成为一种前端开发的主流技术方案。那什么是Hybrid App呢？Hybrid App（混合模式移动应用）是指介于web-app、native-app...
2020-05-27
js getBoundingClientRect使用方法详解
主要介绍getBoundingClientRect的基本属性，以及具体的使用场景和一些需要注意的问题。getBoundingClientRect
Element.getBoundingClientRect()含义：
方法返回元素的大小及其...
2020-05-27
基于webpack4+vue-cli3项目实现换肤功能
起因最近因公司需求，需要实现主题换肤功能，不仅仅是颜色的更改，还需要包括图片，字体等文件等更换，因此在百度里各种实现方案后，决定根据scss+style-loader/useable做换肤。项目开...
2020-05-27
移动端吸顶fixbar的解决方案详解
需求背景
经常会有这样的需求，当页面滚动到某一个位置时，需要某个页面元素固定在屏幕顶部，并且有时需要连续滚动吸顶。在PC端主要的实现是通过 CSS 的 position: fixed 属性，但...
2020-05-27
初试vue-cli使用HBuilderx打包app的坑
微信授权登录提示code-2
appid和appsecret应该是移动应用，而非网页应用微信授权登录提示code:-100/自定义基座无法微信登录和分享
开发者账号配置的应用签名应该是md5加密后...
2020-05-27
Vue 前端实现登陆拦截及axios 拦截器的使用
该项目是利用了Github 提供的personal token作为登录token，通过token访问你的Repository List。通过这个项目学习如何实现一个前端项目中所需要的 登录及拦截、登出、token失...
2020-05-27
js设置默认时间跨度过程详解
有一个项目，需求是进入首页要显示一个月之内的历史记录，所以从前台传到后台的结束时间为当前日期，开始时间为往前一个月。例如，现在是2018/04/17，则结束时间为2018/04/17，开始时间...
2020-05-27
微信小程序从注册账号到上架（图文详解）
前言
自从微信小程序功能发布后，我就一直关注着小程序的动向，然而限于学业繁忙，总是没有太多的时间去学习。大二逐渐学习了Vuejs，被其简洁的设计所吸引，后来看了看小程序的开发文...
2020-05-27
vue+django实现一对一聊天功能的实例代码
vue+django实现一对一聊天和消息推送的功能。主要是通过websocket，由于Django不支持websocket，所以我使用了django-channels。考虑到存储量的问题，我并没有把聊天信息存入数据...
2020-05-27
微信小程序如何获取群聊的openGid以及名称详解
背景：由于公司可能需要在微信群里面使用打卡功能，因此做了个技术调研。
方案：微信在更新分享接口后，原有的在onShareAppMessage中直接拿shareTicket已不复存在。根据最新文档显...
2020-05-27
百度小程序之间的页面通信过程详解
背景
主要是针对小程序开发中页面之间进行通信的问题，在涉及支付的场景中，用户从页面支付入口进行跳转进行支付之后，回到原来页面，在原来的页面需要进行相应的状态刷新，比如用户...
2020-05-27
vue使用video.js进行视频播放功能
关于video.jsvideo.js是一个拥有h5背景的网络视频播放器，同时支持h5以及Flash视频播放（可加载本地静态资源视频以及网络链接视频）官网：videojs.com/安装npm install video.jsma...
2020-05-27
微信小程序实现拍照画布指定区域生成图片
最近写识别行驶证功能，点击拍照把指定区域截取，生成图片功能。系统相机。该组件是原生组件，使用时请注意相关限制。 扫码二维码功能，需升级微信客户端至6.7.3。微信小程序Camera...
2020-05-27
基于JS实现数字动态变化显示效果附源码
先给大家展示下效果，感觉不错，可以参考实现代码，文末附有源码哦。1.目标以液晶电子表样式，动态变化的在指定元素内显示数字。目标关键词：动态变化（定时器），指定元素（DOM元素ID），数字（num...
2020-05-27
对TypeScript库进行单元测试的方法
原文发布于2017年7月，为保证能正常运行，其中部分命令进行了调整。当时TypeScript版本为2.x，但依旧具有借鉴意义。单元测试能限制你库中Bug的「生长」。随着编写的库越来越大，你...
2020-05-27
vue使用自定义指令实现拖拽
需求背景，工作中需要实现一个自定义打印模板的需求，能够实现单个及多个dom元素的同时拖拽，也能通过外部的input元素修改dom元素的样式。在npm和GitHub上找了各种已有的vue组件，...
2020-05-27
jquery图片预览插件实现方法详解
一、需求说明效果如图：二、代码实现项目结构如图：example.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t...
2020-05-27
使用react context 实现vue插槽slot功能
首先来看下vue的slot的实现<base-layout>组件，具名插槽name定义以及默认插槽<div class="container"> <header> <slot name="header"></slot> </header> <main> <slot></sl...
2020-05-27
jQuery实现图片下载代码
jQuery 实现图片下载代码，供大家参考，具体内容如下function downloadImage(src) { var $a = $("<a></a>").attr("href", src).attr("download", "meitu.png"); $a[0].click();...
2020-05-27
jquery实现下载图片功能
本文实例为大家分享了jquery实现下载图片的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <scr...
2020-05-27
Vue之beforeEach非登录不能访问的实现（代码亲测）
后台的php请求就是接收这两个参数
login.vue<template><div class=''> <input type="text" v-model="name" /> <input type="password" v-model="password" /> <button t...
2020-05-27
nodejs 递归拷贝、读取目录下所有文件和目录
先给大家介绍下nodejs 递归拷贝目录下所有文件和目录，具体代码如下所示：var fs=require('fs');var copy=function(src,dst){ let paths = fs.readdirSync(src); //同步读取当...
2020-05-27
EasyUI 数据表格datagrid列自适应内容宽度的实现
项目初期在加载数据表格的时候为了提高表格数据渲染速度，设置了默认宽度。
现需求需要加一个表格自适应的功能，触发改功能，改变列宽度，但是不重新渲染表格，不发生数据请求。设计...
2020-05-27
微信小程序用户授权、位置授权及获取微信绑定手机号
1.位置授权
位置授权相对简单，可以直接调用方法wx.getLocation()就可以弹出授权框，
在调用前需要在app.json中设置用途说明
Page({"permission": { "scope.userLocation": { "...
2020-05-27
在vue项目中使用sass语法问题
Sass（英文全称：Syntactically Awesome Stylesheets）是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发最初版本之后，Weizenbaum和Chris Eppst...
2020-05-27
小程序分页实践之编写可复用分页组件
项目中遇到 tab切换列表，每个tab都需要分页的需求，分页流程具有相似性，于是想将分页封装为组件，方便应用。组件的应用已写成一个小demo，效果如下图所示（数据用mock模拟）：源码可以查...
2020-05-27
Vue实现数据表格合并列rowspan效果
背景现实中会遇到很多需求，合并列，例如要显示一个名学生的各门课程成绩。html实现使用html实现是比较简单的，利用table标签的rowspan属性即可，代码如下：<table> <thead> <tr> <t...
2020-05-27
vue通过数据过滤实现表格合并
基于vue通过数据过滤实现表格合并，供大家参考，具体内容如下需求 基于vue渲染的数据表格 需要对相同的列进行合并
思路自从使用了vue，就再也不想直接操作dom节点了，所以还是...
2020-05-27
Vue动态生成表格的行和列
当在开发项目的时候，固定的页面表格标题及内容不能满足需求，需要根据不同的需求动态加载不同的表格表头和表格的内容，具体的实现代码如下：<template> <div class="boxShadow"> <...
2020-05-27
微信小程序判断用户是否需要再次授权获取个人信息
一、index.js设置如下//获取用户的授权信息，放到本地缓存中 wx.getSetting({ success: (res) => { if(res.authSetting['scope.userInfo']) { wx.setStorage({...
2020-05-27
bootstrap table实现横向合并与纵向合并
本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下先上html代码<div id="test" class="table-responsive" style="padding: 0;overflow:auto;">...
2020-05-27
bootstrap table.js动态填充单元格数据的多种方法
bootstrap-table.js动态填充table单元格数据，总结了几种方法以适应各种需求，以下就简单介绍两种方法：方法一：全部自动填充table<!DOCTYPE html><html lang="en"><head> <meta c...
2020-05-27
更强大的vue ssr实现预取数据的方式
我在前几天的一篇文章中吹了两个牛皮，截图为证：现在可以松口气的说，这两个牛皮都实现了，不过 vue-suspense 改名了，叫做 vue-async-manager 了，他能帮你管理 Vue 应用中的异步组件...
2020-05-27
JS开发 富文本编辑器TinyMCE详解
一、题外话最近负责了一个cms网站的运维，里面存在很多和编辑器有关的问题，比如编辑一些新闻博客，论文模块。系统采用的是FCKEditor，自我感觉不是很好，如下图特别是在用户想插入一...
2020-05-27
bootstrap table列和表头对不齐的解决方法
我们在使用bootstraptable做表格展示时，有时需要固定表格的高度当数据超出高度会出现滚动条，这时有可能出现表头列和数据列对不齐。出现这个问题的原因是数据列出现了滚动条占...
2020-05-27
vue自定义表单生成器form-create使用详解
介绍
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件，再复...
2020-05-27
