- 博客(22)
- 资源 (2)
- 收藏
- 关注
原创 ES6的Map与weakMap
因此,只要所引用的对象的其他引用都被清除,垃圾回收机制就会释放该对象所占用的内存。也就是说,一旦不再需要,WeakMap 里面的键名对象和所对应的键值对会自动消失,不用手动删除引用。WeakMap的设计目的在于,有时我们想在某个对象上面存放一些数据,但是这会形成对于这个对象的引用。WeakMap 就是为了解决这个问题而诞生的,它的键名所引用的对象都是弱引用,即垃圾回收机制不将该引用考虑在内。一旦不再需要这两个对象,我们就必须手动删除这个引用,否则垃圾回收机制就不会释放e1和e2占用的内存。
2024-05-06 17:00:37 354
原创 常见算法200个(1):汉诺塔
相传在古印度圣庙中,有一种被称为汉诺塔(Hanoi)的游戏。该游戏是在一块铜板装置上,有三根杆(编号A、B、C),在A杆自下而上、由大到小按顺序放置64个金盘(如图1)。游戏的目标:把A杆上的金盘全部移到C杆上,并仍保持原有顺序叠好。操作规则:每次只能移动一个盘子,并且在移动过程中三根杆上都始终保持大盘在下,小盘在上,操作过程中盘子可以置于A、B、C任一杆上。汉诺塔问题,是心理学实验研究常用的任务之一。
2024-05-06 10:28:41 391
原创 node.js的常用内置库(1)共128节
我说假如node.js 一路杀出,成为一种后端主要选型的时候,你再次去了解晚么,不晚,但给你的时间肯定不多~😄 跟着我一起开始认识node吧,今日份不多3个API ,加油。
2024-04-27 22:59:11 1045 2
原创 WebGL入门篇(3)
要使用这一功能,就像在/examples(示例)目录中的所有文件一样, 您必须在HTML中包含这个文件。Orbit controls(轨道控制器)可以使得相机围绕目标进行轨道运动。OrbitControls 是一个附加组件,必须显式导入。// 需要注意的是图片的宽高必须一样不然 会渲染不出来(黑色) 🤔。
2024-04-21 23:30:43 207 1
原创 WebGL入门篇(2)
本篇继续衔接上一篇,从重申WebGL的用途到使用webgl是的框架three.js一步一步做一个小游戏,希望你能从中学点滴知识,当然😄点赞关注支持一下,继续前行。
2024-04-21 10:01:27 253 1
原创 Nest.js的一些笔记
Nest 在这些常见的 Node.js 框架(Express/Fastify)之上提供了一个抽象级别,但也直接向开发者公开了它们的 API。在 Nest.js 中,使用控制器(Controller)和服务(Service)的组合是一种推荐的架构模式。Express.js 提供了简化和抽象化的 API,使得在 Node.js 上构建 Web 应用程序变得更加简单和高效。Node.js 本身提供了处理网络请求和构建 Web 服务器的能力,但它的 API 相对底层,需要开发者手动处理很多细节。
2024-04-18 09:47:12 813 2
原创 npm的淘宝镜像失效怎么回事
npm 淘宝镜像在使用时出错了,大家更换一下即可。近期使用npm淘宝镜像新建项目或依赖时出现报错。2024年1 月 22 日,淘宝原镜像域名
2024-04-03 08:54:15 725 1
原创 vue3与vue2详细对比
在模板中访问ref中的数据,系统会自动帮我们添加.value,在JS中访问ref中的数据,需要手动添加.value;ref的底层原理同reactive一样,都是Proxy,r。如果参数是对象类型,其实底层的本质还是reactive,系统会自动将ref转换为reactive,例如。reactive的响应式是深层次的,底层本质是将传入的数据转换为Proxy对象。新特性统一的入口,setup语法糖可以说是选项式API中替代品,函数会在。setup函数只能是同步的不能是异步的。setup语法糖是vue3的。
2024-03-04 17:32:53 480
原创 vue3加入的新特性Tree-Shaking介绍及原理
Vue 2的设计和构建是基于 ES5 时代完成,大多数功能和组件是以对象的形式暴露出来的,而且整个库的组织方式和设计没有针对 Tree-shaking 这种高级的代码优化进行特别的优化。在 Vue 2中,大部分组件是通过直接引入 Vue 对象的属性来使用的,这导致整个 Vue 对象以及所有的属性都会被包含进最终的构建中,无法精确地按需引入。就是解决这个问题的办法,只需要在方法前面加上上面的代码,程序运行的时候就会认为他是没有副作用的,可以放心的进行。,将没有使用的模块代码移除掉,削减项目的体积。
2024-03-04 10:42:00 498
原创 5G网络建设-华为OD机试
5G网络建设题,对于算法题有不同的解题思路,高质量解题代码清晰而高效高性能,过程你自己需要去深入理解和学习及吸收,才能深度掌握,学以致用才是目的!
2024-02-29 20:47:47 934
原创 一文说清楚前端Event Loop
简单来说,因为js是单线程的,所以出现了Event Loop。原因即单线程一次只能执行一个任务,如果有多个任务,就需要排队,执行完一个再执行下一个,这样会造成资源的浪费,造成‘假死’的情况。并且js没有锁机制,多线程将会使DOM操作变得不可控(当然目前已有新的API,web woker来实现多线程)。事件循环)是浏览器或Node的解决javaScript单线程运行时不会阻塞的一种机制,也就是我们经常使用异步的原理。
2024-02-29 10:43:41 380
原创 前端怎么能不知道BFC
Web 页面中盒模型布局的 CSS 渲染模式,一个独立的渲染区域或者说是一个隔离的独立容器,特性是包含其子元素,不包含其子元素的子元素。BFC的通俗理解:首先BFC是一个名词,就是一个有特定规则的区域。我们可以理解为一个箱子(实际上是看不见摸不着的),箱子里面物品的摆放是不受外界的影响的。BFC的渲染规则:计算BFC高度时,浮动元素也会参与计算(清除浮动)BFC的区域不会与浮动元素的box重叠。(防止浮动文字环绕)BFC在页面上是一个独立的容器,内外元素不相互影响。(解决外边距重叠问题)
2024-02-28 18:02:39 273
原创 js中generator的详解
对于普通函数而言,它会立即执行,而Generator 函数特性是可以停下,不会立即执行,正是这样的特性,它能很好处理异步问题。定义一个 Generator 函数和定义一个普通函数是类似的,不同之处在于它在 function 和函数名之间有一个*号。Generator 函数返回是一个迭代器对象,需要通过 xxx.next 方法来完成执行。// 定义迭代器对象iterator.next() // 执行这一局代码,1才会被打印。
2024-02-24 16:23:09 878 3
原创 彻底解决前端发版白屏问题和解决方案
小编开始发功了,首先百度了一大片一大片的都是说什么协商缓存,nginx之类的东西,我也去和运维batttle过,你是知道运维觉得这个事事不关己高高挂起,呵呵了。不知道你们公司的运维是什么样子的,但我们的公司就是这样,包括域名统一时 需要找到不同前端项目的服务都是我作为一个前端的身份去实现的,你可以想象得到么。不好意思,跑题了,我的意思,当遇到问题时没有人会去主动的帮你或者和你一起解决,一旦有这样的人请你珍惜,因为这样的人少之又少。2.nginx增加禁用入口文件缓存和协商缓存。我是谁,我在哪,我在干什么😠。
2023-12-21 15:43:35 682
原创 WebGL入门篇(1)
全文共有三个章节:无论你是否有开发经验,都能带你了解🫡webgl是什么,能做什么,以及怎么学习和使用webgl开发。言归正传什么是WebGL?WebGL(全称Web Graphics Library),它是一种3D绘图协议,技术标准支持JavaScript和OpenGL ES 2.0,WebGL能为HTML5 Canvas提供硬件3D加速渲染,可以让Web开发人员依靠系统显卡将3D场景和模型展现在浏览器,常见的有导航和数据视觉化还有类似极品飞车、魔兽这样的3D游戏。
2023-04-16 11:16:07 903
原创 vue源码初探(一)
作为一名前端开发,日常开发的技术栈是Vue,自己在公司忙前忙后,但大多是业务上的一些编码,对各种用法和各种api很熟练,但对于框架底层的认识不深,原理缺乏全面的了解。故开始钻研源码,以期望有更广阔的思维和方法能开发出更优质产品。前端框架层出不穷,但弄明白原理才是王道,就必须不停的去学习和实践。鉴于此,从github上clone下来一份Vue源码,研究下其整个过程和思路,一方面开阔自己视野,另一方面也希望能够同他人一起交流和探索。今天要说的就是上图这个vue整体的架构,同时也是我们学习的基本路线。
2020-06-27 11:08:38 143
原创 vue 中使用swiper ,难免会遇到的坑(一)
先说一下近况,最近一直忙于项目的迭代,没有心情和思路去更新文章,翻了一下自己的过去文章,大概是一年前了,这些天忙的都是杂七八啦的事情,比如写作点击打开链接, 好了,接下来转入正题,谈到vue大家一定不会陌生,swiper更是,我们的项目同样不可避免的使用了二者(感叹一句!坑多大家自行理解)。 版本:swiper.js 4+ vue.js 2...
2018-06-07 16:24:46 4413
原创 js进阶(一)bind和call及apply
var sw = {name : "小王", say : function() { alert("早上好"+this.name); } } var xw = {name : "小红",
2016-10-11 16:31:09 242
原创 记录jquery向angular成长03
Angular 笔记: →作为一个前端,对于MVC框架无理由不去研究! ①html中声明指令管理边界 <html ng-app=”myApp”> ②指定位置 <div ng-controller="mytask"> ③ng-modle="task" //数据绑定(实时显示) ...
2016-07-18 18:02:23 277
原创 记录jquery向angular成长02
angular 常用内部服务$location $http $timeout $interval重温js笔记: return 跳出整个方法;break 跳出当前循环; 例如: 实例一: function sum(){ var i,sum;...
2016-07-18 12:13:00 205
原创 记录jquery向angular成长01
angular每日知识点之: 深复制 angular.copy(source,[destination]); 如果省略了第二个参数,一个新的对象或数组将会被创建出来; 如果提供了第二个参数,则source对象中的所有元素和属性都会被复制到destination中; 如果source不是对象或数组(例如是null或undefined), 则返回source;...
2016-07-17 19:32:33 261
鲜花网站适合做毕业设计
2009-05-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人