Vue 3.0已进入发布候选阶段！
Vue正在彻底检查中，Vue 3.0已进入发布候选阶段！这已经持续了近两年，并且终于，Vue 3核心API的实现现在稳定了。令人兴奋的原因有很多。Vue 3有比Vue 2具有更高的性能。尽管进行了完全重写，但用法并没有发生太大变化，因此无需忘记您对Vue已有的了解。Vue文档已完全迁移修订。有几个新功能（例如Composition API（受React Hooks启发））并有助于在多个组件之间进行复用。以下是获取Vue 3的方法：在CodePen上使用它：https://codepen.io/te
获得对摄像头的访问权
现代浏览器可直接访问摄像头，Warning: 直接访问摄像头是一项强大功能，需要征得用户的同意，并且网站需要托管在安全来源 (HTTPS) 上。获得对摄像头的访问权我们可以利用 WebRTC 规范中名为 getUserMedia() 的 API 直接访问摄像头。此时系统将提示用户授予麦克风和摄像头的访问权。如果授权成功，该 API 将返回一个 MediaStream，其中包含来自摄像头的数据，然后我们可以将数据附加到一个 元素、播放它以显示实时预览或将其附加到一个 以获取快照。要从摄像头获取数据
学习vue3系列第一课
基于vite初始化项目npm init vite-app <project-name>cd <project-name>npm installnpm run dev项目生成之后，编写一个计数器组件，修改App.vue里面的内容：<template> <button @click="change">count is: {{ count }}</button></template><script>exp
学习vue3系列watch
watch 函数用来侦听特定的数据源，并在回调函数中执行副作用。默认情况是懒执行的，也就是说仅在侦听的源变更时才执行回调。<template> <button @click="change">count is: {{ state.count }}</button></template><script>import { reactive, watch } from 'vue'export default { setup () {
学习vue3系列生命周期
之前已经介绍了 vue3 的相关知识点：ref，reactive，computed，watch，watchEffect，toRef，toRefs 这些响应式的API，相信大家对 vue3 已经有一定的理解了。生命周期除了这些函数 vue3 还增加了些生命周期，可以直接导入 onXXX 一族的函数来注册生命周期钩子：与 2.x 版本生命周期相对应的组合式 API。1、beforeCreate -> 使用 setup()2、created -> 使用 setup()3、beforeMou.
async/await的特殊用法
任何具有“.then”方法的对象都可以与async/await一起使用。class Sleep { constructor(timeout) { this.timeout = timeout; } then(resolve, reject) { const startTime = Date.now(); setTimeout(() => resolve(Date.now() - startTime), this.timeout); }}(async ()
给img加display: none；一样会消耗资源请求
<img style="display: none;" src="https://img.pic88.com/preview/2020/08/05/15966339251452714.jpg!s640w" alt="logo">浏览器还是会发送图片资源请求，这样并没有达到懒加载图片的作用！！！
掌握 git reset 使用
通常我们提交代码一般都是 git add ，git commit -m, git push 的这么个流程。添加到暂存区，提交到 git 库生成版本号，push 到远程仓库以供他人可以使用。这是一个完整的且非常顺利的流程。但是往往实际开发中并不是这么顺利，总会出现这样或那样的问题。git reset 就是当我们提交了错误的内容后进行回退使用的命令。git reset + 版本号，就是回退到该版本号上。通常我们使用 git reset HEAD 就是回退到当前版本。git reset HEAD^ 回退.
vscode小程序插件
下载 WeChat SnippetsFeatures 特性Syntax-highlighting代码高亮Snippet代码片断Emmet代码提示Linting / Error CheckingFormatting代码格式化Auto Completion自动补全Supported languages 支持语言wxml(.wxml)微信小程序axml(.axml)支付宝小程序qml(.qml)QQ小程序ttml(.ttml)头条小程序jxml(.jxml)京东小程序
100％在CSS中是什么意思？
我最常使用的CSS单位之一就是出色的％，每个属性的百分比使用的规则并不完全相同。width/height让我们从最基本，最直接的示例开始：width 和 height。.self { position: absolute; height: 50%; width: 40%;}我们可以看到元素的 width 和 height 是分别基于父元素 width 和 height 的。left/top这些值也基于父元素的 width 和 height。如果元素的 left 值为 50%，则其
使用爬虫抓取网页内容
对于爬虫我们首先想到的是 python，但是对于前端来说我们通常是 node 来写爬虫，去抓取网站的数据而已。爬虫的基本流程1、发起请求使用http库向目标站点发起请求，即发送一个Request，第三方请求库如 request，axios 等。Request包含：请求头、请求体等2、获取响应内容如果服务器能正常响应，则会得到一个ResponseResponse包含：html，json，图片，视频等3、解析内容解析html数据：正则表达式，第三方解析库如cheerio，PhantomJS.
今日推荐
周排行