前言：网上有许多的图表库，如：Echarts、Tau Charts、ChartJS等等，具体自行百度。这次我们使用的是：Echarts官方教程：点击查看Echarts下载地址：飞机直达1.下载好之后，把里面的ec-canvas文件夹复制到项目中，如：在项目中建立一个文件夹component ，然后把ec-canvas放···

JavaScript教程js教程图表小程序小程序中使用图表

在项目开发中，我们往往会遇到一个页面需要加载很多图片的情况。我们可以一次性加载全部的图片，但是考虑到用户有可能只浏览部分图片。所以我们需要对图片加载进行优化，只加载浏览器窗口内的图片，当用户滚动时，再加载更多的图片。这种加载图片的方式叫做图片懒加载，又叫做···

JavaScript教程jsjs性能优化js教程图片懒加载

关于vm.$watch()详细用法可以见官网。大致用法如下:<script> const app = new Vue({ el: "#app", data: { a: { b: { c: 'c' } } }, mounted () { this.$watch(function () { return this.a.···

JavaScript教程js教程vm.$watch()vm.$watch()内部原理

目录：注意：本地json文件和json文件里的图片地址都必须写在static 静态文件夹里；否则json文件里的url地址找不到。major_info.json文件里的图片路径写法页面通过v-bind的方式加载：PS：vue中图片src路径赋值vue中引入static文件夹中图片，本以为src中直接写入图片所在···

imgJavaScript教程jsonjs教程srcVuevue动态加载

引入我们都知道 try catch 无法捕获 setTimeout 异步任务中的错误，那其中的原因是什么。以及异步代码在 js 中是特别常见的，我们该怎么做才比较？无法捕获的情况function main() { try { setTimeout(() => { throw new Error('async error') }, 1000) } catch(e···

JavaScript教程js如何捕获异步错误js捕获异常js教程js错误捕获

唠叨几句啦在看程墨老师的深入浅出高阶组件，开头一点提了一个需要，创建两个高阶组件，一个能给传入的元素自定义添加props，一个是删除特定的props。我刚刚做了一下，发现高阶组件需要区分好传入的是class还是react element, 同时也需要注意好return回去的是啥。顺便提一下···

JavaScript教程js教程propsreact添加和删除props

前言为什么选择VScode？在之前我用过sublime、webstorm、atom、Brackets、eclipse、HBuilder、notepad++等等。应该还有一些用过几次的编辑器，记不起来的，这些编辑器的作用不外乎一点——为了开发迅速。基本都会自带代码提示插件。随着项目越来越大，出了一系列问题，而这些问···

JavaScript教程js教程VScodevscode配置vue开发环境vue环境搭建vue环境搭建问题解决

说起来有点丢人，我已经使用vue好久了，但是怎么从0开始配置一个vue项目，每次还是要百度。这次决定写个博客，加强下记忆，如果再记不住就直播自己的女朋友洗澡。以下以新建一个图书管理项目为例。我使用vue3新建项目，对于创建一个项目来说，vue3真的比vue2简单很多。1.初始···

JavaScript教程js教程配置vue3.0项目

1 前言1.1 业务场景图片储存在后台中，根据图片的地址，在vue页面中，查看图片，并根据坐标标注指定区域。由于浏览器的机制，使用 window.location.href 下载图片时，并不会保存到本地，会在浏览器打开。2 实现原理2.1 绘制画布<el-dialog title="查看图片" :vis···

CanvasJavaScript教程js教程Vue下载图片绘制图片

今天早起看了慕课的瀑布流，的确讲的十分详细，也十分的好，我在博客里也就只能给代码加些注释，和说一下思路。建议大家去看一下慕课的瀑布流教程，非常详细，每一个细节都讲的非常好，只要懂JS的基础代码，看起来应该不是多大问题，里面没有太难得方法，但自己写不出来还是因···

JavaScript教程JS原生瀑布流js教程JS瀑布流

本文实例讲述了微信小程序实现的绘制table表格功能。分享给大家供大家参考，具体如下：表格的绘制jsPage({data:{infeed:['"", "1周", "2周", "3周", "总计"],endwise1: "游泳",tb1:"0",tb2:"0",tb3:"0",tb4:"0",endwise2: "跑步",tc1:"0",tc2:"0",tc3:"0",tc4:···

JavaScript教程js教程table表格微信小程序绘制

transition动画//使用动画库animate.css<transition enter-active-class='animated bounceIn' leave-active-class='animated bounceOut' :duration='200'>//其中duration是绑定动画的时间 统一设置进入与出去的时间<h3 v-if='flag'>这里是动画的内容</h3&g···

animate.cssJavaScript教程js教程Vue

文字比较难解释，直接看图应该就懂是要做什么了。需求工作中遇到的，需求就是超过四行得有个展开按钮，点击展开显示所有内容，不超过四行的话就不需要这个按钮并显示所有内容。思路首先得判断文本自否超过四行，因为这些一般都是是前端异步请求然后后端发送过来，在组长的···

JavaScript教程js教程Vue展开收起文本内容超出文本超出隐藏

准备利用vue-cli脚手架创建项目进入项目安装vuex、axios（npm install vuex,npm install axios）axios配置项目中安装axios模块（npm install axios）完成后，进行以下配置：main.js//引入axiosimport Axios from 'axios'//修改原型链，全局使用axios,这样之后可在每···

axiosJavaScript教程js教程loadingVuevuex安装配置拦截器

html5 canvas+js实现ps钢笔抠图1. 项目要求需要用js实现photoshop中钢笔抠图功能，就用了近三四天的时间去解决它，最终还是基本上把他实现了。做的过程中走了不少弯路，最终一同事找到了canvans以比较核心的属性globalCompositeOperation = "destination-out",属性可以实现···

canvas实现钢笔抠图canvas钢笔抠图html5模版JavaScript教程jsjs教程

select 下拉选择产品类型：这一项是select 涉及到父子组件信息传递 下面拆开讲解父组件 <div class="sales-board-line"> <div class="sales-board-line-left"> 产品类型： </div> <div class="sales-board-line-right"> &l···

JavaScript教程js教程select动态绑定下拉框Vuevuejs2.0

由于小程序页面退出时，定时器和长连接等不会自动清除断开，所以需要我们在生命周期函数中手动清除但是定时器定义在函数中，我们无法在函数外清除，所以为了解决这个问题，我们需要把定时器定义在data中比如：Loadingtime是一个定时器，在data中定义Loadingtime：''。然后···

JavaScript教程js教程小程序清除定时器小程序退出页面时清除定时器怎么清除小程序定时器

如上图所示：需要完成的功能是点击更改头像，获取本地文件库，选择图片后将原始图片替换。这里我就直接用html文件引入vue来简单实现在这功能，代码如下：HTML：<div id="app"> <div class="item_bock head_p"> <div class="head_img"> <img ···

JavaScript教程js教程vue头像vue更改头像vue更改头像功能实现

以前做这种操作就是简单的display：block，但现在用户的要求也越来越高，需要美观和动画感。现在介绍用一种简单的方式来实现子菜单从上向下展开子菜单。看下效果图：点开效果：其实原理比较简单，就是通过子菜单的 max-height: 0;和 max-height: 2000px来实现子菜单的显···

JavaScript教程js教程vue实现收缩展开vue收缩展开vue菜单收缩展开

测试环境jquery-easyui-1.5.3需求场景点击父页面tab 页关闭按钮时，需要做判断，判断该tab页面是否可以关闭：获取子页面js中定义的taskStatus，如果taskStatu不为taskEnd，则表示任务还在执行，不让关闭解决方法给tab标签页增加onBeforeClose事件处理函数，如下：$(fun···

easyuiJavaScript教程jQueryjs教程tab