VIP用户交流群:462197261 收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
在线客服:78895949
tonglan
  • flash01
  • 1

最新资源更新

定制服务

最新文章更新

欢迎投稿
在微信小程序中使用图表的方法示例

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

原生JS实现图片懒加载之页面性能优化

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

关于Vue源码vm.$watch()内部原理详解

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

vue中img src 动态加载本地json的图片路径写法

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

JS异步错误捕获的一些事小结

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

react高阶组件添加和删除props

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

详解VScode编辑器vue环境搭建所遇问题解决方案

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

配置一个vue3.0项目的完整步骤

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

Vue使用Canvas绘制图片、矩形、线条、文字,下载图片

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

JS原生瀑布流效果实现

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

微信小程序实现的绘制table表格功能示例

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

vue操作动画的记录animate.css实例代码

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

Vue 中文本内容超出规定行数后展开收起的处理的实现方法

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

Vue基于vuex、axios拦截器实现loading效果及axios的安装配置

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

js+html5 canvas实现ps钢笔抠图

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

详解vuejs2.0 select 动态绑定下拉框支持多选

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

详解小程序退出页面时清除定时器

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

详解vue更改头像功能实现

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

Vue2(三)实现子菜单展开收缩,带动画效果实现方法

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

Easyui 关闭jquery-easui tab标签页前触发事件的解决方法

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

友情链接

友链要求:内容关联性强,百度正常收录无作弊的正规站点。