CDN方式引入的vue.js@v2.5.16 在ie11上无法正常加载,一直是加载中,会提示《未响应,因为脚本长时间运行》? 5C

我们有个项目是使用CDN方式引入的vue.js@v2.5.16 在ie11上无法正常加载,一直是加载中,会提示未响应,因为脚本长时间运行。除此之外没有别的报错信息了,相同环境登录页可以正常加载,首页就不行

找了两天了,没有头绪,控制台也没有报错。。。有没有大神知道什么原因会发生这种情况?

图片说明

图片说明

1个回答

抓包看一下,有两个可能,一个是服务器缓慢,客户端超时,一个是跨域的问题被禁止。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue.js在<head>头文件不被使用的问题
1.我通过button来调用vue方法但是我的方法放在body和html外部的时候可以正确使用, 但是放在head里面就出错 2.问题代码 ```<script> var vm=new Vue({ el: '#app', data: { showin: true, message: 'Hello Vue!' } }) </script> ``` 3.代码放在head里面出错,但是放在body和html外面不被调用 ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" type="text/css" href="css.css"> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> var vm=new Vue({ el: '#app', data: { showin: true, message: 'Hello Vue!' } }) </script> </head> <body> <div id="app"> <div class="app"> <button @click="showin =!showin"> 增加</button> <a > 删除</a> <a > 插入</a> </div> <div v-show="showin"> <table border="1"> <tr> <th>id</th> <th>村民</th> </tr> <tr> <td>1 </td> <td>张三</td> </tr> </table> </div> </div> </body> </html> ```
请问vue.js mint-ui 的message box 怎么使用?js 靠CDN引用的求解?
this.$MessageBox({ title: '提示', message: '确定执行此操作?', showCancelButton: true }); 我是这样写的。提示messageBox为定义
用离线CDN的方式引用的vue,在网页侧部有一导航个菜单,如何能多个页面公用这一个导航菜单的模板?
由于原因用离线CDN的方式引用的vue,在网页侧部有一导航个菜单,如何能多个页面公用这一个导航菜单的模板?请各位指教,不胜感激!
关于Vue中v-for遍历的问题
如图: 使用semanticUI 的tab组件,要实现这个tab切换效果, ![图片说明](https://img-ask.csdn.net/upload/202001/29/1580301878_788972.png) 在静态页面可以切换: 这是原始代码 ``` $('.menu .item').tab(); ---------------------------------- <div class="ui top attached tabular menu"> <a class="active item" data-tab="first">First</a> <a class="item" data-tab="second">Second</a> <a class="item" data-tab="third">Third</a> </div> <div class="ui bottom attached active tab segment" data-tab="first"> First </div> <div class="ui bottom attached tab segment" data-tab="second"> Second </div> <div class="ui bottom attached tab segment" data-tab="third"> Third </div> ``` 我想要实现 的效果是 使用 vue 获取到后台传递过来的tab标签里的分类数据, 点击标签,下方自动切换到对应的div. 自己的代码: ``` <div id="workArea" class="m-container m-padded-tb-big"> <div class="ui top attached tabular menu"> <a v-for="c in categories" class="item" data-tab="first">{{ c.name}}</a> </div> <div class="ui bottom attached active tab segment" data-tab="first"> First </div> </div> ``` 达到这个效果 ![图片说明](https://img-ask.csdn.net/upload/202001/29/1580302472_363102.png) 我想请问一下这个下面的div 要怎么写才能实现这样一个vue切换效果呢 下面是全部代码: ``` <!DOCTYPE html> <html xmlns:th="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> <title>工具</title> <link rel="stylesheet" type="text/css" href="../../static/css/me.css" th:href="@{/css/me.css}"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css"> </head> <body style="background: #439B78;"> <div style="height: 20px;"></div> <div id="workArea" class="m-container m-padded-tb-big"> <div class="ui top attached tabular menu"> <a v-for="c in categories" class="active item" data-tab="first">{{ c.name}}</a> </div> <div class="ui bottom attached active tab segment" data-tab="first"> First </div> </div> <script src="../../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script> <script src="../../static/js/vue.min.js" th:src="@{/js/vue.min.js}"></script> <script src="../../static/js/axios.min.js" th:src="@{/js/axios.min.js}"></script> <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script> <script type="text/javascript"> $(function(){ var data1 = { uri: 'forekit', categories: [] }; var vue = new Vue({ el: '#workArea', data: data1, mounted:function(){ this.load(); }, methods:{ load: function() { var url = this.uri; axios.get(url).then(function(response){ vue.categories = response.data; }); } } }); $('.menu .item').tab(); }); </script> </body> </html> ```
vue-validator表单验证,一直报错无法解决,请高手给指点一下?
错误信息是 [Web浏览器] "Uncaught ReferenceError: module is not defined" https://cdn.bootcss.com/vue-validator/3.0.0-alpha.2/vue-validator.min.js (1) [Web浏览器] "TypeError: Cannot read property 'required' of undefined" /HelloHBuilder/js/vue.min.js (6) 下面是源码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js" type="text/javascript" charset="utf-8"></script> <script src="https://cdn.bootcss.com/vue-validator/3.0.0-alpha.2/vue-validator.min.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> <validator name="validation"> <form novalidate> ID: <input type="text" id="sname" v-validate:sname="['required']"><br /> <div> <span v-if="$validation.sname.required">必填</span> </div> </form> </validator> </div> <script type="text/javascript"> new Vue({ el: '#app' }); </script> </body> </html>
vue 引入外部组件的正确写法应该是怎样的
正确应该怎么写??我自己琢磨的,怎么写怎么错。。网上没有入门的说明,只有入门后的一堆说明。。 ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <body> <div id="app"> <runoob></runoob> </div> <script> import runoob from './js/test.vue'; //引用 // 创建根实例 new Vue({ el: '#app', components:{ 'runoob':runoob } }) </script> </body> </html> `` 外部组件test.vue` ```<template> <h1>自定义组件!</h1> </template> <script> export default { name: "runoob" } </script> <style> </style> ```
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'. ```
vue路由器,初学这样写,不知道错哪了??
vue路由器,初学这样写,不知道错哪了?? ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script> <script src="https://cdn.staticfile.org/vue-router/2.7.0/vue-router.min.js"></script> </head> <body> <div id="app"> <div class="list-group"> <a class="list-group-item" v-link="{ path: '/home'}">Home</a> <a class="list-group-item" v-link="{ path: '/about'}">About</a> </div> <router-view></router-view> </div> </body> <script> var Home = Vue.extend({ template: '<div><h1>Home</h1><p>{{msg}}</p></div>', data: function() { return { msg: 'Hello, vue router!' } } }) var About = Vue.extend({ template: '<div><h1>About</h1><p>This is the tutorial about vue-router.</p></div>' }) var router = new VueRouter({ routes:[ { path: '/home', component: Home }, { path: '/about', component: About } ] }); new Vue({ el:"#app", router }) </script> </body> </html> ```
请问axios的npm安装方式与cdn导入方式有什么区别?
请问axios的npm安装方式与cdn导入方式有什么区别?我用npm方式安装axios后好像也要在页面引入axios cdn方式才能生效
关于 vue 父子组件之间的通信问题
请各位大神帮我看看问题在哪里,不知道为啥传值失败了,小弟初学前端,功力太浅,望各位大神指教! 这是 html 部分: ![图片说明](https://img-ask.csdn.net/upload/201907/23/1563870679_740417.png) 这是 js 部分: ![图片说明](https://img-ask.csdn.net/upload/201907/23/1563870839_855272.png) 多谢各位大神! ---------------------------------------更新线--------------------------------- 这是源代码: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <body> <div id="app"> <div> <input v-model="parentMsg"> <br> <child v-bind:message="parentMsg" @fromChild="change"></child> </div> </div> <script> // 注册 Vue.component('child', { // 声明 props props: ['message'], // 同样也可以在 vm 实例中像 “this.message” 这样使用 template: '<span @click="toParent">{{ message }}</span>', methods: { toParent: function () { this.$emit('fromChild', '子向父传值,改变父的值。'); console.log("It has worked!"); } } }) // 创建根实例 new Vue({ el: '#app', data: { parentMsg: '父组件内容' }, methods: { change: function (msg) { this.parentMsg = msg; console.log(msg);//没有结果,控制台没报错。 } } }) </script> </body> </html> ```
Vue的报错,一个仿造百度的下拉菜单
``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>下拉菜单</title> <script src='http://cdn.jsdelivr.net/vue/1.0.7/vue.min.js'></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.0.3/vue-resource.js"></script> <style type="text/css"> .gray { background-color: #ccc; color: gold; } </style> </head> <body> <div id="box"> <input type="text" @keyup='get()' v-model='t1' /> <ul > <li v-for='value in myData'>{{value}}</li> </ul> <p v-show='myData.length === 0'>暂无数据。。。</p> </div> <!--https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=a&json=1&p=3&sid=&req=2&csor=1&cb=jQuery1102005335343900131995_1480232231511&_=1480232231514--> <script> new Vue({ el:'body', data:{ myData:[], t1:'' }, methods:{ get:function(){ this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su' , { wd:this.t1, },{ json:'cb' }).then(function(res){ this.myData = res.data.s; } , function(res){ console.log(res.status); }); } } }); </script> </body> </html> ``` 错误是这样的: su?callback=_jsonpx6o0z3kbkvsubwkyvd0lik9:1 Uncaught TypeError: Cannot read property 'sug' of undefined(anonymous function) @ su?callback=_jsonpx6o0z3kbkvsubwkyvd0lik9:1 vue-resource.js:1276 Uncaught (in promise) SyntaxError: Unexpected token u in JSON at position 0(…)
【求助】用vue重写php项目的前端页面,vue无法实例化
现在公司需求把原先的一个php写的项目,用vue重写前端,现在的php前端大概是这样 <br> ![图片说明](https://img-ask.csdn.net/upload/201905/13/1557731091_946851.jpg) <br> 按理说vue也是js,我直接用CDN引入写在script里就可以啊,但是现在无法实例化,如下测试一个数据都不能写入 <br> ![图片说明](https://img-ask.csdn.net/upload/201905/13/1557731109_311531.jpg) <br> ![图片说明](https://img-ask.csdn.net/upload/201905/13/1557731122_675088.jpg) <br> ![图片说明](https://img-ask.csdn.net/upload/201905/13/1557731132_298355.jpg) <br> ↑↑↑页面上根本渲染不出来 这是什么问题?跟php有关吗?(不太懂php)
求教:关于Vue的v.show属性在隐藏列表项方面的两个问题。
``` 想要实现的功能: 1. 按add按钮添加列表项。 2. 按del按钮永久隐藏对应列表项。 程序如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue test</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <div v-show="task.show" v-for="(item,index) in list"> <span>{{item.content}}</span> <button v-on:click="del(index)">del</button> </div> <button v-on:click="add">add</button> </div> <script> var vm = new Vue ({ el: "#app", data: { task: { content: "", show: true }, list: [], }, methods: { del:function(index) { this.list[index].show = !this.list[index].show; }, add:function() { this.task = { content: "new", show: true }; this.list.push(this.task); } } }); </script> </body> </html> 出现的问题: 1. 按add按钮增加了3个列表项后,对第二个列表项按del按钮,仅会修改show的内容为false,但并不隐藏。 2. 按add按钮增加了n个列表项后,只有第n个del按钮能隐藏列表项,而且是隐藏所有列表项。 想要请教各位前辈,问题出在哪里?谢谢 ```
cnpm install执行时,出现Error [ERR_STREAM_WRITE_AFTER_END]
近期在安装vue的整套环境,结果在最后一步拉取依赖文件时出现了Error [ERR_STREAM_WRITE_AFTER_END] 下面我说明下安装步骤: 1. 安装nodejs,确定成功装了node和npm,两者的版本分别是v10.15.3和v6.4.1 2. 安装淘宝镜像(因为我直接访问国外服务器,是一直timeout的),确定cnpm成功安装 3. 安装electron,确定成功装了,版本是v4.1.4 4. 安装vue 5. 创建个脚手架(模板) 6. 拉取依赖文件到node_modules,好吧,到[54/58]时挂了,error了。 有谁有遇到过类似的问题吗,请各位大神指点啊。 以下是第6步操作出的error内容: ``` Error [ERR_STREAM_WRITE_AFTER_END]: write after end (writeStream "error") (writeStream "error"), GET https://cdn.npm.taobao.org/app-builder-bin/-/app-builder-bin-2.6.4.tgz 200 (connected: true, keepalive socket: false, agent status: {"createSocketCount":70,"createSocketErrorCount":0,"closeSocketCount":68,"errorSocketCount":0,"timeoutSocketCount":4,"requestCount":2463,"freeSockets":{},"sockets":{"cdn.npm.taobao.org:443::::::::true::::::::":2},"requests":{}}, socketHandledRequests: 1, socketHandledResponses: 1) headers: {"server":"Tengine","content-type":"application/octet-stream","content-length":"34353169","connection":"keep-alive","date":"Wed, 10 Apr 2019 03:51:22 GMT","x-oss-request-id":"5CAD683AB1E9EC94B380C4A0","accept-ranges":"bytes","etag":"\"52CE328FB03990A3D297D6A5B1088B9E\"","last-modified":"Tue, 26 Feb 2019 07:41:51 GMT","x-oss-object-type":"Normal","x-oss-hash-crc64ecma":"34131763972269000","x-oss-storage-class":"Standard","cache-control":"max-age=0, s-maxage=86400","x-oss-server-time":"205","age":"172947","ali-swift-global-savetime":"1554868282","x-cache":"HIT TCP_MEM_HIT dirn:11:298812429 mlen:0","x-swift-savetime":"Wed, 10 Apr 2019 03:51:22 GMT","x-swift-cachetime":"194318","via":"cache2.cn1414[0,206-0,H], cache5.cn1414[1,0]","timing-allow-origin":"*","eagleid":"af061d9915550412296928509e"} at writeAfterEnd (_stream_writable.js:243:12) at WriteStream.Writable.write (_stream_writable.js:291:5) at IncomingMessage.ondata (_stream_readable.js:689:20) at IncomingMessage.emit (events.js:189:13) at addChunk (_stream_readable.js:284:12) at readableAddChunk (_stream_readable.js:265:11) at IncomingMessage.Readable.push (_stream_readable.js:220:10) at HTTPParser.parserOnBody (_http_common.js:122:22) at TLSSocket.socketOnData (_http_client.js:442:20) at TLSSocket.emit (events.js:189:13) ``` 再附个截图:
chrome扩展怎么在content_scripts中加载CDN上的JS文件。不是通过mainfest引入
我的项目chrome扩展里面需要用到layui,下载到扩展里面再引用路径老是不对,里面model路径是以web的URL为路径而不是以extension为路径。所以老是报错。content_scripts跟页面的JS是两个不同的执行环境。所以如果在content_scripts里面创建script标签引用再addpend到head里面是无效的。如果想在线下加载该怎么做呢?
router-link问题:组件内容也 变成了可点击的链接
**html** ``` <div id="app"> <router-link to="/account">account</a> <router-view><router-view> </div> <template id="acc"> <div> <h1>这是Account组件</h1> <router-link to="/account/login">登录</a> <router-link to="/account/register">注册</a> <router-view></router-view> </div> </template> <template id="log"> <div> <h1>Login组件</h1> </div> </template> <template id="reg"> <div> <h1>Register组件</h1> </div> </template> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script> <script src="https://cdn.bootcss.com/vue-router/3.0.2/vue-router.js"></script> <script src="new_file.js" type="text/javascript" charset="utf-8"></script> ``` **js** ``` var account = { template:"#acc" } var login = { template:"#log" } var register = { template:"#reg" } var router = new VueRouter({ routes:[ // 此处就用组件模板名称,不能用组件名称 { path:'/account',component:account, children:[ { path:'/account/login',component:login }, { path:'/account/register',component:register } ] } ] }) new Vue({ el:'#app', router }) ``` ![图片说明](https://img-ask.csdn.net/upload/201903/26/1553569214_458205.png)
axios的npm安装方式与cdn导入方式有什么区别?
请问axios的npm安装方式与cdn导入方式有什么区别?我用npm方式安装axios后好像也要在页面引入axios cdn方式才能生效
vue使用bscroll左右菜单联动,左侧栏目无法跟随右边滑动切换active
因为公司后端用其他框架,所以都是用cdn引用js写在一个页面了,现在只能达到点击左侧栏目、右侧到对应的栏目位置,但是右侧滑动的时候,左边栏目不跟随切换active 是右边li的索引值没有传到左边去吗?但是左边可以获取右边的索引了,点击也可以联动 html代码 ``` <div class="content"> <!--左边--> <div class="menu-wrapper" ref="menuWrapper"> <ul> <li v-for="(food,index) in foods" @click="menuClick(index,$event)" :class="{'active': activeIndex == index}"> {{food.class}} <i class="num"></i> </li> </ul> </div> <!--右边--> <div class="foods-wrapper" id="wrapper" ref="foodsWrapper"> <ul> <li v-for="(food,index) in foods" :key="food.id" class="food-list-hook"> <div class="class-title"> {{food.class}} </div> <div v-for="food in food.list"> <div class="item"> <div class="itemleft" @click="menuShow(food)"> <div class="item-img"> <img :src="food.imgs" alt=""> </div> </div> <div class="itemright"> <div class="title"> {{food.name}} </div> <div class="price"> <i class="fa fa-cny"></i> <span> {{food.price}} </span> </div> </div> </div> </div> </li> </ul> </div> </div> ``` js代码 ``` new Vue({ el: '#app', data() { return { foods: [], listHeight: [], foodsScrollY: 0 } }, created() { axios.get('data.json').then(response = >{ this.foods = response.data.foods; this.$nextTick(() = >{ this._initScroll(); // 初始化scroll this._calculateHeight(); // 初始化列表高度列表 }) }); }, computed: { activeIndex() { for (let i = 0; i < this.listHeight.length; i++) { let topHeight = this.listHeight[i] let bottomHeight = this.listHeight[i + 1] if (!bottomHeight || (this.foodsScrollY >= topHeight && this.foodsScrollY < bottomHeight)) { return i } } return 0 } }, methods: { _initScroll() { this.menuWrapper = new BScroll(this.$refs.menuWrapper, { click: true }); this.foodsScroll = new BScroll(this.$refs.foodsWrapper, { probeType: 3 }); // 监控滚动事件 this.foodsScroll.on('scroll', (pos) = >{ this.foodsScrollY = Math.abs(Math.round(pos.y)) }) }, _calculateHeight() { let foodList = this.$refs.foodsWrapper.getElementsByClassName('food-list-hook'); let height = 0 this.listHeight.push(height) for (let i = 0; i < foodList.length; i++) { let item = foodList[i] height += item.clientHeight this.listHeight.push(height) } }, menuClick(index, event) { if (!event._constructed) { return } this.foodsScroll.scrollTo(0, -this.listHeight[index], 300) } } }); ```
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小人工智障。 思路可以运用在不同地方,主要介绍的是思路。
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
阿里面试官问我:如何设计秒杀系统?我的回答让他比起大拇指
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图和个人联系方式,欢迎Star和指教 前言 Redis在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在Redis的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸,打败了...
C语言魔塔游戏
很早就很想写这个,今天终于写完了。 游戏截图: 编译环境: VS2017 游戏需要一些图片,如果有想要的或者对游戏有什么看法的可以加我的QQ 2985486630 讨论,如果暂时没有回应,可以在博客下方留言,到时候我会看到。 下面我来介绍一下游戏的主要功能和实现方式 首先是玩家的定义,使用结构体,这个名字是可以自己改变的 struct gamerole { char n...
面试官问我:什么是消息队列?什么场景需要他?用了会出现什么问题?
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式和人才交流群,欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸...
Android性能优化(4):UI渲染机制以及优化
文章目录1. 渲染机制分析1.1 渲染机制1.2 卡顿现象1.3 内存抖动2. 渲染优化方式2.1 过度绘制优化2.1.1 Show GPU overdraw2.1.2 Profile GPU Rendering2.2 卡顿优化2.2.1 SysTrace2.2.2 TraceView 在从Android 6.0源码的角度剖析View的绘制原理一文中,我们了解到View的绘制流程有三个步骤,即m...
微服务中的Kafka与Micronaut
今天,我们将通过Apache Kafka主题构建一些彼此异步通信的微服务。我们使用Micronaut框架,它为与Kafka集成提供专门的库。让我们简要介绍一下示例系统的体系结构。我们有四个微型服务:订单服务,行程服务,司机服务和乘客服务。这些应用程序的实现非常简单。它们都有内存存储,并连接到同一个Kafka实例。 我们系统的主要目标是为客户安排行程。订单服务应用程序还充当网关。它接收来自客户的请求...
致 Python 初学者们!
作者| 许向武 责编 | 屠敏 出品 | CSDN 博客 前言 在 Python 进阶的过程中,相信很多同学应该大致上学习了很多 Python 的基础知识,也正在努力成长。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 Python 这门编程语言,从2009年开始单一使用 Python 应对所有的开发工作,直至今...
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观...
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外...
字节跳动面试官这样问消息队列:分布式事务、重复消费、顺序消费,我整理了一下
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式和人才交流群,欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip installselenium -ihttps://pypi.tuna.tsinghua.edu.cn/simple/ ...
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca...
SpringBoot2.x系列教程(三十六)SpringBoot之Tomcat配置
Spring Boot默认内嵌的Tomcat为Servlet容器,关于Tomcat的所有属性都在ServerProperties配置类中。同时,也可以实现一些接口来自定义内嵌Servlet容器和内嵌Tomcat等的配置。 关于此配置,网络上有大量的资料,但都是基于SpringBoot1.5.x版本,并不适合当前最新版本。本文将带大家了解一下最新版本的使用。 ServerProperties的部分源...
Python绘图,圣诞树,花,爱心 | Turtle篇
每周每日,分享Python实战代码,入门资料,进阶资料,基础语法,爬虫,数据分析,web网站,机器学习,深度学习等等。 公众号回复【进群】沟通交流吧,QQ扫码进群学习吧 微信群 QQ群 1.画圣诞树 import turtle screen = turtle.Screen() screen.setup(800,600) circle = turtle.Turtle()...
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东...
破14亿,Python分析我国存在哪些人口危机!
一、背景 二、爬取数据 三、数据分析 1、总人口 2、男女人口比例 3、人口城镇化 4、人口增长率 5、人口老化(抚养比) 6、各省人口 7、世界人口 四、遇到的问题 遇到的问题 1、数据分页,需要获取从1949-2018年数据,观察到有近20年参数:LAST20,由此推测获取近70年的参数可设置为:LAST70 2、2019年数据没有放上去,可以手动添加上去 3、将数据进行 行列转换 4、列名...
听说想当黑客的都玩过这个Monyer游戏(1~14攻略)
第零关 进入传送门开始第0关(游戏链接) 请点击链接进入第1关: 连接在左边→ ←连接在右边 看不到啊。。。。(只能看到一堆大佬做完的留名,也能看到菜鸡的我,在后面~~) 直接fn+f12吧 &lt;span&gt;连接在左边→&lt;/span&gt; &lt;a href="first.php"&gt;&lt;/a&gt; &lt;span&gt;←连接在右边&lt;/span&gt; o...
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ...... ...
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!...
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。 再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。 下文是原回答,希望能对你能有所启发。 如果我说,这个世界上人真的分三六九等,...
2020年全新Java学习路线图,含配套视频,学完即为中级Java程序员!!
新的一年来临,突如其来的疫情打破了平静的生活! 在家的你是否很无聊,如果无聊就来学习吧! 世上只有一种投资只赚不赔,那就是学习!!! 传智播客于2020年升级了Java学习线路图,硬核升级,免费放送! 学完你就是中级程序员,能更快一步找到工作! 一、Java基础 JavaSE基础是Java中级程序员的起点,是帮助你从小白到懂得编程的必经之路。 在Java基础板块中有6个子模块的学...
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合...
爬取薅羊毛网站百度云资源
这是疫情期间无聊做的爬虫, 去获取暂时用不上的教程 import threading import time import pandas as pd import requests import re from threading import Thread, Lock # import urllib.request as request # req=urllib.request.Requ...
如何优雅地打印一个Java对象?
你好呀,我是沉默王二,一个和黄家驹一样身高,和刘德华一样颜值的程序员。虽然已经写了十多年的 Java 代码,但仍然觉得自己是个菜鸟(请允许我惭愧一下)。 在一个月黑风高的夜晚,我思前想后,觉得再也不能这么蹉跎下去了。于是痛下决心,准备通过输出的方式倒逼输入,以此来修炼自己的内功,从而进阶成为一名真正意义上的大神。与此同时,希望这些文章能够帮助到更多的读者,让大家在学习的路上不再寂寞、空虚和冷。 ...
雷火神山直播超两亿,Web播放器事件监听是怎么实现的?
Web播放器解决了在手机浏览器和PC浏览器上播放音视频数据的问题,让视音频内容可以不依赖用户安装App,就能进行播放以及在社交平台进行传播。在视频业务大数据平台中,播放数据的统计分析非常重要,所以Web播放器在使用过程中,需要对其内部的数据进行收集并上报至服务端,此时,就需要对发生在其内部的一些播放行为进行事件监听。 那么Web播放器事件监听是怎么实现的呢? 01 监听事件明细表 名...
3万字总结,Mysql优化之精髓
本文知识点较多,篇幅较长,请耐心学习 MySQL已经成为时下关系型数据库产品的中坚力量,备受互联网大厂的青睐,出门面试想进BAT,想拿高工资,不会点MySQL优化知识,拿offer的成功率会大大下降。 为什么要优化 系统的吞吐量瓶颈往往出现在数据库的访问速度上 随着应用程序的运行,数据库的中的数据会越来越多,处理时间会相应变慢 数据是存放在磁盘上的,读写速度无法和内存相比 如何优化 设计...
HTML5适合的情人节礼物有纪念日期功能
前言 利用HTML5,css,js实现爱心树 以及 纪念日期的功能 网页有播放音乐功能 以及打字倾诉感情的画面,非常适合情人节送给女朋友 具体的HTML代码 具体只要修改代码里面的男某某和女某某 文字段也可自行修改,还有代码下半部分的JS代码需要修改一下起始日期 注意月份为0~11月 也就是月份需要减一。 当然只有一部分HTML和JS代码不够运行的,文章最下面还附加了完整代码的下载地址 &lt;!...
Python新型冠状病毒疫情数据自动爬取+统计+发送报告+数据屏幕(三)发送篇
今天介绍的项目是使用 Itchat 发送统计报告 项目功能设计: 定时爬取疫情数据存入Mysql 进行数据分析制作疫情报告 使用itchat给亲人朋友发送分析报告 基于Django做数据屏幕 使用Tableau做数据分析 来看看最终效果 目前已经完成,预计2月12日前更新 使用 itchat 发送数据统计报告 itchat 是一个基于 web微信的一个框架,但微信官方并不允许使用这...
相关热词 c#如何定义数组列表 c#倒序读取txt文件 java代码生成c# c# tcp发送数据 c#解决时间格式带星期 c#类似hashmap c#设置istbox的值 c#获取多线程返回值 c# 包含数字 枚举 c# timespan
立即提问