Vue3.x和Vue2.x的不同之处

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

- 阅读全文 -

学会threejs鼠标交互Raycaster拾取物体

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

- 阅读全文 -

js 位掩码

定义掩码const mask0 = parseInt("00000001", 2); const mask1 = parseInt("00000010", 2); const mask2 = parseInt("00000100", 2); const mask3 = parseInt("00001000", 2);

- 阅读全文 -

js中~~和 | 的妙用

双~的用法~~它代表双非按位取反运算符,如果你想使用比Math.floor()更快的方法,那就是它了。需要注意,对于正数,它向下取整;对于负数,向上取整;非数字取值为0,它具体的表现形式为:~~null; // => 0 ~~undefined; // => 0 ~~Infinity; // => 0 --NaN; // => 0 ~~0;

- 阅读全文 -

ES6 尾调用和尾递归

什么是尾调用?尾调用(Tail Call)是函数式编程的一个重要概念,本身非常简单,一句话就能说清楚,就是指某个函数的最后一步是调用另一个函数。function f(x){ return g(x); }上面代码中,函数f的最后一步是调用函数g,这就叫尾调用。以下三种情况,都不属于尾调用。// 情况一 function f(x){ let y = g(x); return y; } /

- 阅读全文 -

为什么Chrome的document.body.scrollTop可以是小数

JavaScript突然发现新版的Chrome的scrollTop可以是一个小数,为什么可以是小数,这么做有什么意义?我可能滚动小数个像素吗?随着市面上各种高分屏,高DPI,都会出现这样的问题设计师的电脑真香,2K屏他毕竟工作在抽象的绘图空间上的,px的概念已经从最初的屏幕物理像素变成了一个长度单位,随着你屏幕dpi的不同,一个px所代表的真实像素数也不同。所以现代的2D渲染系统都是以浮点数定义坐

- 阅读全文 -

JavaScript异步剪贴板 API

在过去我们只能使用 document.execCommand 来操作剪贴板。不过,这种操作剪贴板的操作是同步的,并且只能读取和写入 DOM。现在 Chrome 已经支持了新的 Async Clipboard API,作为 execCommand 替代品。这个新的 Async Clipboard API 还可以使用 Promise 来简化剪贴板事件并将它们与 Drag-&-Drop API

- 阅读全文 -

React/VUE/JS&input数据简单搜索

关键词:搜索今天在仿制WeChat过程中,思考了下如何去对数据进行检索简单检索通过select分类后输出戳 https://gitlab.com/duobang/developmentlog/issues/80这个被应用在材料申请完成与未完成的筛选通过Input输入关键词简单demo:我觉得这个搜索后续会用得上,今天测试了一把在我们的项目中也依旧可以使用逐个查询判断方法二代码React+TS新建一

- 阅读全文 -

如何用最短的JavaScript代码消耗最多的时间?

在V2上看到了这样一个问题如何用最短的JavaScript代码消耗最多的时间?让函数 f 运行 10s 以上,最终输出 true,代码越短越好。(不能有交互。)// 挑战目标:让函数 f 运行 10s 以上,代码越短越好 function f() { // 在此写入你的代码: // ... } (function() { var now = Date.now; var t

- 阅读全文 -

React生命周期方法

componentWillReceiveProps()该方法会接受新属性对象,让你可以根据新属性设置state,还可以进行其他工作以确保组件状态保持正常。componentWillUpdate()当你的组件再次渲染时,在render()方法前调用(在组件的props或者state发生改变时触发该方法)。componentDidUpdate()在render()函数执行完毕,并且更新的组件已经被同步

- 阅读全文 -

深入理解javascript原型和闭包(5)——instanceof

对于值类型,你可以通过typeof判断,string/number/boolean都很清楚,但是在typeof在判断引用类型的时候,返回值只有object/function你不知道他到底是一个object还是一个数组,还是new Number这是就需要用到instancceofexfunction Foo(){} var f1=new Foo(); console.log(f1 instance

- 阅读全文 -

轻语

    更新高亮插件,旧的代码高亮太难受了哈哈哈哈

  • 查看更多...

最新文章

最近回复

  • Danica: 感谢up,有效
  • JoyNop: 如果失效,请将错误信息和截图发送至文章下方邮箱,会及时更新KEY
  • JoyNop: 报错了吗。失效了?
  • WordPress 转载: [...]我是在网上查找相关解决方案的时候,看到了这个文章Wor...
  • b: 为什么我的不可以用啊
  • 悬镜司: 感谢分享
  • 玥儿儿儿儿儿: 有效!
  • OK: 来学习一下
  • qaz: 有效
  • qaz: 有效

分类

标签

其它