Cover Image Credit:https://unsplash.com/photos/uCPHkM2bnaIhttps://trekhleb.dev/blog/2021/gyro-web/In Javascript you may access your device orientation data by listening to the deviceorientation event. It is as easy as the following:12345678window.addEventListener("deviceorientation", handleOrientation);functionhandleOrientation(event) {constalpha = event.alpha;constbeta = event.beta;constgamma = event.gamma;// Do stuff...}This Demo Can Be Visited In HereThe demo video was compressed byhttps://clideo.com/from 4.3MB to 93KB, that’s impressive.To achieve the effect above, we need to dis ...继续阅读 (66)

What Is WebAssembly?WebAssembly(abbreviated Wasm) is a binary instruction format for a stack-based virtual machine. Wasm is designed as a portable compilation target for programming languages, enabling deployment on the web for client and server applications.WebAssemblyis a new type of code that can be run in modern web browsers — it is a low-level assembly-like language with a compact binary format that runs with near-native performance and provides languages such as C/C++, C# and Rust with a compilation target so that they can run on the web. It is also designed to run alongside JavaScript, ...继续阅读 (71)

今年需要做什么事情？保持健康，保持乐观：）换身份证直接在上海的派出所就可以办了，前提是需在随申办上填一下居住登记。15 个工作日可以直接去派出所拿新证或者选择邮寄（需要自付邮费）。换驾照打开12123查看附近的可以进行驾驶证换证体检的医院，然后去对应医院挂号体检，医生会上传体检记录到12123，此时可以进入12123 App进行换证操作。这个操作我重复了8次才完成，总是提示网络错误。手术&恢复身体手术已经完成啦，有一种开始了第二次生命的感觉。Ps. 麻醉的时候完全没有知觉，仿佛自己不存在了，连梦境也没有。办护照准备去公安局办，门口大爷说办护照需要去行政服务中心。去了行政服务中心以后取号办护照，民警给了一张单子，需要到村里和镇上依次盖章同意才可以办理。出来上海以后在随申办小程序进行了护照申领预约，然后过去预约的出入境管理局拍照，窗口签字，等待 10 个工作日再到出入境管理局领取护照。办港澳通行证很简单，民警几分钟就指导资料填写和照片采集了。花费 60 元 + 15 元香港签注 + 15 元澳门签注费用。通行证制作完成以后会使用 EMS 到付邮寄到申请的时候填写的邮寄地址。我是星期一办的，星期天收到 EMS 到付件送来的通行证卡片。失业登记&失业保险金领取失业当月是无法在随申办小程序上进行失业登记的，会提示读取个人信息出错，在次月 15 日再登记即可。一次申领最多可以申领 3 个月（按 ...继续阅读 (60)

The RGB color mode is a color model formed by combining three primary colors: red, green, and blue. It can be used to describe the colors we see in a digital way, where the intensity of each color is represented by a number between 0 and 255. Therefore, we can know the value of each color in RGB.Click Here to Color PickerObtaining and processing color dataStep1. Raw DataWe can obtain some color data and their English names fromRGB to Color Name Mapping (Triplet and Hex). Next, let’s process it. Run the following lines of code in the c ...继续阅读 (64)

With the increasingly rich API of web applications and improved device performance, user experience (UX) can be optimized by preloading images. This article introduces several ways to preload images in web applications.PrinciplesWeb applications function based on HTTP/HTTPS. Preloading involves writing the resources needed for a web page into the browser or disk cache, allowing the page to read from the cache directly when the resources are needed.When Do We Need PreloadingPreloading is particularly useful in the following scenarios:Opening a popup window with a background image via user inter ...继续阅读 (75)

最新更新放弃了。换了GLiNet-MT3000解锁可以使用这个脚本官方 wikiNanoPi R2S/zh - FriendlyELEC WiKiWAN 口 还是 LAN 口，什么用？记住一点，LAN 口是连接使用设备的口，WAN 口是连接外部网络的口心中就有数了。这一点也可以从他们的全称感知到：Local Area Network（局域网）和Wide Area Network)（广域网）。所以 LAN 口连接的是电脑、手机、交换机或者用来发送无线信号的路由器（AP），WAN 口连接光猫、宽带线路。固件选择ext4:固件文件名中带有 ext4 字样的文件为搭载 ext4 文件系统固件 ext4 格式的固件更适合熟悉 Linux 系统的用户使用，在 Linux 下可以比较方便地调整 ext4 分区的大小;squashfs:固件文件名中带有 squashfs 字样的文件为搭载 squashfs 文件系统固件而 squashfs 格式的固件适用于“不折腾” 的用户，其优点是可以比较方便地进行系统还原哪怕你一不小心玩坏固件，只要还能进入控制面板或 SSH 就可以很方便地进行“系统还原操作”。immortalWRT刷了 ext4 和 squooshfs 都进不去系统，放弃。iStoreOS用一段时间 DHCP 会挂掉，放弃。YAOF正在用，已经运行了半个月了，看来是最稳定的，没有重启，没有掉 ...继续阅读 (62)

