微信小程序实现跳转的几种方式总结（推荐）
今天把实现微信页面的跳转的几种方法总结分享下1.使用导航组件，标签，页面链接来实现（可以发现点击时有背景）<!-- sample.wxml --><view class="btn-area"> <navigator url="../m...
2020-05-27
浅谈Webpack多页应用HMR卡住问题
起因在公司搭建了套webpack多页面应用脚手架，开始用着很爽，解决了既想使用Vue的模块化开发，又想做多页打包上线管理的初衷，但是随着业务项目的增加，我发现npm run dev的时候，每次...
2020-05-27
vue中的inject学习教程
最近看源码有一段对于整合参数的代码，normalizeProps(child, vm) normalizeInject(child, vm) normalizeDirectives(child)想象里边的Inject很少用到，所以查了一下资料，通常组...
2020-05-27
微信小程序实现的图片保存功能示例
本文实例讲述了微信小程序实现的图片保存功能。分享给大家供大家参考，具体如下：微信小程序保存图片分为两步：1.下载文件资源到本地，客户端直接发起一个 HTTP GET 请求，返回文件的...
2020-05-27
详解vue中使用vue-quill-editor富文本小结（图片上传）
vue-quill-editor是我们再使用vue框架的时候常用的一个富文本编辑器，在进行富文本编辑的时候，我们往往要插入一些图片，vue-quill-editor默认的处理方式是直接将图片转成base64...
2020-05-27
微信小程序实现的一键拨号功能示例
本文实例讲述了微信小程序实现的一键拨号功能。分享给大家供大家参考，具体如下：1. 在.wxml文件中绑定拨号事件<button type="default" bindtap="calling">拨打电话</button>2....
2020-05-27
详解微信小程序开发用户授权登陆
本篇将帮助读者实现基于 微信开发者工具 & C#环境 下的用户在小程序上的授权登陆。准备：微信开发者工具下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools...
2020-05-27
基于mpvue小程序使用echarts画折线图的方法示例
第一次使用mpvue框架来写小程序，项目开发直接搬用mpvue-shop（一个仿网易严选的小程序开发项目）,项目结构清楚,实现了大部分功能，对于初次使用mpvue的小伙伴们来说，是一个很好的选...
2020-05-27
微信小程序中使用echarts的实现方法
刚开始学微信小程序，有说的不对的地方大家可以提出！首先体验示例小程序在微信中扫描下面的二维码即可体验 ECharts Demo： 下载为了兼容小程序 Canvas，我们提供了一个小程序的组...
2020-05-27
详解Vue项目中实现锚点定位
背景今天在开发限时练-提分加项目的时候，有一个需要锚点定位的需求，而在Vue项目中，使用传统的在a标签的href属性中写id的方法无效，会导致浏览器的地址改变从而跳转到其他页面。...
2020-05-27
页面内锚点定位及跳转方法总结（推荐）
接着上一篇，其实是一个功能，本来感觉挺简单的一个问题，没想到遇到两个坎儿，无语。。。上一篇是关于scroll事件绑定的问题，这一篇的问题是：点击锚点跳转到相应DIV的问题。最简单的...
2020-05-27
使用webpack4编译并压缩ES6代码的方法示例
前段时间第一次接触了layabox游戏引擎做了一个项目，由于ES6相当好用，所以在项目中使用了很多的ES6语法，但是在发布的时候发现该引擎无法压缩ES6的代码，而不进行压缩的话则代码体...
2020-05-27
深入解析vue 源码目录及构建过程分析
​“ 本文主要梳理一下vue代码的目录，以及vue代码构建流程，旨在对vue源码整体有一个认知，有助于后续对源码的阅读。”一、目录结构上图是对vue的代码的所有目录进行的梳理...
2020-05-27
Vue组件通信的几种实现方法
组件的通信一般常见的组件之间的通信有以下几种情况，A和B，B和C，B和D之间都是父子关系，C和D之间是兄弟组件关系。
常用的通信手段有两种：
1.ref：给元素或组件注册引用信息
2.childr...
2020-05-27
微信小程序实现单列下拉菜单效果
接下来我想做的是一个下拉菜单用来分类的，但是在网上搜了一下，基本上全都是比较复杂的分类菜单，最简单的也是分三列的下拉菜单，但是并不想要这么复杂的，最后找了一个三列的，改成...
2020-05-27
微信小程序实现的五星评价功能示例
本文实例讲述了微信小程序实现的五星评价功能。分享给大家供大家参考，具体如下：实现五星评价功能，效果图如下：.wxml文件：<view class="star-title">1、品质效果</view><view clas...
2020-05-27
微信小程序整合使用富文本编辑器的方法详解
本文实例讲述了微信小程序整合使用富文本编辑器的方法。分享给大家供大家参考，具体如下：使用WxParse插件实现小程序的富文本显示 ，下载地址：富文本插件WxParse具体使用步骤：1. 复...
2020-05-27
小程序开发踩坑：页面窗口定位（相对于浏览器定位）（推荐）
开发中我们要做一些类似遮罩层或者页面header固定而页面内容滚动的效果时，往往会使用到：position: fiexd;属性，但是往往会出现绑定在定位元素上的事件无法触发，原因出现在哪里？经...
2020-05-27
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
Element提供的Tree树形控件，可以用清晰的层级结构展示信息，还可以展开或折叠。Tree支持两种加载模式：一次性加载全部树节点和懒加载模式。所谓懒加载模式，是指当需要展开父节点...
2020-05-27
微信小程序Flex布局用法深入浅出分析
本文实例讲述了微信小程序Flex布局用法。分享给大家供大家参考，具体如下：Flex布局： Flexible Box的缩写，意为“弹性布局”，为盒模型提供巨大的灵活性使用说明：1. 任何容器都可以使...
2020-05-27
elementUI Tree 树形控件的官方使用文档
Tree 树形控件---官方文档地址用清晰的层级结构展示信息，可展开或折叠。基础用法基础的树形结构展示。<el-tree :data="data" :props="defaultProps" @node-click="handleNod...
2020-05-27
使用React手写一个对话框或模态框的方法示例
打算用React写对话框已经很长一段时间，现在是时候兑现承诺了。实际上，写起来相当简单。核心在于使用React的接口React.createPortal(element, domContainer)。该接口将element...
2020-05-27
JS实现指定区域的全屏显示功能示例
本文实例讲述了JS实现指定区域的全屏显示功能。分享给大家供大家参考，具体如下：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...
2020-05-27
node.js ws模块搭建websocket服务端的方法示例
首先下载websocket模块，命令行输入npm install wsnode.js的 模块ws，可用于创建websocket服务，基本的express 和 http模块的使用
var express = require('express');var http =...
2020-05-27
详解JS实现简单的时分秒倒计时代码
本文实例为大家分享了JS时分秒倒计时的实现的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js简单时分秒倒计...
2020-05-27
Vue开发之watch监听数组、对象、变量操作分析
本文实例讲述了Vue开发之watch监听数组、对象、变量操作。分享给大家供大家参考，具体如下：1.普通的watchdata() { return { frontPoints: 0 }},watch: { frontPoints(ne...
2020-05-27
详解vue项目中调用百度地图API使用方法
步骤一：申请百度地图密钥；JavaScript API v1.4以及以前的版本无序申请秘钥（ak），自v1.5版本开始需要先申请秘钥（ak），才可以使用，如需获取更高的配额，需要申请 认证企业用户。百度地图A...
2020-05-27
从零到一详聊创建Vue工程及遇到的常见问题
准备工作1.判断是否需要FQ或安装镜像，镜像一般可安装国内淘宝镜像，详情可看这里：cnpm
npm install -g cnpm --registry="cnpm"全局安装淘宝cnpm。2.开发工具选择很多，VUE无专用...
2020-05-27
Vue注册组件命名时不能用大写的原因浅析
这段时间一直在弄vue，当然也遇到很多问题，这里就来跟大家分享一些注册自定义模板组件的心得。首先“VUE注册组件命名时不能用大写“其实这句话是不对的，但我们很多人开始都觉得...
2020-05-27
Vue开发之封装分页组件与使用示例
本文实例讲述了Vue开发之封装分页组件与使用。分享给大家供大家参考，具体如下：使用elementui中的el-pagination来封装分页组件pagination.vue:<template> <div class="pagina...
2020-05-27
vue2.0自定义指令示例代码详解
1、什么是指令？指令通常以"v-"作为前缀, 以方便Vue知道你在使用一种特殊的标记。除了 Vue 核心携带着的一些默认指令（v-model 和 v-show）之外，Vue 还允许你注册自己的自定义指令...
2020-05-27
Vue开发之封装上传文件组件与用法示例
本文实例讲述了Vue开发之封装上传文件组件与用法。分享给大家供大家参考，具体如下：使用elementui的 el-upload插件实现图片上传组件每个项目存在一定的特殊性，所以数据的处理会...
2020-05-27
详解javascript中的Error对象
概念
error是指程序中的非正常运行状态，在其他编程语言中称为“异常”或“错误”，解释器会为每个错误情形创建并抛出一个Error对象，其中包含错误的描述信息；
ECMASc...
2020-05-27
Vue使用zTree插件封装树组件操作示例
本文实例讲述了Vue使用zTree插件封装树组件操作。分享给大家供大家参考，具体如下：1.通过npm安装jquerynpm install jquery --save-dev2.在build/webpack.base.conf文件当中引...
2020-05-27
Angular封装搜索框组件操作示例
本文实例讲述了Angular封装搜索框组件操作。分享给大家供大家参考，具体如下：后台管理系统多是以表格和表单为主，有列表就一定会有列表的筛选功能，所以在此把列表头部的搜索功能...
2020-05-27
WebGL学习教程之Three.js学习笔记(第一篇)
webgl介绍WebGL是一种3D绘图协议，它把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染。WebGL技...
2020-05-27
WebGL three.js学习笔记之阴影与实现物体的动画效果
实现物体的旋转、跳动以及场景阴影的开启与优化本程序将创建一个场景，并实现物体的动画效果
运行的结果如图：运行结果
完整代码如下：
<!DOCTYPE html><html lang="en"><head>...
2020-05-27
详解VUE Element-UI多级菜单动态渲染的组件
以下是组件代码：<template> <div class="navMenu"> <label v-for="navMenu in navMenus"> <el-menu-item v-if="navMenu.childs==null&&navMenu.entity&&navMenu.entity....
2020-05-27
在微信小程序中使用图表的方法示例
前言：网上有许多的图表库，如：Echarts、Tau Charts、ChartJS等等，具体自行百度。这次我们使用的是：Echarts官方教程：点击查看Echarts下载地址：飞机直达1.下载好之后，把里面的ec-canva...
2020-05-27
微信小程序遍历Echarts图表实现多个饼图
如何在微信小程序中使用Echarts可以看我的另一个教程：点击查看首先看一个简单的例子1.wxml文件<view style='width:100%;height:200rpx'> <ec-canvas id="mychart-dom-bar" c...
2020-05-27
详解vuejs2.0 select 动态绑定下拉框支持多选
select 下拉选择产品类型：这一项是select 涉及到父子组件信息传递 下面拆开讲解父组件 <div class="sales-board-line"> <div class="sales-board-line-left"> 产品类...
2020-05-27
vue项目中使用fetch的实现方法
fetch的由来和定义fetch的由来 众所周知，传统 Ajax （指 XMLHttpRequest）是最早出现的发送异步请求技术，其核心是使用XMLHttpRequest对象。但是它也存在一些令人头疼的问题：XH...
2020-05-27
详解如何给React-Router添加路由页面切换时的过渡动画
PS: 本篇文章使用的React-Router版本为react-router-dom: ^5.0.0 (兼容4.x)使用过Vue2的同学们应该都知道<transition>这个内置组件，它可以帮我们添加过渡动画，之前一直用它来...
2020-05-27
vue中img src 动态加载本地json的图片路径写法
目录：注意：本地json文件和json文件里的图片地址都必须写在static 静态文件夹里；否则json文件里的url地址找不到。major_info.json文件里的图片路径写法页面通过v-bind的方式加...
2020-05-27
vue请求本地自己编写的json文件的方法
1.第一步，这是目录结构2.接下来是build/webpack.dev.conf.js文件需要配置的内容代码：//vue配置请求本地json数据const express = require('express')const app = express()con...
2020-05-27
原生JS实现图片懒加载之页面性能优化
在项目开发中，我们往往会遇到一个页面需要加载很多图片的情况。我们可以一次性加载全部的图片，但是考虑到用户有可能只浏览部分图片。所以我们需要对图片加载进行优化，只加载浏...
2020-05-27
JS异步错误捕获的一些事小结
引入
我们都知道 try catch 无法捕获 setTimeout 异步任务中的错误，那其中的原因是什么。以及异步代码在 js 中是特别常见的，我们该怎么做才比较？无法捕获的情况
function main...
2020-05-27
关于Vue源码vm.$watch()内部原理详解
关于vm.$watch()详细用法可以见官网。大致用法如下:<script> const app = new Vue({ el: "#app", data: { a: { b: { c: 'c' } }...
2020-05-27
配置一个vue3.0项目的完整步骤
说起来有点丢人，我已经使用vue好久了，但是怎么从0开始配置一个vue项目，每次还是要百度。这次决定写个博客，加强下记忆，如果再记不住就直播自己的女朋友洗澡。以下以新建一个图书...
2020-05-27
详解JS判断页面是在手机端还是在PC端打开的方法
我们想要的效果是pc文件和mobile文件统一入口，适配不同的设备。
先看看项目的目录：在index.html里面配置js控制选择那一个文件夹下的文件就可以了。
我们要利用：Navigator 对象...
2020-05-27
