vue-photo-preview图片过多不执行?

图片说明


vue项目引入**vue-photo-preview**插件,如果遍历的图片超过20张点击没有反应,低于20张是正常的。


我看了一下官网提供的例子,例子中是正常的,想问一下是什么情况

1个回答

20多张你都要给他分到同一组吗? preview的值全是0 , 也就是说这个组里的图片太多他会卡顿, 如果他们不是一组的话就可以改成 :preview="index"

qq_40843352
qq_40843352 再请教想兄弟 如果改组图片数量很多 第一次点击图片放大的时候加载特别慢 这个怎么解决
7 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
在使用vue-preview缩略图时src图太大了,怎么调小?

最近在学习vue的一个移动商城项目,但是视频已经是两年前的了,许多地方都搞不明白。在学习使用vue-preview缩略图时,我的src图片和msrc图片差不多大,我不明白这是为什么,还要如何才能让他达到理想的缩略图效果? 代码如下: ``` <template> <div class="photoinfo-container"> <h3>{{ photoinfo.title }}</h3> <p class="subtitle"> <span>发表时间:{{ photoinfo.add_time | dateFormat }}</span> <span>点击:{{ photoinfo.click }}次</span> </p> <hr> <!-- 缩略图区域 --> <div class="thumbs"> <vue-preview :slides="slide1" @close="handleClose" tag="img" height="100px"></vue-preview> </div> <!-- 文字内容区域 --> <div class="content" v-html="photoinfo.content" ></div> <!-- 放置一个现成的 评论子组件 --> <cmt-box :id="id"></cmt-box> </div> </template> <script> // 1. 导入评论子组件 import comment from "../subcomponents/comment.vue"; export default { data() { return { id: this.$route.params.id, // 从路由中获取到的 图片Id photoinfo: {}, // 图片详情 slide1: [], }; }, created() { this.getPhotoInfo(); this.getThumbs(); }, methods: { getPhotoInfo() { // 获取图片的详情 this.$http.get("api/getimageInfo/" + this.id).then(result => { if (result.body.status === 0) { this.photoinfo = result.body.message[0]; } }); }, getThumbs() { // 获取缩略图 this.$http.get("api/getthumimages/" + this.id) .then(result => { if (result.body.status === 0) { // 循环每个图片数据,补全图片的宽和高 result.body.message.forEach(item => { item.w = 600; item.h = 400; item.msrc = item.src; }); // 把完整的数据保存到 slide1 中 this.slide1 = result.body.message; } }) .catch(error => { console.log(error); Toast({ message: "获取缩略图图片失败..." }); }); }, handleClose () { console.log('close event') } }, components: { // 注册 评论子组件 "cmt-box": comment } }; </script> <style lang="scss" scoped> .photoinfo-container { padding: 3px; h3 { color: #26a2ff; font-size: 15px; text-align: center; margin: 15px 0; } .subtitle { display: flex; justify-content: space-between; font-size: 13px; } .content { font-size: 13px; line-height: 30px; } .thumbs{ img{ margin: 10px; box-shadow: 0 0 8px #999; } } } </style> ``` 我的效果图: ![图片说明](https://img-ask.csdn.net/upload/201912/10/1575947687_671886.png) ![图片说明](https://img-ask.csdn.net/upload/201912/10/1575947799_485086.png) 应达到的效果图:![图片说明](https://img-ask.csdn.net/upload/201912/10/1575948099_260601.png)

preview插件 刷新页面后图片放大失效???

使用preview插件 刷新页面后图片放大失效 # ![图片说明](https://img-ask.csdn.net/upload/201905/06/1557137878_125552.png) ![图片说明](https://img-ask.csdn.net/upload/201905/06/1557137934_255926.png) ![图片说明](https://img-ask.csdn.net/upload/201905/06/1557137943_761946.png) 求大神指教!!!!!!

vue框架中的vue-core-image-upload上传图片的问题

用vue-core-image-upload实现上传图片,ios系统手机点击上传图片会显示拍照、照片图库、ICloud这3种方式,怎样可以禁止拍照这个选项?![图片说明](https://img-ask.csdn.net/upload/201706/19/1497854850_349643.jpg)

vue-lazyload不同图片使用不同filter

我的页面里有多个图片来源,且有不同的src处理方式,但是貌似vue-lazyload会把所有的filter都执行一次,可不可以指定那些图片使用指定filter呢?

做vue项目时使用vue-aplayer报错

配置完vue-aplayer,运行npm run start,一直报错依赖找不到 * hls.js in ./node_modules/vue-aplayer/dist/vue-aplayer.min.js ![图片说明](https://img-ask.csdn.net/upload/201911/19/1574150431_952151.png)![图片说明](https://img-ask.csdn.net/upload/201911/19/1574150439_268288.png) 配置是按照[https://blog.csdn.net/yusina_/article/details/83690647](https://blog.csdn.net/yusina_/article/details/83690647 "")这个帖子配置的 新手自己写的第一个项目,卡一下午了,求教(真诚脸)

vue-awesome-swiper 手势缩放无效

问题描述: 想在vue项目中使用vue-awesome-swiper实现相册查看功能,测试的时候发现使用写死的图片src 时手势缩放没有问题,但是图片src集合换到从后台获取到再赋值的,手势缩放就不起作用了,不知道是什么原因。 用的vue template, 后台获取到的数据已经渲染到dom中,手机上测试切换没有问题,双击放大也可以,就是手势缩放或者双击放大后图片不能拖拽移动查看(用写死的图片src是可以的)。 vue项目依赖或版本: ``` "devDependencies": { "axios": "^0.15.3", "babel-plugin-component": "^0.10.1", "babel-plugin-transform-object-rest-spread": "^6.26.0", "bootstrap-sass": "^3.3.7", "cross-env": "^3.2.3", "jquery": "^3.1.1", "laravel-mix": "^0.12.1", "less": "^2.7.3", "less-loader": "^4.0.5", "lodash": "^4.17.4", "postcss-px2rem": "^0.3.0", "vue-lazyload": "^1.2.6" }, "dependencies": { "fastclick": "^1.0.6", "leancloud-realtime": "^4.0.0-alpha.3", "leancloud-realtime-plugin-typed-messages": "^3.0.0", "leancloud-storage": "^3.4.2", "mint-ui": "^2.2.11", "moment": "^2.19.1", "vee-validate": "^2.0.0", "vue": "^2.5.13", "vue-awesome-swiper": "^2.6.7", "vue-resource": "^1.3.4", "vue-router": "^3.0.1", "vuex": "^3.0.1" } ``` 问题出现的环境背景及自己尝试过哪些方法: 试过使用另一个图片预览插件 [PhotoSwipe](http://photoswipe.com/ ""):PhotoSwipe,这个插件体验感比较好,但是插件需要预先知道图片的宽高,这个目前还没有时间研究。 相关代码: ``` <style> .viewImg .swiper-slide img { width: 100%; } </style> <template> <div class="viewImg" > <a class="btn-close f-r"><img src="/images/icon-close.png" @click="closeViewer" alt="关闭" title="关闭"></a> <swiper :options="swiperOption" ref="mySwiper"> <swiper-slide v-for="img in images" :key="img.id"> <div class="swiper-zoom-container"> <img :data-src="img.smallSizeUrl" class="swiper-lazy"> </div> </swiper-slide> <div class="swiper-button-prev" slot="button-prev"></div> <div class="swiper-button-next" slot="button-next"></div> </swiper> </div> </template> <script> import 'swiper/dist/css/swiper.css' ; import { swiper, swiperSlide } from 'vue-awesome-swiper' export default { components: { swiper, swiperSlide }, data() { return {swiperOption: { allowTouchMove: true, width: window.innerWidth, notNextTick: false, observer:true,//修改swiper自己或子元素时,自动初始化swiper observeParents:true,//修改swiper的父元素时,自动初始化swiper loadPrevNext: true, lazy: { loadPrevNext: true, }, lazyLoading : true, lazyLoadingInPrevNext: true, // 设置为true允许将延迟加载应用到最接近的slide的图片(前一个和后一个slide)。 zoom: true, grabCursor: true, // 设置为true时,鼠标覆盖Swiper时指针会变成手掌形状,拖动时指针会变成抓手形状。(根据浏览器形状有所不同) pagination: { el: '.swiper-pagination' }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' } } } }, //定义这个sweiper对象 computed: { swiper() { return this.$refs.mySwiper.swiper; } }, mounted () { //这边就可以使用swiper这个对象去使用swiper官网中的那些方法 // this.swiper.slideTo(0, 1, false); }, props: { images: { required: true } }, methods:{ closeViewer: function(){ this.viewImg = false; } } } </script> ``` 我期待的结果是什么?实际看到的错误信息又是什么: 需要实现流畅的相册查看功能,支持预加载、流畅切换以及手机中手势缩放查看。 [vue-awesome-swiper 的demo](https://surmon-china.github.io/vue-awesome-swiper/ "")里可以看到都可以满足目前的主要需求,但是我在项目中出现了以上问题,求助。

vue-preview 和 better-scroll冲突

在页面中添加 scroll 包裹后 被包裹的元素中引入了含有 vue-preview 的子组件 结果就发现缩略图在点击放大时 显示的位置会随着屏幕滚动而变动 ----------------------- 如下面这个gif图所示 ![图片说明](https://img-ask.csdn.net/upload/201911/14/1573664133_582999.gif) 下面是截取图片的内容 ![图片说明](https://img-ask.csdn.net/upload/201911/14/1573664531_370469.png) 有什么办法让这个缩略图放大时位置不动吗? 是不是这两个插件有冲突? 前端小白求解....

关于vue使用vue-video-player无法播放视频的问题

vue-video-player正常全局加载后 并使用却无法加载本地MP4的视频 本地MP4视频放在同级别目录下 ![图片说明](https://img-ask.csdn.net/upload/201911/16/1573899078_715017.png) 资源路劲配置 ![图片说明](https://img-ask.csdn.net/upload/201911/16/1573899045_399805.png) 视频播放的时候显示无法加载 不支持 ![图片说明](https://img-ask.csdn.net/upload/201911/16/1573899198_48691.png) 控制台输出 ![图片说明](https://img-ask.csdn.net/upload/201911/16/1573899227_712565.png) 浏览器播放MP4视频是可以的 换成其他本地资源路劲也是一样问题 求问怎么解决

Vue-cli 的热更新无效问题

我使用vue init webpack-simple ProjectName创建了一个简单的Vue-cli工程,但是无法实现热更新。每次一点点改动就需要重新编译运行才能看到效果,十分困扰。 我的webpack配置如下: ``` const path = require('path') const webpack = require('webpack'); console.log(path.resolve(__dirname, './src/main.js')) module.exports = { //热部署 entry:[ path.resolve(__dirname, './src/main.js'), 'webpack-dev-server/client?http://localhost:8080/', ], output: { path: path.resolve(__dirname, './dist'), publicPath: './dist/', filename: 'build.js' }, module: { rules: [ { test: /\.css$/, use: [ 'vue-style-loader', 'css-loader' ], }, { test: /\.vue$/, loader: 'vue-loader', options: { loaders: { } // other vue-loader options go here } }, { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ }, { test: /\.(png|jpg|gif|svg)$/, loader: 'file-loader', options: { name: '[name].[ext]?[hash]' } } ] }, resolve: { alias: { 'vue$': 'vue/dist/vue.esm.js' }, extensions: ['*', '.js', '.vue', '.json'] }, devServer: { //这里可以配置端口号 // port:8080, // host: 'localhost', //重定向404 historyApiFallback: true, noInfo: true, //编译出错的时候,在浏览器页面上显示错误 overlay: true, hot:true, inline:true, //该目录不填默认是项目目录 // contentBase: path.resolve(__dirname), }, performance: { hints: false }, devtool: '#eval-source-map', //配置webpack插件 plugins:[ //热加载插件 new webpack.HotModuleReplacementPlugin(), new webpack.NamedModulesPlugin(), ] } if (process.env.NODE_ENV === 'production') { module.exports.devtool = '#source-map' // http://vue-loader.vuejs.org/en/workflow/production.html module.exports.plugins = (module.exports.plugins || []).concat([ new webpack.DefinePlugin({ 'process.env': { NODE_ENV: '"production"' } }), new webpack.optimize.UglifyJsPlugin({ sourceMap: true, compress: { warnings: false } }), new webpack.LoaderOptionsPlugin({ minimize: true }) ]) } ``` package.json如下: ``` { "name": "srms", "description": "A Vue.js project", "version": "1.0.0", "author": "Snile <826245622@qq.com>", "license": "", "private": true, "scripts": { "clean": "rd /s /q dist", "build": "cross-env NODE_ENV=production webpack --progress --hide-modules", "dev": "npm run build && cross-env NODE_ENV=development webpack-dev-server --open --inline --hot" }, "dependencies": { "vue": "^2.5.11", "vue-router": "^3.0.2" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ], "devDependencies": { "babel-core": "^6.26.0", "babel-loader": "^7.1.2", "babel-preset-env": "^1.6.0", "babel-preset-stage-3": "^6.24.1", "cross-env": "^5.0.5", "css-loader": "^0.28.7", "file-loader": "^1.1.4", "vue-loader": "^14.2.3", "vue-template-compiler": "^2.4.4", "webpack": "^3.12.0", "webpack-dev-server": "^2.9.1" } } ``` 该配置似乎能检测到文件的变化,每次改动后,控制台都会输出: client:77 [WDS] Hot Module Replacement enabled. 2client:80 [WDS] App updated. Recompiling... client:223 [WDS] App hot update...

vue-cropper图片裁剪问题

进入VueCropper时开始截取图片,退出VueCropper时停止截取图片。在leave方法中能够拿到截取的图片。 但是进入VueCropper时开始截取图片,点击截取按钮时停止截取图片。在doCut方法中拿到的截取图片却并没有截取,而是原图,这是为什么。 ```js <template> <el-dialog id="createDialog" title="画像を選択" width="90%" :visible.sync="$store.state.showCreateDialog" top="110px" @close="close" > <mLine /> <el-container style="height:800px;"> <el-main style="overflow:hidden;margin-top:-20px;"> <div style="height:600px;width:100%;float:left"> <div> <el-row> <font>票はその地区によって決めてください,クリック“トリミング、次のステップ”</font> </el-row> </div> <div style="width:100%;height:600px;background-color:#f6f7fb"> <div style="display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;" > <vueCropper @mouseenter.native="enter" @mouseleave.native="leave" ref="cropper" :img="uploadImg" :outputSize="option.size" :outputType="option.outputType" :info="true" :full="option.full" :canMove="option.canMove" :canMoveBox="option.canMoveBox" :original="option.original" :autoCrop="option.autoCrop" :fixed="option.fixed" :fixedNumber="option.fixedNumber" :centerBox="option.centerBox" :infoTrue="option.infoTrue" :fixedBox="option.fixedBox" style="background-image:none" ></vueCropper> <!-- <img class="tryImage" :src="editImg" /> --> </div> </div> <div style="width:100%;"> <span class="btn-upload"> <el-button style="width:100%;background-color:#a9a9a9"> <font color="white">画像をアップロード</font> </el-button> <input type="file" ref="head_picture_file" id="head_picture_file" name="file" class="input-file" @change="uploadImage($event)" /> </span> </div> </div> </el-main> <el-footer style="margin-bottom:20px;"> <el-row :gutter="10" type="flex" justify="end"> <el-col :span="3"> <el-button @click="skipCut()">トリミングをスキップ</el-button> </el-col> <el-col :span="4"> <el-button type="primary" @click="doCut()">トリミング、次のステップ</el-button> </el-col> </el-row> </el-footer> </el-container> </el-dialog> </template> <script> import mLine from "@/components/common/line"; export default { components: { mLine }, data() { return { uploadImg: "", option: { info: true, // 裁剪框的大小信息 outputSize: 0.8, // 裁剪生成图片的质量 outputType: "jpeg", // 裁剪生成图片的格式 canScale: false, // 图片是否允许滚轮缩放 autoCrop: false, // 是否默认生成截图框 fixedBox: false, // 固定截图框大小 不允许改变 fixed: false, // 是否开启截图框宽高固定比例 fixedNumber: [7, 5], // 截图框的宽高比例 full: true, // 是否输出原图比例的截图 canMove: false, //时候可以移动原图 canMoveBox: true, // 截图框能否拖动 original: false, // 上传图片按照原始比例渲染 centerBox: false, // 截图框是否被限制在图片里面 infoTrue: true // true 为展示真实输出图片宽高 false 展示看到的截图框宽高 } }; }, methods: { enter() { if (this.uploadImg == "") { return; } console.log("开始截图"); this.$refs.cropper.startCrop(); }, leave() { // console.log("停止截图"); this.$refs.cropper.stopCrop(); // //这里拿到截图有效 // this.$refs.cropper.getCropData(data => { // console.log(data); // }); }, skipCut() { this.$store.commit("openEditDialog", { url: "http://172.25.78.198:3000/templates/d52674dd-b21e-4733-9b47-0cf4bd6c6c28.jpeg", showInfo: true }); this.$store.commit("closeCreateDialog"); }, doCut() { // this.$refs.cropper.getCropBlob(data => { // console.log(data); // }); this.$refs.cropper.stopCrop(); //这里拿到的截图是未裁剪的原图 this.$refs.cropper.getCropData(data => { console.log(data); }); this.$store.commit("openEditDialog", { url: "http://172.25.78.198:3000/templates/d52674dd-b21e-4733-9b47-0cf4bd6c6c28.jpeg", showInfo: true }); this.$store.commit("closeCreateDialog"); }, uploadImage(e) { var reader = new FileReader(); var file = e.target.files[0]; // if (!/image\/\w+/.test(file.type)) { // //判断文件的是不是图片 // alert("上传的文件格式不对,请重新上传..."); // return false; // } reader.readAsDataURL(file); var _this = this; reader.onload = function(e) { _this.uploadImg = this.result; }; }, close() { this.uploadImg = ""; //解决dialog关闭后上传同一文件上传不成功的bug this.$refs.head_picture_file.value = ""; } } }; </script> <style scoped> .input-file { position: absolute; right: 0; top: 0; cursor: pointer; z-index: 1; font-size: 30em; opacity: 0; filter: alpha(opacity=0); } .btn-upload { position: relative; display: inline-block; height: 40px; *display: inline; overflow: hidden; vertical-align: middle; cursor: pointer; width: 100%; } #createDialog /deep/ .el-dialog__body { padding: 0; } </style> ```

Java后端使用vue-element-admin

怎么修改vue-element-admin的配置,从而与自己的服务器后台数据相连 ``` ```

vue-amap 中点标记如何添加点击事件?

如题,我想添加点标记的点击事件,但是vue-amap的[官方文档](https://elemefe.github.io/vue-amap/#/zh-cn/coverings/marker "")对于点击事件的方面萌新不是特别清楚。我用的是下面的方法添加的点标记,不知道在此基础上怎么去添加点击事件_(:зゝ∠)_ ![图片说明](https://img-ask.csdn.net/upload/201905/15/1557929785_824713.png) ![图片说明](https://img-ask.csdn.net/upload/201905/15/1557930254_435355.jpg) 这个是 methods 中有个循环去做点标记 ![图片说明](https://img-ask.csdn.net/upload/201905/15/1557930155_418789.png) 所以就是这样,点击事件不知道怎么加......QAQ

Vue中使用vue-orgchart,如何只在最后一个节点添加删除操作

Vue中使用vue-orgchart,如何只在最后一个节点添加删除操作

vue-template-admin后台管理请求数据的

vue-template-admin在这个模板上做开发 但是请求数据的时候proxy不能用一直在渲染本地localhost接口proxy里面的targetURL匹配不上按照官方给的删除了mock和原本的代理都没用 头都炸了

vue-video-player 报错 ,请问怎么解决

vendor.fec61cdf0ab67b1c1d30.1557884654290.js:50 VIDEOJS: WARN: player.hls is deprecated. Use player.tech_.hls instead ``` import 'videojs-contrib-hls' import { videoPlayer } from 'vue-video-player'; <div class="video-container"> <div class="container"> <div class="player"> <video-player class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions" @play="onPlayerPlay($event)" @pause="onPlayerPause($event)" @touchEnd="handleVideo" > </video-player> </div> </div> </div> 代码部分 ```

vue-element-admin在vscode中修改代码后如何运行调试查看结果?

我从github里clone了vue-element-admin的库而且成功安装了,现在npm run dev也可以查看页面。 但是我在vscode里对其修改的部分没有运行,请问如何操作才能看到我修改后的版本的运行结果呢?

为什么vue-quill-editor 粘贴换行时变成div

粘贴带换行符的 文本时候自动变成了空div 并且把内容清空了 粘贴html没有问题 ![图片说明](https://img-ask.csdn.net/upload/202004/30/1588243503_277262.png) 原来官网的是自动变成p标签

Vue-quill-editor富文本编辑器怎么调整高度

Vue-quill-editor富文本编辑器怎么调整高度,就是一个页面多个编辑器,有的高度要auto,有道的要固定高度,怎么设置啊?

vue-source 如何解决跨域问题??

小白求教Vue-resource如何解决跨域啊。。。。 ![图片说明](https://img-ask.csdn.net/upload/201709/17/1505628750_98192.png) ![图片说明](https://img-ask.csdn.net/upload/201709/17/1505629240_432749.png)![图片说明](https://img-ask.csdn.net/upload/201709/17/1505629279_37937.png) 收到数据但是还是报错,不能输出

4小时玩转微信小程序——基础入门与微信支付实战

这是一个门针对零基础学员学习微信小程序开发的视频教学课程。课程采用腾讯官方文档作为教程的唯一技术资料来源。杜绝网络上质量良莠不齐的资料给学员学习带来的障碍。 视频课程按照开发工具的下载、安装、使用、程序结构、视图层、逻辑层、微信小程序等几个部分组织课程,详细讲解整个小程序的开发过程

Python可以这样学(第四季:数据分析与科学计算可视化)

董付国老师系列教材《Python程序设计(第2版)》(ISBN:9787302436515)、《Python可以这样学》(ISBN:9787302456469)配套视频,在教材基础上又增加了大量内容,通过实例讲解numpy、scipy、pandas、statistics、matplotlib等标准库和扩展库用法。

组成原理课程设计(实现机器数的真值还原等功能)

实现机器数的真值还原(定点小数)、定点小数的单符号位补码加减运算、定点小数的补码乘法运算和浮点数的加减运算。

javaWeb图书馆管理系统源码mysql版本

系统介绍 图书馆管理系统主要的目的是实现图书馆的信息化管理。图书馆的主要业务就是新书的借阅和归还,因此系统最核心的功能便是实现图书的借阅和归还。此外,还需要提供图书的信息查询、读者图书借阅情况的查询等

土豆浏览器

土豆浏览器可以用来看各种搞笑、电影、电视剧视频

Java面试题大全(2020版)

发现网上很多Java面试题都没有答案,所以花了很长时间搜集整理出来了这套Java面试题大全,希望对大家有帮助哈~ 本套Java面试题大全,全的不能再全,哈哈~ 一、Java 基础 1. JDK 和 JRE 有什么区别? JDK:Java Development Kit 的简称,java 开发工具包,提供了 java 的开发环境和运行环境。 JRE:Java Runtime Environ...

Java8零基础入门视频教程

这门课程基于主流的java8平台,由浅入深的详细讲解了java SE的开发技术,可以使java方向的入门学员,快速扎实的掌握java开发技术!

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

TTP229触摸代码以及触摸返回值处理

自己总结的ttp229触摸代码,触摸代码以及触摸按键处理

网络工程师小白入门--【思科CCNA、华为HCNA等网络工程师认证】

本课程适合CCNA或HCNA网络小白同志,高手请绕道,可以直接学习进价课程。通过本预科课程的学习,为学习网络工程师、思科CCNA、华为HCNA这些认证打下坚实的基础! 重要!思科认证2020年2月24日起,已启用新版认证和考试,包括题库都会更新,由于疫情原因,请关注官网和本地考点信息。题库网络上很容易下载到。

深度学习原理+项目实战+算法详解+主流框架(套餐)

深度学习系列课程从深度学习基础知识点开始讲解一步步进入神经网络的世界再到卷积和递归神经网络,详解各大经典网络架构。实战部分选择当下最火爆深度学习框架PyTorch与Tensorflow/Keras,全程实战演示框架核心使用与建模方法。项目实战部分选择计算机视觉与自然语言处理领域经典项目,从零开始详解算法原理,debug模式逐行代码解读。适合准备就业和转行的同学们加入学习! 建议按照下列课程顺序来进行学习 (1)掌握深度学习必备经典网络架构 (2)深度框架实战方法 (3)计算机视觉与自然语言处理项目实战。(按照课程排列顺序即可)

java jdk 8 帮助文档 中文 文档 chm 谷歌翻译

JDK1.8 API 中文谷歌翻译版 java帮助文档 JDK API java 帮助文档 谷歌翻译 JDK1.8 API 中文 谷歌翻译版 java帮助文档 Java最新帮助文档 本帮助文档是使用谷

Ubuntu18.04安装教程

Ubuntu18.04.1安装一、准备工作1.下载Ubuntu18.04.1 LTS2.制作U盘启动盘3.准备 Ubuntu18.04.1 的硬盘空间二、安装Ubuntu18.04.1三、安装后的一些工作1.安装输入法2.更换软件源四、双系统如何卸载Ubuntu18.04.1新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列...

快速排序---(面试碰到过好几次)

原理:    快速排序,说白了就是给基准数据找其正确索引位置的过程.    如下图所示,假设最开始的基准数据为数组第一个元素23,则首先用一个临时变量去存储基准数据,即tmp=23;然后分别从数组的两端扫描数组,设两个指示标志:low指向起始位置,high指向末尾.    首先从后半部分开始,如果扫描到的值大于基准数据就让high减1,如果发现有元素比该基准数据的值小(如上图中18&amp;lt...

手把手实现Java图书管理系统(附源码)

【超实用课程内容】 本课程演示的是一套基于Java的SSM框架实现的图书管理系统,主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的java人群。详细介绍了图书管理系统的实现,包括:环境搭建、系统业务、技术实现、项目运行、功能演示、系统扩展等,以通俗易懂的方式,手把手的带你从零开始运行本套图书管理系统,该项目附带全部源码可作为毕设使用。 【课程如何观看?】 PC端:https://edu.csdn.net/course/detail/27513 移动端:CSDN 学院APP(注意不是CSDN APP哦) 本课程为录播课,课程2年有效观看时长,大家可以抓紧时间学习后一起讨论哦~ 【学员专享增值服务】 源码开放 课件、课程案例代码完全开放给你,你可以根据所学知识,自行修改、优化 下载方式:电脑登录https://edu.csdn.net/course/detail/27513,点击右下方课程资料、代码、课件等打包下载

HTML期末大作业

这是我自己做的HTML期末大作业,花了很多时间,稍加修改就可以作为自己的作业了,而且也可以作为学习参考

Python数据挖掘简易入门

&nbsp; &nbsp; &nbsp; &nbsp; 本课程为Python数据挖掘方向的入门课程,课程主要以真实数据为基础,详细介绍数据挖掘入门的流程和使用Python实现pandas与numpy在数据挖掘方向的运用,并深入学习如何运用scikit-learn调用常用的数据挖掘算法解决数据挖掘问题,为进一步深入学习数据挖掘打下扎实的基础。

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

想学好JAVA必须要报两万的培训班吗? Java大神勿入 如果你: 零基础想学JAVA却不知道从何入手 看了一堆书和视频却还是连JAVA的环境都搭建不起来 囊中羞涩面对两万起的JAVA培训班不忍直视 在职没有每天大块的时间专门学习JAVA 那么恭喜你找到组织了,在这里有: 1. 一群志同道合立志学好JAVA的同学一起学习讨论JAVA 2. 灵活机动的学习时间完成特定学习任务+每日编程实战练习 3. 热心助人的助教和讲师及时帮你解决问题,不按时完成作业小心助教老师的家访哦 上一张图看看前辈的感悟: &nbsp; &nbsp; 大家一定迫不及待想知道什么是极简JAVA学习营了吧,下面就来给大家说道说道: 什么是极简JAVA学习营? 1. 针对Java小白或者初级Java学习者; 2. 利用9天时间,每天1个小时时间; 3.通过 每日作业 / 组队PK / 助教答疑 / 实战编程 / 项目答辩 / 社群讨论 / 趣味知识抢答等方式让学员爱上学习编程 , 最终实现能独立开发一个基于控制台的‘库存管理系统’ 的学习模式 极简JAVA学习营是怎么学习的? &nbsp; 如何报名? 只要购买了极简JAVA一:JAVA入门就算报名成功! &nbsp;本期为第四期极简JAVA学习营,我们来看看往期学员的学习状态: 作业看这里~ &nbsp; 助教的作业报告是不是很专业 不交作业打屁屁 助教答疑是不是很用心 &nbsp; 有奖抢答大家玩的很嗨啊 &nbsp; &nbsp; 项目答辩终于开始啦 &nbsp; 优秀者的获奖感言 &nbsp; 这是答辩项目的效果 &nbsp; &nbsp; 这么细致的服务,这么好的氛围,这样的学习效果,需要多少钱呢? 不要1999,不要199,不要99,只要9.9 是的你没听错,只要9.9以上所有就都属于你了 如果你: 1、&nbsp;想学JAVA没有基础 2、&nbsp;想学JAVA没有整块的时间 3、&nbsp;想学JAVA没有足够的预算 还等什么?赶紧报名吧,抓紧抢位,本期只招300人,错过只有等时间待定的下一期了 &nbsp; 报名请加小助手微信:eduxy-1 &nbsp; &nbsp;

C++语言基础视频教程

C++语言基础视频培训课程:本课与主讲者在大学开出的程序设计课程直接对接,准确把握知识点,注重教学视频与实践体系的结合,帮助初学者有效学习。本教程详细介绍C++语言中的封装、数据隐藏、继承、多态的实现等入门知识;主要包括类的声明、对象定义、构造函数和析构函数、运算符重载、继承和派生、多态性实现等。 课程需要有C语言程序设计的基础(可以利用本人开出的《C语言与程序设计》系列课学习)。学习者能够通过实践的方式,学会利用C++语言解决问题,具备进一步学习利用C++开发应用程序的基础。

UnityLicence

UnityLicence

软件测试2小时入门

本课程内容系统、全面、简洁、通俗易懂,通过2个多小时的介绍,让大家对软件测试有个系统的理解和认识,具备基本的软件测试理论基础。 主要内容分为5个部分: 1 软件测试概述,了解测试是什么、测试的对象、原则、流程、方法、模型;&nbsp; 2.常用的黑盒测试用例设计方法及示例演示;&nbsp; 3 常用白盒测试用例设计方法及示例演示;&nbsp; 4.自动化测试优缺点、使用范围及示例‘;&nbsp; 5.测试经验谈。

YOLOv3目标检测实战:训练自己的数据集

YOLOv3是一种基于深度学习的端到端实时目标检测方法,以速度快见长。本课程将手把手地教大家使用labelImg标注和使用YOLOv3训练自己的数据集。课程分为三个小项目:足球目标检测(单目标检测)、梅西目标检测(单目标检测)、足球和梅西同时目标检测(两目标检测)。 本课程的YOLOv3使用Darknet,在Ubuntu系统上做项目演示。包括:安装Darknet、给自己的数据集打标签、整理自己的数据集、修改配置文件、训练自己的数据集、测试训练出的网络模型、性能统计(mAP计算和画出PR曲线)和先验框聚类。 Darknet是使用C语言实现的轻型开源深度学习框架,依赖少,可移植性好,值得深入探究。 除本课程《YOLOv3目标检测实战:训练自己的数据集》外,本人推出了有关YOLOv3目标检测的系列课程,请持续关注该系列的其它课程视频,包括: 《YOLOv3目标检测实战:交通标志识别》 《YOLOv3目标检测:原理与源码解析》 《YOLOv3目标检测:网络模型改进方法》 敬请关注并选择学习!

Python数据分析师-实战系列

系列课程主要包括Python数据分析必备工具包,数据分析案例实战,核心算法实战与企业级数据分析与建模解决方案实战,建议大家按照系列课程阶段顺序进行学习。所有数据集均为企业收集的真实数据集,整体风格以实战为导向,通俗讲解Python数据分析核心技巧与实战解决方案。

YOLOv3目标检测实战系列课程

《YOLOv3目标检测实战系列课程》旨在帮助大家掌握YOLOv3目标检测的训练、原理、源码与网络模型改进方法。 本课程的YOLOv3使用原作darknet(c语言编写),在Ubuntu系统上做项目演示。 本系列课程包括三门课: (1)《YOLOv3目标检测实战:训练自己的数据集》 包括:安装darknet、给自己的数据集打标签、整理自己的数据集、修改配置文件、训练自己的数据集、测试训练出的网络模型、性能统计(mAP计算和画出PR曲线)和先验框聚类。 (2)《YOLOv3目标检测:原理与源码解析》讲解YOLOv1、YOLOv2、YOLOv3的原理、程序流程并解析各层的源码。 (3)《YOLOv3目标检测:网络模型改进方法》讲解YOLOv3的改进方法,包括改进1:不显示指定类别目标的方法 (增加功能) ;改进2:合并BN层到卷积层 (加快推理速度) ; 改进3:使用GIoU指标和损失函数 (提高检测精度) ;改进4:tiny YOLOv3 (简化网络模型)并介绍 AlexeyAB/darknet项目。

超详细MySQL安装及基本使用教程

一、下载MySQL 首先,去数据库的官网http://www.mysql.com下载MySQL。 点击进入后的首页如下:  然后点击downloads,community,选择MySQL Community Server。如下图:  滑到下面,找到Recommended Download,然后点击go to download page。如下图:  点击download进入下载页面选择No...

一学即懂的计算机视觉(第一季)

图像处理和计算机视觉的课程大家已经看过很多,但总有“听不透”,“用不了”的感觉。课程致力于创建人人都能听的懂的计算机视觉,通过生动、细腻的讲解配合实战演练,让学生真正学懂、用会。 【超实用课程内容】 课程内容分为三篇,包括视觉系统构成,图像处理基础,特征提取与描述,运动跟踪,位姿估计,三维重构等内容。课程理论与实战结合,注重教学内容的可视化和工程实践,为人工智能视觉研发及算法工程师等相关高薪职位就业打下坚实基础。 【课程如何观看?】 PC端:https://edu.csdn.net/course/detail/26281 移动端:CSDN 学院APP(注意不是CSDN APP哦) 本课程为录播课,课程2年有效观看时长,但是大家可以抓紧时间学习后一起讨论哦~ 【学员专享增值服务】 源码开放 课件、课程案例代码完全开放给你,你可以根据所学知识,自行修改、优化 下载方式:电脑登录https://edu.csdn.net/course/detail/26281,点击右下方课程资料、代码、课件等打包下载

董付国老师Python全栈学习优惠套餐

购买套餐的朋友可以关注微信公众号“Python小屋”,上传付款截图,然后领取董老师任意图书1本。

爬取妹子图片(简单入门)

安装第三方请求库 requests 被网站禁止了访问 原因是我们是Python过来的 重新给一段 可能还是存在用不了,使用网页的 编写代码 上面注意看匹配内容 User-Agent:请求对象 AppleWebKit:请求内核 Chrome浏览器 //请求网页 import requests import re //正则表达式 就是去不规则的网页里面提取有规律的信息 headers = { 'User-Agent':'存放浏览器里面的' } response = requests.get

web网页制作期末大作业

分享思维,改变世界. web网页制作,期末大作业. 所用技术:html css javascript 分享所学所得

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

相关热词 c#跨线程停止timer c#批量写入sql数据库 c# 自动安装浏览器 c#语言基础考试题 c# 偏移量打印是什么 c# 绘制曲线图 c#框体中的退出函数 c# 按钮透明背景 c# idl 混编出错 c#在位置0处没有任何行
立即提问