vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
mounted() { // 在mounted中监听表格scroll事件 this.$refs.scrollTable.addEventListener( 'scroll',(event) => { this.adjustTable(event); }); },....
2020-05-27
vue-cli3配置与跨域处理方法
安装 vue-cli3 环境准备1. 如果您已安装 vue-cli2 ，请先删除当前脚手架，否则无法成功安装 vue-cli3 。 npm uninstall vue-cli -g2. 检查 node.js 版本。 vue-cli3 需要 node...
2020-05-27
详解ES6 Promise的生命周期和创建
一：Promise的概念Promise的中文意思是‘承诺'，什么叫承诺？承诺就是现在没有发生，在将来的某个时刻一定会发生的事情。
放在编程语言的环境下，Promise就是异步事件的结果的占位符...
2020-05-27
js 实现 list转换成tree的方法示例（数组到树）
目标：
JS 将有父子关系的平行数组转换成树形数据方法：双重遍历，一次遍历parentId,一次遍历id == parendId;
该方法应该能很容易被想到，实现起来也一步一步可以摸索出来；const old...
2020-05-27
微信公众号生成新浪短网址的实现(快速生成)
有没有想过，向一个公众号发送长链接，然后公众号给你回复一个短网址？其实很简单：<?phpdefine("TOKEN", "xiao");//用于回复用户消息function responseMsg(){ $postStr = $GL...
2020-05-27
Node.js从字符串生成文件流的实现方法
一.背景
在文件相关的数据加工等场景下，经常面临生成的物理文件应该如何处理的问题，比如：生成的文件放到哪里，路径存在不存在？临时文件何时清理，如何解决命名冲突，防止覆盖？并发场景...
2020-05-27
微信小程序canvas绘制圆角base64图片的实现
接口返回base64格式小程序二维码，以往的做法是需要再调一个接口去拿到jpg/png格式的图片。如果没有这个接口呢，是不是也可以？然而小程序canvas并不支持直接使用base64绘制，好在...
2020-05-27
wx-charts 微信小程序图表插件的具体使用
微信小程序图表插件（wx-charts）基于canvas绘制，体积小巧，支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制，目前wx-charts是微信小程序图表插件中比较强大好使的一个支持...
2020-05-27
详解微信小程序图片地扯转base64解决方案
你还在找在小程序成如何将图片转base64存储起来并显示嘛，在这里呢，来瞧瞧。使用方法
js文件let $this = this;request({ url:'https://www.dounine.com/hello.jpg', metho...
2020-05-27
详解基于原生JS验证表单组件xy-form
原生form表单form 表单元素大家可能都用到过，除了可以提交表单外，还有一些内置的表单校验，比如 require 、 minlength 、 maxlength ，还有各种类型的 input ，比如 type=email 可...
2020-05-27
基于vue手写tree插件的那点事儿
前言Tree树形控件在前端开发中必不可少，对于数据的展示现在网站大都采取树形展示。因为大数据全部展示出来对于用户来说是不友好的。今天我们自己手写一个Tree插件。iview提...
2020-05-27
使用 Vue 实现一个虚拟列表的方法
因为 DOM 性能瓶颈，大型列表存在难以克服的性能问题。 因此，就有了 “局部渲染” 的优化方案，这就是虚拟列表的核心思想。虚拟列表的实现，需要重点关注的问题一有以下几点： 可视...
2020-05-27
小程序如何在不同设备上自适应生成海报的实现方法
小程序canvas的API并没有像其他的一样支持小程序独有的 rpx 自适应尺寸单位，在绘制内容时所应用的单位仍然是 px，那么如何实现不同尺寸屏幕的自适应呢？我们的在开发中常用的参...
2020-05-27
JS中的算法与数据结构之栈(Stack)实例详解
本文实例讲述了JS中的算法与数据结构之栈(Stack)。分享给大家供大家参考，具体如下：栈(Stack)上一篇我们说到了列表，它是一种最自然的数据组织方式，如果对数据的存储顺序要求不重...
2020-05-27
JS中的算法与数据结构之队列(Queue)实例详解
本文实例讲述了JS中的算法与数据结构之队列(Queue)。分享给大家供大家参考，具体如下：队列(Queue)我们之前说到了栈，它是一种比较高效的数据结构，遵循 先入后出(LIFO，last-in-firs...
2020-05-27
微信小程序webview与h5通过postMessage实现实时通讯的实现
在做 React Native 应用时，如果需要在 App 里面内嵌 H5 页面，那么 H5 与 App 之间可以通过 Webview 的 PostMessage 功能实现实时的通讯，但是在小程序里面，虽然也提供了一个 web...
2020-05-27
使用 webpack 插件自动生成 vue 路由文件的方法
一款自动生成 vue 路由文件的 webpack 插件 vue-route-webpack-plugin 在项目中试点成功了，现在在项目中已经不需要再维护路由配置文件了，由插件自动生成，节省了大家维护路由的...
2020-05-27
JS中的算法与数据结构之链表(Linked-list)实例详解
本文实例讲述了JS中的算法与数据结构之链表(Linked-list)。分享给大家供大家参考，具体如下：链表(Linked-list)前面我们讨论了如何使用栈、队列进行存数数据，他们其实都是列表的...
2020-05-27
vue悬浮可拖拽悬浮按钮的实例代码
前言
vue开发手机端悬浮按钮实现，可以拖拽，滚动的时候收到里边，不影响视线github地址使用，基于vue-cli3.0+webpack 4+vant ui + sass+ rem适配方案+axios封装，构建手机端模板脚手...
2020-05-27
JavaScript使用表单元素验证表单的示例代码
JavaScript的主要作用:验证表单
1最简单的表单验证-禁止空白的必填项目
1.1最简单的HTML结构
网站最基础的就是注册,它是一个系统的交互基础.例子:<!DOCTYPE html><html> <...
2020-05-27
详解解决小程序中webview页面多层history返回问题
小程序开发中遇到的问题：小程序中嵌套了一个webview页面，webview页面中有静默授权（A1页面静默授权后重定向到A2页面），点小程序原生的返回按钮会返回到A1页面，然后页面就会反复静默...
2020-05-27
Vue实现购物车详情页面的方法
上次我们为商品分类菜单添加了显示购物数量，这篇我们继续推进项目，来实现购物车的详情页面，在开始之前我们先看它在页面中的样子：
如上所示，此页面包含了购物列表，而它由商品名称...
2020-05-27
JS中的算法与数据结构之字典(Dictionary)实例详解
本文实例讲述了JS中的算法与数据结构之字典(Dictionary)。分享给大家供大家参考，具体如下：
字典(Dictionary)字典(Dictionary)是一种以 键-值对 形式存储数据的数据结构 ，就如...
2020-05-27
微信小程序使用车牌号输入法的示例代码
在做小程序时，做了一个关于车的项目，然后需要添加车辆信息、添加车牌号，使用车牌键盘输入，当时我把这个需求给砍了，然后在添加车辆信息时，老大看到数据库里我乱填的车牌号，又让我把...
2020-05-27
微信小程序实现定位及到指定位置导航的示例代码
一：实现定位及到指定位置导航所需组件及API1：组件：map(地图组件)2：API：wx.getLocation(Object object)(获取当前的地理位置、速度)，wx.openLocation(Object object)(使用微信内置...
2020-05-27
vue集成chart.js的实现方法
指令
该指令的作用是dom渲染后触发，因为非vue的插件有的是dom必须存在的情况下才可以执行Vue.directive('loaded-callback', { inserted: function (el, binding, vnode) {...
2020-05-27
vue+elementUi图片上传组件使用详解
上传组件封装需求分析在基于elementUI库做的商城后台管理中，需求最大的是商品管理表单这块，因为需要录入各种各样的商品图片信息。加上后台要求要传递小于2M的图片，因此封装了...
2020-05-27
vue+elementUI实现图片上传功能
本文实例为大家分享了vue+elementUI图片上传的具体代码，供大家参考，具体内容如下1、html<el-form-item label="图片" prop="logo"> <el-upload name="file" v-if="optype==0"...
2020-05-27
vue 获取视频时长的实例代码
直接通过element-ui自带的上传组件结合js即可，代码如下：HTML： <el-upload class="upload-demo" :action="actionUrl" :show-file-list="false" :on-success="handleAvatarS...
2020-05-27
node中使用log4js4.x版本记录日志的方法
node中使用log4js4.x版本记录const log4js = require('log4js');log4js.configure({ appenders: { logFile: { //文件形式打印日志 type: "dateFile", filen...
2020-05-27
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
本文为大家分享了Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义，供大家参考，具体内容如下1.安装npm install vue-quill-editor --save2.在main.js中引入impor...
2020-05-27
ES6中Symbol、Set和Map用法详解
本文实例讲述了ES6中Symbol、Set和Map用法。分享给大家供大家参考，具体如下：Symbol1.Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。它是 JavaScript 语言的第...
2020-05-27
微信小程序项目总结之记账小程序功能的实现（包括后端）
一、小程序部分这是理财系统的前端,江苏海洋大学微信小程序比赛，最后获得了一等奖
GitHub：https://github.com/GeorgeLeoo/finance1. 项目描述(1). 此项目为记账小程序
(2)....
2020-05-27
Vue + Element UI图片上传控件使用详解
上一篇 Vue +Element UI +vue-quill-editor 富文本编辑器及插入图片自定义 主要是写了富文本编辑器的自定义及编辑器中图片的上传并插入到编辑内容，这篇文章单独介绍一下elem...
2020-05-27
JS中的算法与数据结构之集合(Set)实例详解
本文实例讲述了JS中的算法与数据结构之集合(Set)。分享给大家供大家参考，具体如下：
集合(Set)同数学中所学的一样，集合(Set)是由一组无序但彼此之间又有一定关系性的成员构成，每...
2020-05-27
vue element upload实现图片本地预览
vue使用element实现本地预览，最主要的是将图片路径转换为base64，供大家参考，具体内容如下HTML<el-upload class="avatar-uploader" action="123" //这个路径不重要，可以随便写 :...
2020-05-27
vue+element-ui+axios实现图片上传
本文实例为大家分享了vue+element-ui+axios实现图片上传的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Com...
2020-05-27
扫微信小程序码实现网站登陆实现解析
使用扫小程序码登陆网站
网络上关于实现本本功能的文章很多，但是给出案列的几乎没有，今天笔者实现用小程序码实现网站登陆，体验地址如下
https://idea.techidea8.com/open/idea...
2020-05-27
vue实现axios图片上传功能
vue中实现图片上传，我这里使用的是FormData通过axios向后台发送请求，从而实现图片的上传。在发起请求的axios中一般用qs进行序列化，但是序列化之后，FormData就传送失败，所以要区...
2020-05-27
Angular8 Http拦截器简单使用教程
拦截器Http拦截器就是拦截发出的请求，对其进行统一添加额外处理，然后放行；对响应进行拦截并作出业务上的判断，决定是否给与返回。先看一组常见的业务请求：this.http.post('http:/...
2020-05-27
Vue formData实现图片上传
本文实例为大家分享了Vue formData实现图片上传的具体代码，供大家参考，具体内容如下import Vue from 'vue' /** * 图片上传 * 已注入所有Vue实例， * template模板里调用 $uploa...
2020-05-27
Vue中axios的封装（报错、鉴权、跳转、拦截、提示）
统一捕获接口报错 弹窗提示 报错重定向 基础鉴权 表单序列化
实现的功能 统一捕获接口报错 : 用的axios内置的拦截器 弹窗提示: 引入 Element UI 的 Message 组件...
2020-05-27
微信小程序仿今日头条导航栏滚动解析
项目需要，做一个和今日头条一样的导航栏，可以横行滚动，幸好再weui里面看到了类似的例子地址：https://weui.shanliwawa.top/demo/js4.html，使用iscroll-lite.j实现，weui自己封装了...
2020-05-27
vue element 生成无线级左侧菜单的实现代码
首先来总结element ui 官方文档的左侧菜单结构,带有el-submenu为子级节点,el-menu-item表示没有下级。当然,菜单不能写死，因为菜单也许不止两级,所以我们需要递归来实现。根...
2020-05-27
nodejs和react实现即时通讯简易聊天室功能
npx create-react-app socketio-demo进入socketio-demo目录 运行eject进行拆包，本项目也可以不拆，这是个人习惯。 注意如果运行eject命令最好在项目初始阶段执行，已经开始编写...
2020-05-27
深入理解Vue keep-alive及实践总结
什么是 keep-alive
在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件。
也就是说，keepa...
2020-05-27
Angular 中使用 FineReport不显示报表直接打印预览
Angular 直接打印预览1.在项目 index.html 的头部引入 FineReport 相关的 js 文件<script type="text/javascript" src="/femisnsb/ReportServer?op=emb&resource=finer...
2020-05-27
Vue仿微信app页面跳转动画效果
10:14:11独立开发者在开发移动端产品时，为了更高效，通常会使用Web技术来开发移动端项目，可以同时适配Android、iOS、H5，稍加改动还可适配微信小程序。在使用Vue.js开发移动端页...
2020-05-27
jqGrid表格底部汇总、合计行footerrow处理
jqGrid提供了表格底部汇总、合计行功能，我们先看下user-guide关于jqGrid合计行都有哪些说明？然后再看个DEMO，看看jqGrid表格底部汇总、合计行到底如何实现。1、user-guide关于j...
2020-05-27
详解webpack引用jquery（第三方模块）的三种办法
前言
在使用webpack作为构建工具，开发 vue项目的时候，难免会用到 jquery这种第三方插件（毕竟都是从用jquery过来的），那么怎么引用呢？接下来我来说三种方法。1 html 模板文件引用法...
2020-05-27
