vue-awesome-swiper 手势缩放无效 10C

问题描述:
想在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: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里可以看到都可以满足目前的主要需求,但是我在项目中出现了以上问题,求助。

1个回答

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
做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-Quill-Editor超链接无效
![图片说明](https://img-ask.csdn.net/upload/201907/03/1562121890_843052.png) Vue-Quill-Editor的超链接功能,怎么点都是无效的??
vue-video-player 怎么实现截图功能呢?
vue-video-player 怎么实现截图功能呢? 原生的H5和canvas可以截图的
vue-element-admin在vscode中修改代码后如何运行调试查看结果?
我从github里clone了vue-element-admin的库而且成功安装了,现在npm run dev也可以查看页面。 但是我在vscode里对其修改的部分没有运行,请问如何操作才能看到我修改后的版本的运行结果呢?
Java后端使用vue-element-admin
怎么修改vue-element-admin的配置,从而与自己的服务器后台数据相连 ``` ```
vue-lazyload不同图片使用不同filter
我的页面里有多个图片来源,且有不同的src处理方式,但是貌似vue-lazyload会把所有的filter都执行一次,可不可以指定那些图片使用指定filter呢?
关于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-template-admin后台管理请求数据的
vue-template-admin在这个模板上做开发 但是请求数据的时候proxy不能用一直在渲染本地localhost接口proxy里面的targetURL匹配不上按照官方给的删除了mock和原本的代理都没用 头都炸了
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-websocket使用方法?
vue-websocket在vue+webpack搭建的项目里如何使用?求大神解决一下
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-cli的时候总是报错呢?
用了很多安装命令都安装不上, npm install vue-cli -g npm install -g vue-cli 很多..... 报的错都一样 ![图片说明](https://img-ask.csdn.net/upload/201906/02/1559480690_333242.png) ![图片说明](https://img-ask.csdn.net/upload/201906/02/1559480708_336731.png)
# 安装vue-cli 安装总是报错
命令行 npm install -g vue-cli ![图片说明](https://img-ask.csdn.net/upload/201711/30/1512033861_696299.png)
vue-loader安装后在.vue里的<style></style>里面写样式就报错?
提问:请问下,vue-loader也安装了为何在.vue的style标签了 还是不能写样式呢?webpack4,使用webpack-dev-server命令打包时就报错.应该如何解决? 我已经尝试卸载vue-loader重新安装,删除node-modules重新跑环境,但并没有解决掉.难到是某个加载器的版本的问题吗? main.js ``` import Vue from 'vue'; import app from './App.vue'; import { Header } from 'mint-ui'; Vue.component(Header.name, Header); var vm=new Vue({ el:'#app', render:c=>c(app) }); ``` App.vue ``` <template> <div class="box"> <!--header--> <mt-header fixed title="固定在顶部"></mt-header> <!--body--> <!--foot--> <h1>这是 App 组件</h1> </div> </template> <script> </script> <style lang="sass" scoped> .box{ padding-top:40px; } </style> ``` package.json ``` "devDependencies": { "babel-core": "^6.26.0", "babel-loader": "^7.1.2", "babel-plugin-component": "^0.10.1", "babel-plugin-transform-runtime": "^6.23.0", "babel-preset-env": "^1.6.1", "babel-preset-stage-0": "^6.24.1", "css-loader": "^0.28.7", "file-loader": "^1.1.5", "html-webpack-plugin": "^2.30.1", "less": "^2.7.3", "less-loader": "^4.0.5", "node-sass": "^4.5.3", "sass-loader": "^6.0.6", "style-loader": "^0.19.0", "url-loader": "^0.6.2", "vue-loader": "^13.3.0", "vue-template-compiler": "^2.5.2", "webpack": "^3.8.1", "webpack-dev-server": "^2.9.3" }, "dependencies": { "bootstrap": "^3.3.7", "mint-ui": "^2.2.9", "vue": "^2.5.2", "vue-router": "^3.0.1" } } ``` 错误提示: ``` ERROR in ./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7ba5bd90","scoped": true,"hasInlineConfig":false}!./node_modules/sass-loader/lib/loader.js?indentedSyntax!./node_modules/vue-loader/lib/selector .js?type=styles&index=0!./src/App.vue Module build failed: .box{ ^ Invalid CSS after ".box{": expected "}", was "{" in F:\vuetest\day7\src\App.vue (line 19, column 6) @ ./node_modules/vue-style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":" data-v-7ba5bd90","scoped":true,"hasInlineConfig":false}!./node_modules/sass-loader/lib/loader.js?indentedSyntax!./node_modul es/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue 4:14-331 13:3-17:5 14:22-339 @ ./src/App.vue @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:3000 webpack/hot/dev-server ./src/main.js
vue-cli3.0 如何设置配置文件,打包后可以直接修改配置项更换请求地址或定义的其它变量,无需再次打包
vue-cli3.0 如何设置配置文件,打包后可以直接修改配置项更换请求地址或定义的其它变量,无需再次打包
vue框架中的vue-core-image-upload上传图片的问题
用vue-core-image-upload实现上传图片,ios系统手机点击上传图片会显示拍照、照片图库、ICloud这3种方式,怎样可以禁止拍照这个选项?![图片说明](https://img-ask.csdn.net/upload/201706/19/1497854850_349643.jpg)
vue在写webApp时可不可以用vue-socket.io实现长链接,实现实时刷新数据???急啊。。。。
vue在写webApp时可不可以用vue-socket.io实现长链接,实现实时刷新数据???急啊。。。。
vue-router在hash模式下打包部署后通过url访问报404
希望实现的效果: http://localhost/ (访问到系统首页) http://localhost/share (直接访问到一个独立的单页面) 使用vue-router的vue-cli3的项目,使用HbuilderX开发,开发环境下已经实现我想要的效果。 下面是部分代码 ``` router配置文件router.js ...引用部分省略.. //路由定义 const routes = [ { path: '/share', name: 'share', component: share }, { path: '/web', name: 'web', component: iContainer, children: [..] }, { path: '/mobile', name: 'mobile', component: mHome, children: [..] } ] const router = new VueRouter({ mode: 'hash', routes }) export default router ``` 根据url后缀决定是进入独立的share页面还是进入普通首页 ``` app.vue <template> <div id="app"> <router-view></router-view> </div> </template> <script> ...引用部分省略.. export default { name: 'app', data: function() { return { pathName: window.document.location.pathname } }, created() { if (this.pathName == "/share") { this.$router.push('/share') } else { /** 判断是否手机端,进入对应入口 **/ if (this.$utils._isMobile()) { this.$router.push('/mobile') } else { this.$router.push('/web') } } } methods: {} } </script> ``` 打包后将dist文件夹内容拷贝到tomcat,使用tomcat启动,首页能够正常访问。但是只要使用share访问就会报404。请问是什么原因导致?为什么在开发环境下正常,但是打包后部署就404?该如何解决达到我想要的效果? 网上搜了一天了,查到的都是说history下直接输入url会404,为什么我hash模式下也是404?
vue-cli + ts 使用CDN时报错,请问各位大佬如何解决?
### 使用vue-cli新建了一个项目,启用了TypeScript 当我尝试将vue、vuex 使用CDN 导入的时候做了如下操作 + 删除了 **package.json** 中的依赖 + 在 **index.html ** 中写入cdn ![图片说明](https://img-ask.csdn.net/upload/201912/23/1577067141_320744.png) + 在 **vue.config.js** 中写入 ``` configureWebpack: (config) => { //入口文件 config.entry.app = ['babel-polyfill', './src/main.ts']; //只有打包生产环境才需要将console删除 if (process.env.NODE_ENV == 'production') { config.plugins = [...config.plugins, ...plugins]; } // CDN config.externals = { 'cdnVue': 'Vue', } }, ``` ### 报错 ``` ERROR in E:/any pros/MyFactory/my_factory/src/main.ts(1,17): 1:17 Cannot find module 'cdnVue'. ```
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 cpp 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7 p...
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小型人工智障。 知识可以运用在不同地方,不一定非是天气预报。
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
英特尔不为人知的 B 面
从 PC 时代至今,众人只知在 CPU、GPU、XPU、制程、工艺等战场中,英特尔在与同行硬件芯片制造商们的竞争中杀出重围,且在不断的成长进化中,成为全球知名的半导体公司。殊不知,在「刚硬」的背后,英特尔「柔性」的软件早已经做到了全方位的支持与支撑,并持续发挥独特的生态价值,推动产业合作共赢。 而对于这一不知人知的 B 面,很多人将其称之为英特尔隐形的翅膀,虽低调,但是影响力却不容小觑。 那么,在...
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
刷了几千道算法题,这些我私藏的刷题网站都在这里了!
遥想当年,机缘巧合入了 ACM 的坑,周边巨擘林立,从此过上了"天天被虐似死狗"的生活… 然而我是谁,我可是死狗中的战斗鸡,智力不够那刷题来凑,开始了夜以继日哼哧哼哧刷题的日子,从此"读题与提交齐飞, AC 与 WA 一色 ",我惊喜的发现被题虐既刺激又有快感,那一刻我泪流满面。这么好的事儿作为一个正直的人绝不能自己独享,经过激烈的颅内斗争,我决定把我私藏的十几个 T 的,阿不,十几个刷题网...
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看...
白话阿里巴巴Java开发手册高级篇
不久前,阿里巴巴发布了《阿里巴巴Java开发手册》,总结了阿里巴巴内部实际项目开发过程中开发人员应该遵守的研发流程规范,这些流程规范在一定程度上能够保证最终的项目交付质量,通过在时间中总结模式,并推广给广大开发人员,来避免研发人员在实践中容易犯的错误,确保最终在大规模协作的项目中达成既定目标。 无独有偶,笔者去年在公司里负责升级和制定研发流程、设计模板、设计标准、代码标准等规范,并在实际工作中进行...
SQL-小白最佳入门sql查询一
不要偷偷的查询我的个人资料,即使你再喜欢我,也不要这样,真的不好;
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
Nginx 原理和架构
Nginx 是一个免费的,开源的,高性能的 HTTP 服务器和反向代理,以及 IMAP / POP3 代理服务器。Nginx 以其高性能,稳定性,丰富的功能,简单的配置和低资源消耗而闻名。 Nginx 的整体架构 Nginx 里有一个 master 进程和多个 worker 进程。master 进程并不处理网络请求,主要负责调度工作进程:加载配置、启动工作进程及非停升级。worker 进程负责处...
【图解经典算法题】如何用一行代码解决约瑟夫环问题
约瑟夫环问题算是很经典的题了,估计大家都听说过,然后我就在一次笔试中遇到了,下面我就用 3 种方法来详细讲解一下这道题,最后一种方法学了之后保证让你可以让你装逼。 问题描述:编号为 1-N 的 N 个士兵围坐在一起形成一个圆圈,从编号为 1 的士兵开始依次报数(1,2,3…这样依次报),数到 m 的 士兵会被杀死出列,之后的士兵再从 1 开始报数。直到最后剩下一士兵,求这个士兵的编号。 1、方...
吐血推荐珍藏的Visual Studio Code插件
作为一名Java工程师,由于工作需要,最近一个月一直在写NodeJS,这种经历可以说是一部辛酸史了。好在有神器Visual Studio Code陪伴,让我的这段经历没有更加困难。眼看这段经历要告一段落了,今天就来给大家分享一下我常用的一些VSC的插件。 VSC的插件安装方法很简单,只需要点击左侧最下方的插件栏选项,然后就可以搜索你想要的插件了。 下面我们进入正题 Material Theme ...
如何防止抄袭PCB电路板
目录 1、抄板是什么 2、抄板是否属于侵权 3、如何防止抄板 1、抄板是什么 抄板也叫克隆或仿制,是对设计出来的PCB板进行反向技术研究;目前全新的定义:从狭义上来说,抄板仅指对电子产品电路板PCB文件的提取还原和利用文件进行电路板克隆的过程;从广义上来说,抄板不仅包括对电路板文件提取、电路板克隆、电路板仿制等技术过程,而且包括对电路板文件进行修改(即改板)、对电子产品外形模具进行三维...
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
Python 植物大战僵尸代码实现(2):植物卡片选择和种植
这篇文章要介绍的是: - 上方植物卡片栏的实现。 - 点击植物卡片,鼠标切换为植物图片。 - 鼠标移动时,判断当前在哪个方格中,并显示半透明的植物作为提示。
相关热词 c# 引用mysql c#动态加载非托管dll c# 两个表数据同步 c# 返回浮点json c# imap 链接状态 c# 漂亮字 c# 上取整 除法 c#substring c#中延时关闭 c#线段拖拉
立即提问