解决Vue中mounted钩子函数获取节点高度出错问题
遇到的问题最近在开发一个Vue的项目，好几个页面都有用到一个 页面楼层滑动的组件，我就直接封装成了一个，但是遇到一个bug，就是我需要得到这个组件的offsetTop，然后页面滚动到这个...
2020-05-27
微信小程序实现长按删除图片的示例
说明
最近在学小程序,遇到长按图片删除的问题,特此记录,记录自己的成长轨迹需求:
长按删除指定图片需要解决的问题 长按事件如何表示出来? 如何获取当前长按元素的下...
2020-05-27
webpack4 css打包压缩问题的解决
这两天一直在练习这个webpack4, 发现有好多问题和坑，做开发嘛，一定要有喜欢出问题并喜欢解决问题，坚决踩个坑填个坑的不怕死小强精神！webpack4 在配置上其实是可以是想productio...
2020-05-27
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
我们想要在bootstrap-table中自定义查询条件如何实现呢？这些自定义的按钮、输入框是定义在哪个位置呢？还记得上一节中我们在配置中有这样一个属性： //工具按钮用哪个容器 too...
2020-05-27
从零开始搭建webpack+react开发环境的详细步骤
环境主要依赖版本 webpack@4.8.1 webpack-cli@2.1.3 webpack-dev-server@3.1.4 react@16.3.2 babel-core@6.26.3 babel-preset-env@1.6.1 bable-preset-react@6.24.1...
2020-05-27
Node.js Buffer用法解读
Buffer是什么？
Buffer作为存在于全局对象上，无需引入模块即可使用，你绝对不可以忽略它。
可以理解Buffer是在内存中开辟的一片区域，用于存放二进制数据。Buffer所开辟的是堆外内...
2020-05-27
vue单页开发父子组件传值思路详解
vue单页开发时经常需要父子组件之间传值，自己用过但是不是很熟练，这里我抽空整理了一下思路，写写自己的总结。GitHub地址：https://github.com/leileibrother/wechat-vue文件目录...
2020-05-27
React全家桶环境搭建过程详解
本文介绍了React全家桶环境搭建过程详解，分享给大家，具体如下：
环境搭建
1.从零开始搭建webpack+react开发环境2.引入Typescript安装依赖
npm i -S @types/react @types/react-...
2020-05-27
JS实现调用本地摄像头功能示例
本文实例讲述了JS实现调用本地摄像头功能。分享给大家供大家参考，具体如下：今天学习了一下js调用本地摄像头，其实是实现不是很麻烦，下面是代码部分，连接上Tomcat服务器，然后再到网...
2020-05-27
JS实现的3des+base64加密解密算法完整示例
本文实例讲述了JS实现的3des+base64加密解密算法。分享给大家供大家参考，具体如下：1. index.html：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>www.freexyz.cn B...
2020-05-27
vue.js使用3DES加密的方法示例
本文实例讲述了vue.js使用3DES加密的方法。分享给大家供大家参考，具体如下：如何在VUE-CLI手脚架建立的工程中使用3des加密：npm install crypto-js --save-dev import CryptoJS...
2020-05-27
JS实现json对象数组按对象属性排序操作示例
本文实例讲述了JS实现json对象数组按对象属性排序操作。分享给大家供大家参考，具体如下：在实际工作经常会出现这样一个问题：后台返回一个数组中有i个json数据，需要我们根据json...
2020-05-27
原生JS实现的碰撞检测功能示例
本文实例讲述了原生JS实现的碰撞检测功能。分享给大家供大家参考，具体如下：<!doctype html><html><head><meta charset="utf-8"><title>www.freexyz.cn JS碰撞检测</title><styl...
2020-05-27
vue项目如何刷新当前页面的方法
1.场景在处理列表时，常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。2.遇到的问题1. 用vue-router重新路由到当前页面，页面是不进行刷新的2.采用window.relo...
2020-05-27
简单的三步vuex入门
前言
之前几个项目中,都多多少少碰到一些组件之间需要通信的地方,而因为种种原因,
event bus 的成本反而比vuex还高, 所以技术选型上选用了 vuex, 但是不知道为什么,
团队里...
2020-05-27
vuex进阶知识点巩固
一、 Getter我们先回忆一下上一篇的代码computed:{ getName(){ return this.$store.state.name }}这里假设现在逻辑有变,我们最终期望得到的数据(getName),是基于 this....
2020-05-27
详解使用vue-admin-template的优化历程
前言公司有好几个项目都有后台管理系统，为了方便开发，所以选择了 vue 中比较火的后台模板 作为基础模板进行开发。但是，开始用的时候，作者并没有对此进行优化，到项目上线的时候，才...
2020-05-27
详解vue的diff算法原理
我的目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，目的让看这篇文章的朋友一定弄明白diff的边边角角。先来了解几个点...1. 当数据...
2020-05-27
Vue二次封装axios为插件使用详解
照例先贴上 axios 的 gitHub 地址不管用什么方式获取数据，对于一个项目来说，代码一定要利于维护其次是一定要写的优美，因此加上一层封装是必要的vuejs2.0 已经不再维护 vue-res...
2020-05-27
以v-model与promise两种方式实现vue弹窗组件
最近公司有一个后台业务虽然也是写在了现有的后台系统中，但是之后要为这个业务单独拉出来新建一个后台系统,所以现有的后台系统中的vue组件库，就不能用了(因为不知道将来的系...
2020-05-27
JS实现的文件拖拽上传功能示例
本文实例讲述了JS实现的文件拖拽上传功能。分享给大家供大家参考，具体如下：<!doctype html><html><head><meta charset="utf-8"><title>www.freexyz.cn JS文件拖拽上传</title><...
2020-05-27
纯JS实现可用于页码更换的飞页特效示例
本文实例讲述了纯JS实现可用于页码更换的飞页特效。分享给大家供大家参考，具体如下：这个效果使用了自己封装的一个运动函数；这个效果的巧妙之处在于，在开始用数组存放了每个li的...
2020-05-27
Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码
本人野生程序员一名，了解了一些微服务架构、前后端分离、SPA的知识后就想试试做点什么东西。之前一直做后端，前端只是有基础知识。之前学习过angularjs，但当时就是一脸懵逼（完全...
2020-05-27
Vue中父子组件通讯之todolist组件功能开发
一、todolist功能开发<div id="root"> <div> <input type="text" v-model="inputValue"> <button @click="handleSubmit">提交</button> </div> <ul> <li v-for="(...
2020-05-27
Vue整合AdminLTE模板的方法
上一次搞定了登录验证和跳转的问题，不过存在一处bug。在Vue的main.js中，使用了Vue-router的路由钩子来判断是否可以访问受保护的资源，问题就出在这里，先修复上次的bug。/*全局路...
2020-05-27
JavaScript实现一个带AI的井字棋游戏源码
最近有一门课结束了，需要做一个井字棋的游戏，我用JavaScript写了一个。首先界面应该问题不大，用html稍微写一下就可以。主要是人机对弈时的ai算法，如何使电脑方聪明起来，是值得思...
2020-05-27
使用vue-cli（vue脚手架）快速搭建项目的方法
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。这篇文章将会从实操的角度，介绍整个搭建的过程。
1. 避坑前言其实这次使用vue-cli的过程并...
2020-05-27
vue2.0 实现导航守卫（路由守卫）
路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。对此，vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫（navigation-guards）。导航守卫（navigation-guards）这...
2020-05-27
了解ESlint和其相关操作小结
vue-cli脚手架创建的项目默认使用ESlint规则，启动项目的时候因为各种语法报错，不得不先停下了解一下什么是ESlint，及其相关的一下操作。
【使用vue-cli快速搭建项目】：https://w...
2020-05-27
JS实现520 表白简单代码
这两天不知道咋了，迷迷糊糊的，突然知道今天是520的我，急急忙忙赶出个程序（新手，代码有点乱），发出来大家一起研究下（参考百度的）。<!DOCTYPE html><html> <head> <meta charset="utf-...
2020-05-27
关于vue的语法规则检测报错问题的解决
搭建了一个vue项目，在配置路有的时候，陆续出现了各种报错其中最多的是一些写法，例如空格，缩进，各种括号，结果我一句一句对照，修改相当之费时间，效率低，一上午，一个路由配置都没写好主...
2020-05-27
vue组件jsx语法的具体使用
如果使用render函数来写比较复杂的vue组件，对于可读性和可维护性都很不友好，而使用jsx就会让我们回到更接近于模板的语法。babel转译器会将jsx转译为render函数渲染。配置需要...
2020-05-27
JS实现常见的查找、排序、去重算法示例
本文实例讲述了JS实现常见的查找、排序、去重算法。分享给大家供大家参考，具体如下：今天总结了下排序简单的算法【自定义排序】先寻找一个最小的数，然后依次那这个数和数组中其...
2020-05-27
jQuery获取随机颜色的实例代码
1.js//获取十六进制颜色 function randomColor1(){ var r = Math.floor(Math.random()*256); var g = Math.floor(Math.random()*256); var b = Math.floor(Math...
2020-05-27
基于Vue的延迟加载插件vue-view-lazy
基于vue的懒加载插件目的：图片或者其他资源进入可视区域后加载
安装使用
直接下载dist目录下的vue-view-lazy.min.js使用 使用npm安装
直接使用
<div id="app"> <span...
2020-05-27
通过jquery toggleClass()属性制作文章段落更改背景颜色
定义和用法toggleClass() 方法对添加和移除被选元素的一个或多个类进行切换。该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果...
2020-05-27
JS动态插入脚本和插入引用外部链接脚本的方法
在日常开发中，经常遇到 js 动态插入脚本 。什么是 js 动态插入脚本 ?指的是在页面加载时不存在，但将来的某一时刻通过修改该 DOM 动态添加的脚本。和操作 HTML 元素一样。...
2020-05-27
swiper 自动图片无限轮播实现代码
完整代码<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="swiper/css/swiper-3.4.2.min.css" rel="...
2020-05-27
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
本文实例讲述了vue.js过滤器+ajax实现事件监听及后台php数据交互。分享给大家供大家参考，具体如下：在vue.js开发时，数据可以使用jquery和vue-resource来获取数据。在获取数据时...
2020-05-27
详解js类型判断
js类型转换中typeof会将null也识别为object, 而且返回的类型比少,我们用Object.prototype.toString来实现第一版function isArray(value){ return Object.prototype.toStri...
2020-05-27
vue.js使用v-model指令实现的数据双向绑定功能示例
本文实例讲述了vue.js使用v-model指令实现的数据双向绑定功能。分享给大家供大家参考，具体如下：vue.js的一大功能便是实现数据的双向绑定，本文就表单处理时运用v-model指令实现...
2020-05-27
vue配置多页面的实现方法
1.安装环境①安装node.js 并添加入环境变量PATH
②安装淘宝NPM镜像
$ npm install -g cnpm --registry=https://registry.npm.taobao.org③安装webpack
npm install webpack...
2020-05-27
vue 中swiper的使用教程
Install在vue cli下的使用npminstall vue-awesome-swiper --save在main.js中import VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/dist/css/swiper.css'Vue...
2020-05-27
vue input输入框模糊查询的示例代码
Vue 模糊查询功能
原理：原生js的search() 方法，用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串，则返回 -1。
input输入框，模...
2020-05-27
Angular网络请求的封装方法
很多时候，我很喜欢angular的编码风格，特别是angular支持typescript之后，完整的生命周期，完美的钩子函数，都是别的语言所无法替代的。
这里我来说说我自己的网络请求封装，某种意义...
2020-05-27
Vue页面骨架屏的实现方法
在开发webapp的时候总是会受到首屏加载时间过长的影响，主流的解决方法是在载入完成之前显示loading图效果，而一些大公司会配置一套服务端渲染的架构来解决这个问题。考虑到ssr...
2020-05-27
Vue单页及多页应用全局配置404页面实践记录
前后端分离后，控制路由跳转的责任转移到了前端，后端只负责给前端返回一个html文档以及提供各种接口。下面我们用作例子的两个项目，均采用vue作为基础框架，一个是SPA应用，另一个是...
2020-05-27
vue之父子组件间通信实例讲解(props、$ref、$emit)
组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信，也就成为了vue中重点知识了。这篇文章将会...
2020-05-27
nodejs express配置自签名https服务器的方法
在nodejs中使用express来搭建框架可以说是非常的简单方便，但是一般默认创建的都是http服务器，也就是只能通过http协议进行访问。如今https已经是发展趋势，我们应该顺应时代的潮...
2020-05-27
安装vue-cli的简易过程
安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经...
2020-05-27
