web前端 谢浩

@Arivn 又学到一招了，哈哈哈

目测你有两个字体过大，17M，这个字体没有必要的话，可以去掉了，不然手机上一下子要加载17M的内容的话，确实不快，如果非要用字体的话，可以考虑用 字蛛 这一类工具把字体体积缩小

@ivorzk 厉害了

浏览器的可以直接点收藏，第三方的需要你自己把网址输入进去

这个是给女生提供的职位的哈！女主播

如果url后面都有后缀的话，可以获取到url的后缀，然后根据后缀来判断显示不通的图标 核心代码 let url = 'xxx.jpg' // 获取后缀 let suffix = this.src.substr(this.src.lastIndexOf('.') + 1) // suffix => .jpg 简要demo（以vue组件为例） <template> <div class="media"> <img v-if="type=='picture'" :src="src" alt=""> <img v-if="type=='file'" src="@/assets/file.png" alt=""> <video v-if="type=='video'" :src="src" alt=""></video> <audio v-if="type=='audio'" :src="src" alt=""></audio> </div> </template> <script> export default { props: { src: String }, computed: { type() { let type = 'file' if (!this.src) return type let suffix = this.src.substr(this.src.lastIndexOf('.') + 1) switch (suffix.toLowerCase()) { // 图片 case 'jpg': case 'jpeg': case 'gif': case 'png': case 'webp': type = 'picture' break // 视频 case 'mp4': case 'mpeg4': case 'flv': case 'avi': type = 'video' break // 音频 case 'mp3': type = 'audio' break // 其它文件 default: type = 'file' } return suffix } } } </script> <style lang="scss" scoped> .media { display: flex; align-items: center; justify-content: center; width: 15vw; height: 8vw; img { width: 100%; height: 100%; object-fit: cover; } } </style>

这种情况，一般是你的编辑器，或者命令行占用了文件夹，导致的，把它们都关掉以后试试

在全局的app中按照如下设置，然后再去创建窗体就可以了 import { app } from 'electron' // 设置这句后解决了 app.commandLine.appendSwitch('disable-features', 'OutOfBlinkCors')

从这几个方面下手 内存过高，一般是网页资源多、变量多容易消耗资源所以可以这样， 压缩网站资源 这里着重强调的是网站的图片资源，和其它媒体资源，这一类资源体积大浏览器加载的时候会消耗大量内存，所以首先得确保网站资源已经达到最佳的优化状态，图片该压缩的压缩，样式、js该合并的合并 网页优化参照此教程 https://xnit.funtask.club/topic/75/ 其次就是程序的化 单页应用逻辑复杂，所以要做好变量的回收，路由切换、页面销毁的时候应销毁不使用的变量， 移除不必要的事件监听, 清理不使用的定时器， 减少循环的使用 等等 优化的原理，核心逻辑就是让页面的运算逻辑变简单、加载资源变少 做到这两点，就能降内存，降cpu的使用

经过测试，这个错是 vue-cli 校验webpack配置文件的时候报的错误，根据官方的说明，新版的vue-cli中是无法直接修改webpack的output选项的，需要通过vue.config.js 中的 outputDir属性进行配置 这是官方的警告 正确的修改方法 在 vue.config.js 中设置如下属性 // vue.config.js module.exports = { outputDir: 'dev_test' }

是因为win10 部分版本上，没有启用无线显示器的功能，可按照下方步骤进行操作 找到系统设置 - 投影到此电脑 点击蓝色小字（因为我的已经添加过，所以这里显示是启用链接，如果没有启动无线投影的电脑这里显示的是启用无线显示器） 点击添加功能 搜索无线显示器，点击安装 安装好以后，按照如下配置 尝试重新链接无线显示器

基于master创建分支 确保当前分支在master上，执行如下命令 // 新建一个dev分支 git checkout -b dev // 将dev分支推送到远端 git push --set-upstream origin dev 删除分支 // 删除本地分支,注意不能在当前分支下，删除自己，需要切换到别的分支上才可以删除目标分支 git branch -d dev // 删除远端分支 git push origin -d dev

新建一个页面，将页面的导航条去掉 以页面名称为 page 举例 在小程序page.json 中加上下方的描述 { "navigationBarTitleText": "全屏播放页面", "navigationStyle": "custom", // 使用自定义导航条 } page.wxml <video src="https://xxx.com/xxx.mp4"></video> 在page.css中将video的宽高设置成为100%即可 video { width: 100vw; height: 100vh; }

可以使用 debounce 解决该问题，debounce 是专门处理高频事件的一种方案，原理不在此讲解 直接上示例代码，lodash 和 underscore这两个js库都有debounce 函数，可以根据自己的喜欢任选一个库来使用，下面选用lodash 以模块开发的引入方式举例： import _ from 'lodash' export default class { constructor() { // 监听resize事件 window.addEventListener('resize', this.resize.bind(this)) } // 将高频事件降到低频 resize: _.debounce(function() { // TODO: 在这里处理事件触发后的逻辑代码 }, 100) // 100为频率间隔事件，这里的100代表100毫秒内如果resize没有触发，则认为resize已经执行完毕 } 从文档的友好性和使用人数上面来讲的话，lodash用户较多，这两个库功能相差不大 但实战中发现，lodash 在网页内表现良好，但是到了小程序中，会有一些兼容问题，这方面underscore做得更好一些，没有出现兼容问题

使用tabbar自定义模式可以修改导航条的样式， 图标、字体、颜色这些都可以自己定义 官方demo地址 https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html

可以在全局加入如下样式 * { -webkit-tap-highlight-color: transparent; } 另外你可能会遇到按钮聚焦后会有黄边的问题，这个可以添加下面的代码解决 *:focus { outline: none; }

从提示中可以看出，requestSubscribeMessage 这个方法，只支持用户点击行为触发 你应该是在程序中直接调用导致的，把它改成事件调用 示例： wxml <button bindtap="subscribe">订阅消息</button> js subscribe() { wx.requestSubscribeMessage(object) }

按照如下步骤操作 字体类、图标类、按钮类尺寸修改 这些元素单位建议使用 rpx ，rpx 全称 responsive pixel 可以根据屏幕宽度进行自适应 全屏、通栏类的元素和图片 这一类别，宽度适合用vw 和 百分比，这样能保证在一些宽屏的设备上能保证达到全屏铺满的效果 特殊尺寸，有比例约束的元素和图片 这一类的元素对尺寸要求比较高，不光需要保证宽度，还得保证高度，高度或宽度尺寸不对就会影响整体布局，这一类元素建议使用vw来限定宽高

单核cpu也可以运行 多个 worker 只是在 多核 cpu的环境下，可以高效执行 worker进程