大学时候在宿舍阳台种的草莓刚买的时候好小一颗呢，好像花了 5 块钱(P1),过了一个月开花了(P2),又过了一个月，果实成熟了(P3)最后呢果实当然是被我吃掉了，闻着好香好香。其实结了好多果，但是最后只有我一个人吃，可能是我的舍友不好意思。火龙果把火龙果的籽播撒几颗，就长出小仙人掌 🌵牵牛花想种它让他狂野生长爬满我的窗，但是它似乎太弱小了。栀子花好可惜，里面有蚂蚁窝，被我养死了 :(杜鹃花粉色的，全年都在开花，19 年购买的，20 年初疫情一个多月没有出来，没有人为它浇水，干死了 :(月季在淘宝买过宿迁发货的月季，被我养死了 :(21 年来上海了，打算买一盆果汁阳台，结果卖家发错货了，发了乐柏，和卖家反馈以后，重新给我发了一盆果汁阳台 :)五一回家的时候，买了一棵紫罗兰，种在门口，当时带着一朵花苞，种下第二天就开花了（P1）。2022 年上海疫情，五一没回去，22 年五一回去的时候开得可旺盛了（P2、P3）。今年又种了 4 棵月季，每周打电话给奶奶我都问问长得怎么样了，开花没，奶奶看见开花也高兴。 ...继续阅读 (53)

Billy Billy flew from PhillyTo LA to make his millionsBeing a starWrote his verses on a napkinKnows for sure his dreams will happenWhile sleeps in his carBut he’s got no labels calling his phoneGot his parents ain’t come back homeAll his plans up in smokeHe’s falling down falling downSo he sells the strings and his guitarFor a one way ticket to PensilveniaAnd it’s too late nowCan’t turn aroundHe’s heading back home on a GreyhoundAnd we all fall downYeah we all fall downBut you get back on your feet againOn your feet againWe all fall downNow and thenMary Mary ordinaryGot herself in quite contra ...继续阅读 (64)

Take a look at this ⬇️On this page, we have 3 buttons to fetch 3 different sets of asynchronous callback data. The same container is used to display the data below. When buttons 2 and 3 are quickly clicked, the asynchronous request for button 2 is still pending while the request for button 3 has been sent. Once the callback for button 2 is complete, the data for button 2 is displayed below. After a while, when the callback for button 3 is complete, the data is replaced with the corresponding data for button 3.Optimization Method 1Set a flag to indicate which button callback needs to be display ...继续阅读 (75)

上一篇文章介绍了使用 Strapi 创建 Content Api 的过程，这里简要写一下生成一个自定义的 GraphQL Content Api。1.创建 GraphQL SchemaSchema 文件路径/api/movie/config/schema.graphql.jsSchema example1234567891011121314151617module.exports = {query: `moviesCount(where: JSON): Int!`,resolver: {Query: {moviesCount: {description: "Return the count of movies",resolverOf: "application::movie.movie.count",resolver: async (obj, options, ctx) => {return await strapi.query("movie").count(options.where || {});},},},},};2.查询Query moviesCount123{moviesCount}注意：如果返回 403Forbidden，需要在设置 ...继续阅读 (60)

租房：签合同时确认房东房屋所属权，避免二房东的情况。看房时打开每一个见到的水龙头观察一下，看看水压大不大，如果白天水压也很小，那么晚上也没办法洗个痛快澡。检查灯具、空调、热水器洗衣机等家电是否能够正常打开。观察噪音来源和分贝是否过大会影响正常休息。观察房屋户型，选择两边都有窗户可以使空气对流的户型。选择中上位置的楼层。选择梯户较少的房屋，避免人员复杂以及等电梯过久的问题。检查燃气开关是否正常，燃气灶炉是否可以正常打开。看房时闻一闻甲醛，刚装修的房子不要租，甲醛重。选择带阳台的房屋。入住的时候更换新的花洒和连着花洒的那根水管，更换新的马桶盖（圈）。生活：芒果买熟的，自己催熟慢。榴莲买熟的，自己催熟慢。买草莓的时候观察茎蒂位置是白色还是红色，白的是没成熟的草莓，酸。晒床单被单可以使用衣架配合夹子。买一个米家的 wifi 插座，热水器插在上面，自动设置热水器开启时段，避免一整天都烧水浪费不必要的电。买一个米家的 wifi 插座，插在台灯上，设置开启时段，每天下班回家都有盏温暖的灯在等你回家。宜家的穆利格挂衣服很好用。宜家的脏衣篮很好用。买一套纯棉的床上三件套，越用越软。种一盆小花。微博上看到的：买一件东西犹豫的时候，如果是因为价钱贵舍不得买那就买，如果纯粹是因为便宜，不买。对我很有用。旧衣服可以送去 H&M;、优衣库回收。使用一次性的纯棉洗脸巾，可以避免湿毛巾上的细菌导致的皮肤问题。昂， ...继续阅读 (68)

> Strapi is the leading open-source headless CMS. It’s 100% Javascript, fully customizable and developer-first.1.初始化一个 Strapi 项目使用 yarn 安装 Strapi (推荐)1yarn create strapi-app my-project --quickstart使用 npm/npx 安装 Strapi1npx create-strapi-app my-project --quickstart上述步骤执行完毕以后，将自动在浏览器打开http://localhost:1337/admin窗口。这一步设置 CMS 的 Super Admin 用户名与密码。这一步我设置了登录邮箱1john@doe.com登录密码1GHEC3ziff!bax2yawn点击准备开始进入到 Strapi 的 Admin 内容管理页面，如下所示2. 创建一个 ContentType(内容类型)ContentType 是一个数据集合的结构。本例新建一个名为 Movie 的 ContentType。一条 Movie 数据，我们希望它的包含一条Movie数据包含的字段12345678910Name名称 类型：文本PremiereDate上映日期 类型：日期Directors导演 类型：文本 ...继续阅读 (58)

2020 年 07 月 23 日视角：第三人称我的角色：镜头里的自己23°N, 119°E2020 年 12 月 25 日视角：第一人称我的角色：自己我是正派特工，在朋友家聚会，接到线人消息说聚会上会发生爆炸，要我排除炸弹，我的朋友把我的 U 盘递给我，说 U 盘很发热，是不是坏了。我收起 U 盘，一直到聚会结束都没有发生爆炸。我回到家以后，把这个 U 盘接上电脑，记忆闪现出来，原来这个 U 盘就是炸弹，如果接通电源超过一定时间就会爆炸。原来我是反派特工。2021 年 01 月 05 日视角：第三人称我的角色：镜头一个男孩和爸爸、后妈、后妈生的妹妹生活在一起，一家人看起来生活很和谐美好。有一天后妈和妹妹出去，说去买菜，实际上是去买毒药准备杀害男孩。此前，在地下车库，男孩曾差点被一辆车撞，灯光太刺眼，他没有看清开车的人，但是作为镜头的我，知道，是男孩的爸爸，毒药也是男孩爸爸命后妈去买的。2021 年 01 月 18 日视角：第一人称我的角色：自己我是火箭工程师，有一天我正在执行发送火箭的任务，在火箭腾空的瞬间，我察觉到了主旋钮（？）有问题，火箭在半空中爆炸了，还牺牲了一名宇航员。第二次我要求一定要更换主旋钮，最后一次成功升空了。解析：梦境应该是从「切尔诺贝利」核电站爆炸事件取材取景的。主旋钮对应 AZ-5 按钮。2021 年 01 月 25 日视角：第一人称我的角色：自己大学寒假回到 ...继续阅读 (72)

ThePromise.allSettled()static method takes an iterable of promises as input and returns a single Promise. This returned promise fulfills when all of the input’s promises settle (including when an empty iterable is passed), with an array of objects that describe the outcome of each promise.Promise.allSettled()123456789101112131415161718192021222324252627282930313233343536373839404142434445464748Promise.allSettled=Promise.allSettled||function(arr) {varP =this;returnnewP(function(resolve, reject) {if(Object.prototype.toString.call(arr) !=="[object Array]") {returnreject(newTypeErro ...继续阅读 (70)