vConsole

引自官方文档 　　在微信小程序中存在一类特殊的组件，该类组件是由客户端创建的原生组件。这些组件有： camera canvas input（仅在focus时表现为原生组件） live-player live-pusher map textarea video 由于原生组件脱离在 WebView 渲染流程外，因此在使用时有以下限制： 原生组件的层级是 最高 的，所以页面中的其他组件无论设置 z-index 为多少，都无法盖在原生组件上。 后插入的原生组件可以覆盖之前的原生组件。 原生组件还无法在 picker-view 中使用。 基础库 2.4.4 以下版本，原生组件不支持在 scroll-view、swiper、movable-view 中使用。 部分CSS样式无法应用于原生组件，例如： 无法对原生组件设置 CSS 动画 无法定义原生组件为 position: fixed 不能在父级节点使用 overflow: hidden 来裁剪原生组件的显示区域 原生组件的事件监听不能使用 bind:eventname 的写法，只支持 bindeventname 。原生组件也不支持 catch 和 capture 的事件绑定方式。 原生组件会遮挡 vConsole 弹出的调试面板。在工具上，原生组件是用web组件模拟的，因此很多情况并不能很好的还原真机的表现

1.在微信上打开链接：http://debugtbs.qq.com 或者 debugmm.qq.com/?forcex5=true，开启vConsole调试功能 2.打开大学习视频，就会发现右下角多了一个vConsole的绿色图标。点击开始学习之后，打开vConsole输入代码，点击ok Bvideo.currentTime=300; // 可以和下一行替换 Cvideo.currentTime=300; // 和上一行替换 video.ended=1; // 如果没有反应加上这一行 score=100;allScore=100; // 得分 __vconsole.style.display="none"; // 隐藏vconsole按钮 当前有效 第七期 √ 第八期 √ 第九期 等待 谢谢@ Leicure 注： 分数那个还不清楚是否起效（我每次是又答了一次题），因此建议大家用了代码之后依然要答题。 来源： oschina 链接： https://my.oschina.net/u/4300092/blog/3230754

CentOS 7 关闭操作系统NUMA 关闭NUMA NUMA： 非统一内存访问架构(Non Uniform Memory Access Architecture)。 NUMA是一种用于多处理器的电脑记忆体设计，内存访问时间取决于处理器的内存位置。 在安装有多个CPU的计算机中，NUMA硬件可以通过将专用内存与CPU配对来显著提高性能。在NUMA下，处理器访问它自己的本地存储器的速度比非本地存储器(存储器的地方到另一个处理器之间共享的处理器或存储器)快一些。 SMP： 共享存储型多处理机(Shared Memory mulptiProcessors), 也称为对称型多处理机(Symmetry MultiProcessors)。 SMP模式将多个处理器与一个集中的存储器相连。在SMP模式下，所有处理器都可以访问同一个系统物理存储器，这就意味着SMP系统只运行操作系统的一个拷贝。因此SMP系统有时也被称为一致存储器访问(UMA)结构体系，一致性意指无论在什么时候，处理器只能为内存的每个数据保持或共享唯一一个数值。很显然，SMP的缺点是可伸缩性有限，因为在存储器接口达到饱和的时候，增加处理器并不能获得更高的性能。 SMP和NUMA架构对比图 MySQL采用了线程模式，对于NUMA特性的支持并不好，如果单机只运行一个MySQL实例，建议关闭NUMA，方法有以下几种： 1.BIOS中设置关闭

CentOS 7 关闭操作系统NUMA 关闭NUMA NUMA： 非统一内存访问架构(Non Uniform Memory Access Architecture)。 NUMA是一种用于多处理器的电脑记忆体设计，内存访问时间取决于处理器的内存位置。 在安装有多个CPU的计算机中，NUMA硬件可以通过将专用内存与CPU配对来显著提高性能。在NUMA下，处理器访问它自己的本地存储器的速度比非本地存储器(存储器的地方到另一个处理器之间共享的处理器或存储器)快一些。 SMP： 共享存储型多处理机(Shared Memory mulptiProcessors), 也称为对称型多处理机(Symmetry MultiProcessors)。 SMP模式将多个处理器与一个集中的存储器相连。在SMP模式下，所有处理器都可以访问同一个系统物理存储器，这就意味着SMP系统只运行操作系统的一个拷贝。因此SMP系统有时也被称为一致存储器访问(UMA)结构体系，一致性意指无论在什么时候，处理器只能为内存的每个数据保持或共享唯一一个数值。很显然，SMP的缺点是可伸缩性有限，因为在存储器接口达到饱和的时候，增加处理器并不能获得更高的性能。 SMP和NUMA架构对比图 MySQL采用了线程模式，对于NUMA特性的支持并不好，如果单机只运行一个MySQL实例，建议关闭NUMA，方法有以下几种： 1.BIOS中设置关闭

