JoyNop

React 17 正式版已经发布，本次版本变更日志如下：React为全新的 JSX 转换器添加 react/jsx-runtime 和 react/jsx-dev-runtime。根据原生框架构建组件调用栈。可以在 context 中设置 displayName 以改善调用栈信息。防止 'use strict' 从 UMD 的 bundles 中泄露。停止使用 fb.me 进行重定向。React

- 阅读全文 -

Vue3.x和Vue2.x的不同点1、main.js引入方式不一样// vue3 //code by www.joynop.com import { createApp } from 'vue' import App from './App.vue' createApp(App).mount('#app') // 没有全局的Vue// vue2.X //code by www.joynop.co

- 阅读全文 -

现在很多笔记本电脑都推荐将缩放设置为125%，等比例放大显示。(垃圾Windows这对我们前端的页面的布局会产生一些影响首先，单独的响应式布局hold不住这个问题，因为出问题的是device-pixel-ratio。问题现象是高分屏下整好的东西，在普分屏下会放大；而普分屏下整好的东西，在高分屏上会缩小。重现这个问题不需要高分屏，直接用Ctrl++或者Ctrl+-出来的效果是跟高分屏一致的（所以搞定

- 阅读全文 -

对场景内的模型增加事件监听，实现鼠标交互，须要用到Raycaster（光线投射）类。拾取物体的原理webGL中获取鼠标交互物体的原理：通过三维空间中相机视点与鼠标在屏幕上的地位的连线，造成一条直线，捕捉与此直线相交的空间中的物体，即为交互对象物体。在three中，Raycaster为咱们封装了大量的逻辑代码，包含生成相机到鼠标的射线、射线与空间物体的碰撞检测、射线相交物体深度计算、相交物体列表等等

- 阅读全文 -

什么是脏检查？脏检查的全名是 脏数据检查。是AngularJS命名的。脏数据也就是产生了变化的数据。脏检查因一个原因而被称为脏。它定时检查而不是直接监听属性变化。我们把这个检查称为摘要周期(digest)。angularJS监测对象变化不是像vue.js那样通过Object.defineproperty这种接口，而是在某些情况下制定策略，通过复制保存一份数据，进行快照对比，来监测变化。脏检查这个东

- 阅读全文 -