移动端vconsole引入
CDN地址： <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> 引入CDN后在js里添加即可： var vConsole = new VConsole(); 来源： oschina 链接： https://my.oschina.net/u/3698732/blog/4269412
vConsole
VConsole的使用
手机端控制台打印输出，方便bug的排查。 首先需要引入vconsole.min.js 文件，然后在文件中创造实例。就能直接使用了。 var vConsole = new VConsole(); vConsole的文件地址 来源： oschina 链接： https://my.oschina.net/u/3823467/blog/1834804
js css CDN汇总（持续补充）
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue-router@3.0.1/dist/vue-router.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/axios@0.18.0/dist/axios.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/js-cookie@2.2.0/src/js.cookie.min.js"></script> <script src="https://g.alicdn.com/sj/lib/zepto/zepto.min.js"></script> <script src="https://g.alicdn.com/msui/sm/0.6.2/js/??sm.min.js,sm-extend.min.js"></script> <script src="https://g.alicdn.com/msui/sm/0.6.2/js/sm-city-picker.min.js"></script> <script
H5在移动端调试
1、引入vconsole文件：资源可以去 点击下载 <script src="dist/vconsole.min.js"></script> <!--建议在 `<head>` 中引入哦~ --> 2、在页面new一个vconsole对象 new VConsole() 或者使用 npm 安装： npm install vconsole 1 2 使用webpack，然后js代码中 import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole let vConsole = new VConsole() // 初始化 注：创建该对象之前，无法获取到对象的console.log() 在移动端运行网页时，下面就会多一个vconsole图标 点击进去就能看到控制台 来源： oschina 链接： https://my.oschina.net/u/4298434/blog/4290840
不拖进度条，安卓快速跳过大学习
目录 一、准备工作 二、具体操作 听说ios可以拉进度条，那我不拖进度条，用安卓硬核拉大学习进度 一、准备工作 一个链接，一行代码。 http://debugx5.qq.com document . getElementById ( "Bvideo" ) . currentTime = 700 二、具体操作 微信里随便发个聊天，输入调试链接，点击 http://debugx5.qq.com 进信息，打开vconsole功能 进入大学习，开始表演 点击调试按钮，输入代码 document.getElementById('Bvideo').currentTime = 700 做题（若做完题后还是很多秒，重复操作4） 完事。 来源： oschina 链接： https://my.oschina.net/u/4340589/blog/4402359
h5项目在手机上调试(ios和安卓)
h5项目在手机上调试(ios和安卓) 1、在vue 项目中实现手机调试 vue中直接使用npm 安装vConsole —(1)先找到vue得全局index.html页面 —(2)引入 <script type="text/javascript" scr="vconsole.min.js"></script> <script type="text/javascript"> var vConsole = new VConsole(); </script> —(3)在手机端得任意浏览器打开项目地址 项目地址如—http://192.167.97.ip:端口号 必须保证是同一局域网 —(4)打开手机端得页面点击查看右下角是否有 ---- vConsole图标 若有则表示安装成功 来源： oschina 链接： https://my.oschina.net/u/4382384/blog/4393176
跳过视频和答题直接完后青年大学习满分
哈喽，大家好，今天给大家带来一个大学生实用技巧——跳过视频和答题直接完后青年大学习满分。 首先，我们先复制下面的这个网址： debugx5.qq.com 打开微信，发送给任意好友，或者微信公众号也可以。 之后打开那个链接。 然后，点击如下图所示的顶部的" 信息 "，勾选 打开vconsole调试功能 复制下列代码: Bvideo.currentTime=300;//可以和下一行替换 Cvideo.currentTime=300;//和上一行替换 video.ended=1;//如果没有反应加上这一行 score=100;allScore=100;//得分 __vconsole.style.display="none";//隐藏vconsole按钮 注我刚才试了,300的意思是跳过300秒,如果视频320秒,跳到剩下20秒 这个你可以自己随意调整跳过的时间 然后正常打开青年大学习，点击开始学习 再点击如图所示的小绿色按钮，将复制的代码粘贴进入，点击ok即可！ 最后如果需要青年大学习截图的话 贴上下面这段代码(作用:隐藏小绿色按钮) __vconsole.style.display="none";//隐藏vconsole按钮 来源： oschina 链接： https://my.oschina.net/u/4302796/blog/4320773
基于cocos2dx -js h5项目优化记录
在记录优化内容前选搞清楚web渲染流程的四个主要步骤： 解析HTML生成DOM树 - 渲染引擎首先解析HTML文档，生成DOM树 构建Render树 - 接下来不管是内联式，外联式还是嵌入式引入的CSS样式会被解析生成CSSOM树，根据DOM树与CSSOM树生成另外一棵用于渲染的树-渲染树(Render tree)， 布局Render树 - 然后对渲染树的每个节点进行布局处理，确定其在屏幕上的显示位置 绘制Render树 - 最后遍历渲染树并用UI后端层将每一个节点绘制出来 以上步骤是一个渐进的过程，为了提高用户体验，渲染引擎试图尽可能快的把结果显示给最终用户。它不会等到所有HTML都被解析完才创建并布局渲染树。它会在从网络层获取文档内容的同时把已经接收到的局部内容先展示出来。 优化思路： 为了保障首屏内容的最快速显示，就需要做资源的拆分，那么以什么粒度拆分、要不要拆分，不同页面、不同场景策略不同。以达到渐进式页面渲染 优化内容： 1.html文件内容整理： 1.html文件中剥离css代码和非必要js代码，尽量不要融合到一起，毕竟多种代码混合会给你管理页面代码带来极大的负担。而且html文件内容复多少会影响html页面加载速度。 2.html文件中加载css文件 只下载和首屏页面布局有关文件，其他css文件等游戏启动后在空闲时间偷偷下载或者使用前夕再下载
使用JAVA 微信生成二维码，并调用扫码接口
在此之前需要申请 “微信测试号” 1.修改JS接口安全域名为自己的花生壳，这里我用的是花生壳 2.往下拉会有一个“网页帐号”的点击右侧修改，将这个也设置为自己的域名 项目中新建properties文件 1 AppId= XXXXX 2 AppSecret= XXXXX 3 4 token= ilasweixin 5 6 wechatDomain=http: // XXXX/ 7 8 notice.content=\u60A8\u597D\uFF0C\u60A8\u9884\u7EA6{DATE}\u7684\u7A7A\u95F4[{SPACE_NAME}]\uFF0C\u901A\u8FC7\u5BA1\u6838\u65F6\u95F4\u6BB5\u4E3A\uFF1A{PASS_TIME}\uFF0C\u672A\u901A\u8FC7\u5BA1\u6838\u65F6\u95F4\u6BB5\u4E3A\uFF1A{REFUSE_TIME}\uFF0C\u539F\u56E0\u3010{REASON}\u3011 主要的配置是AppId、AppSecret、wechatDomain 然后生成二维码，需要用到一个工具类 “QrCodeUtil” 接下来就是生成二维码的代码，这里我是向二维码中存了一个Json串，如果比较个性也可以向二维码中加入图片
干货分享：vue2.0做移动端开发用到的相关插件和经验总结
最近在用vue2.0做微信公众号相关的前端开发，经过这次开发实践，现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理，希望和大家共同交流...... cssrem：一个CSS值转REM的VSCode插件； lib-flexible：移动端弹性布局适配解决方案； vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装； vee-validate：适用于vue项目中表单验证插件； better-scroll ：可能是目前最好用的移动端滚动插件; fastclick：解决移动端click 300ms延迟 vConsole：手机前端开发调试利器 webpack之proxyTable设置跨域 vue组件之间通信（父向子通信，子向父通信，非父子通信）方法示例； ref特性的使用； vue中setTimeout,setInterval的使用; 监听鼠标滚动事件,实现头部悬浮效果(this.$nextTick); new FormData()上传图像； vue,@click="event()"，添加()与不添加()的区别； 1、cssrem 介绍： 一个CSS值转REM的VSCode插件。我们在做移动端开发时，为了网页适配，一般会将像素单位px转换为rem.在用vscode开发时，我们可以安装cssrem这个插件。 插件效果如下： 默认配置： “cssrem