1、微信打开下面链接 https://debugx5.qq.com/ 我用 草料二维码生成器 给大家生成了下面的图片，方便大家微信扫描，贴心吧，哈哈 2、在“信息”栏，找到“打开vConsole调试功能”进行勾选即可 3、还有一种方法是引入vConsole文件。就直接可以看到打印的东西了。 https://github.com/Tencent/vConsole/blob/dev/doc/tutorial_CN.md 来源： oschina 链接： https://my.oschina.net/u/2365397/blog/3021835

Vue中使用vconsole调试手机移动端的点击事件 先使用npm install vconsole下载安装依赖包 在Vue项目中新建 vconsole.js 文件 ,在文件中写入 import Vconsole from 'vconsole' const vConsole = new Vconsole() export default vConsole 3.在main.js文件中引入 import vConsole from '@/assets/js/vconsole.js' 就能看到移动端效果如下： 来源： oschina 链接： https://my.oschina.net/u/2654600/blog/2964128

vConsole 详细介绍 1 前言 我们在开发手机版网页的时候，常常会出现下面的情景： (1) 开发时，在自己电脑上运行得好好的，在手机上打开就挂了，但是手机上又看不到error log； (2) 上线后，某用户表示页面失灵，但我们自己又重现不出来，看不到用户侧的出错信息。 如果说(1)还可以通过电脑连接手机以查看log来解决，那(2)在没有完善的前端上报体系时就非常被动了。 作为开发者，我们的诉求很简单：有没有快捷的方法在手机前端页面看到log日志？ 2 vConsole前端调试面板(github: https://github.com/Tencent/vConsole ) 莫慌，抱紧vConsole！ vConsole是一款由微信公众平台前端团队打造的前端调试面板，专治手机端看log难题。 目前vConsole自带有2个面板，默认为“日志”面板，负责展示log。 细心的同学可能会发现上面的log颜色各有不同。与电脑端的Developer Tools一样，开发者可以通过调用不同的方法来打出不同的颜色，以便快速区分日志类型： console.log('foo'); // 白底黑字 console.info('bar'); // 白底紫字 console.debug('oh'); // 白底黄字 console.warn('foo'); // 黄底黄字 console.error(

第一步： 在页面引入vconsole的cdn： https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js 或者是下载下来 还可以安装依赖 npm install vconsole，请根据自己的项目自行选择。 第二步： 在js里面初始化vconsole： var vConsole = new VConsole(); 来源： oschina 链接： https://my.oschina.net/qiongtaoli/blog/3163500

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> fast-h5plus 说明 使用webpack构建多页面移动APP开发的快速框架 使用scss预处理器提高app样式开发效率 使用h5plus库调用移动端底层接口 使用vue提高开发效率，远离dom操作的繁琐 使用移动端布局终极解决方案hotcss让移动端布局开发更加容易 框架默认使用750px的设计稿，开发过程中在样式文件里直接书写像素px单位，webpack编译后会自动转换成对应的rem值 支持es6，es7语法，打包编译自动转es5，让你感受丝滑一般的开发畅快 使用 获取fast-h5plus git clone git@github.com:CC4J/fast-h5plus.git 安装依赖 npm install 若安装缓慢可切换淘宝源 npm install --registry=https://registry.npm.taobao.org 开发 新建页面 新建一个页面我们需要做两步操作。 第一步是在 src/pages/ 目录下新建每个页面的入口js文件以及入口vue文件，如我们新建一个登陆页，我们需要在src/pages/下新建src/pages/login/login.js与src/pages/login/login.vue。 第二步需要在根目录下的config目录中修改page

一、业务场景 前端本地开发的场景中，我们需要频繁的改动代码，并需要实时看到效果，并且在一些开发场景中，我们需要将特定的请求代理到特定的IP、本地文件等，所以使用fiddler或whistle等本地、真机抓包调试工具是非常必要的。 二、为什么使用whistle 在历史的长河中，我们是使用fiddler+willow再搭配小米wifi 进行本地和真机抓包调试的，无可厚非，fiddler的抓包和代理的功能十分强大，但在使用的过程中，有个很蛋疼的缺点就是内存泄漏！！fiddler挂一整天，内存就被吃完了，然后电脑变得巨卡无比，即使加了个内存条也是治标不治本，这时候只能使用重启fiddler大法来解决，但是，长期的折磨使我萌生了有没有工具可以替代fillder的想法。于是乎，我发现了whistle。试用了一段时间后，发现它能替代fiddler完成我们日常的开发工作，并且在某些方面whistle做的更好，下面就分享一下whistle的使用实践。 三、安装启动 1. 安装 npm install -g whistle //也可以使用tnpm w2 -h //帮助信息 2. 启动 w2 start -p 8899 //不设置端口默认使用8899 更多命令： 安装启动 启动完成后在chorme下打开 127.0.0.1:8899 可以看到这么一个页面： 但是现在还无法抓包，需要为浏览器设置代理。 3