1、vue 3和Composition api的状况Vue 3已经发布了一年,它的主要新功能是:Composition API。从2021年秋季开始,推荐新项目使用Vue 3的 script setup 语法,所以希望我们能看到越来越多的生产级应用程序建立在Vue 3上。 这篇文章旨在展示一些有趣的方法来利用Composition API,以及如何围绕它来构造一个应用程序。 2、可组合函数和代码重用新的组合API释放了许多有趣的方法来重用跨组件的代码。蓝狮注册开户复习一下:以前我们根据组件选项API分割组件逻辑:data、methods、created 等。 // 选项API风格data: () => ...
蓝狮注册登陆React:不要动,否则你会被炒鱿鱼
家好,我卡颂。 不知道大家在用react开发时,有没有注意到react与react-dom这两个包中有个很奇葩的属性__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: 直译过来就是「内部神秘属性,不要乱用!否则你会被炒鱿鱼」。 为什么会有个这么唬人的属性?今天我们来聊聊。 React项目架构我们在项目中习惯使用如下语句引入Hook: import {useState} from ‘react’;这是不是意味着所有Hook的具体实现都在react这个包中?实际不是的。 所有Hook的具体实现在ReactFiberHooks.new.js方法中,蓝狮注册开 ...
蓝狮注册登陆如何在 JavaScript 中判断两个值相等
在 JavaScript 中如何判断两个值相等,这个问题看起来非常简单,但并非如此,在 JavaScript 中存在 4 种不同的相等逻辑,如果你不知道他们的区别,或者认为判断相等非常简单,那么本文非常适合你阅读。 ECMAScript 是 JavaScript 的语言规范,在 ECMAScript 规范 中存在四种相等算法,如下图所示: 上图中四种算法对应的中文名字如下,大部分前端应该熟悉严格相等和非严格相等,蓝狮注册开户但对于同值零和同值却不熟悉,下面我们分别介绍这四种算法。 同值同值零非严格相等严格相等非严格相等非严格相等使用两个等号, ...
蓝狮注册登陆Vue+Mockjs如何模拟curd接口请求
在前后端分离的项目中常常会遇到当前端页面开发完成,但是后端接口还没好,暂不支持联调的情况下,一般我们会用到mock数据。这边简单说一下最常见且经常会遇到的curd接口模拟注:这边可以和后端先约定好接口路径以及入参返参的字段,蓝狮注册开户避免二次修改 安装依赖,新建js文件,在文件中导入mock.js,模拟列表数据 yarn add mockjsconst Mock = require(“mockjs”) const list = []const length = 18for (let i = 0; i < length; i++) {list.push(Mock.mock({id: ‘@id’,account: ‘ ...
蓝狮注册登陆“低代码”十问
如今,恐怕没有比IT更爱创造新概念的行业了。一方面,源自于信息技术的高速发展,创新层出不穷;另一方面,可能是源自销售的需要,客户总有些猎奇的心理,先不论产品是否充分满足客户的需求,至少新的概念先从心理层面拨弄客户的心扉。 那么,低代码开发是真正的技术创新还是炒冷饭呢? 什么是低代码开发?实际上, 低代码开发并不是什么新鲜事。20多年前的VisualBasic 在上世纪90年代就是一个低代码工具,更久远一点,可以追溯到case tool 等代码生成工具。 低代码开发可以帮助人们以最少的代码快速创建和部署应用程序 ...
蓝狮注册登陆优雅地在 Vue、React 中使用 Web Components 封装的 UI 组件库
作为一名前端攻城狮,相信大家也都在关注着前端的一些新技术,近些年来前端组件化开发已为常态,我们经常把重用性高的模块抽离成一个个的组件,来达到复用的目的,这样减少了我们的维护成本,提高了开发的效率。但是都有一个缺点离不开框架本身,因为我们浏览器本身解析不了那些组件。那么有没有一种技术也可以达到这种效果呢?答案就是今天的主角 Web Components。 Web Components 是一套不同的技术,允许您创建可重用的定制元素(它们的功能封装在您的代码之外)并且在您的 web 应用中使用它们。 目前 W3C 也在积极推动,并 ...
蓝狮注册登陆高级 TypeScript:映射类型
使用强类型语言会带来很多好处,TypeScript也不例外:你使用的类型越强,就能获得越好的结果。不幸的是,TypeScript 的灵活性让我们能够使用一种大得多的类型去描述某些对象,而这些对象原本可以使用更窄更有效的类型去建模。其中一个场景就是使用字符串和数字建模。 基本类型,例如 string 或 number,对于处理极大数据的数值是有意义的。蓝狮注册登陆但是,很多情形下,我们关心的只是有限个字符串(或其它基本类型)。我们当然可以在运行时去检测这种值是不是合法,但 TypeScript 也提供了一些机制,让我们能够更好地对这 ...
蓝狮注册登陆现在应该开始使用的 10 个 PHP 8.1 功能
php 8.1 现已推出,它附带了新功能和性能改进 —— 最令人兴奋的是新的 JIT 编译器。它于 2021 年 11 月 25 日发布。 我们将详细演示 PHP 8.1 提供的 10 大特性,以便您可以开始在您的项目中使用它们,并改善您的 PHP 体验。初学者和有经验的开发人员可以从本文中受益。 8.1 提供的 10 大功能枚举 Fiber(纤维) never 返回类型 readonly 属性 final 类常量 新的 array_is_list() 函数 新的 fsync() 和 fdatasync() 函数 对字符串键数组解包的支持 $_FILES 新的用于目录上传的 full_path 键 新的 ...
蓝狮注册开户TypeScript类、继承、多态
前言对于传统的 JavaScript 程序我们会使用函数和基于原型的继承来创建可重用的组件,但对于熟悉使用面向对象方式的程序员使用这些语法就有些棘手,因为他们用的是基于类的继承并且对象是由类构建出来的。 从 ECMAScript 2015,也就是 ES6 开始,蓝狮注册 JavaScript 程序员将能够使用基于类的面向对象的方式。 使用 TypeScript,我们允许开发者现在就使用这些特性,并且编译后的 JavaScript 可以在所有主流浏览器和平台上运行,而不需要等到下个 JavaScript 版本。 类// 类(() => {class Person {// 声明属性name: string ...
蓝狮注册开户浅谈为什么要写单元测试
01、单元测试基本概念在计算机编程中, 单元测试(又称为模块测试, Unit Testing)是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作,程序单元是应用的最小可测试部件 。在过程化编程中,一个单元就是单个程序、函数、过程等;对于面向对象编程,最小单元就是方法,包括基类(超类)、抽象类、或者派生类(子类)中的方法。 通常来说,程序员每修改一次程序就会进行最少一次单元测试,蓝狮注册开户在编写程序的过程中前后很可能要进行多次单元测试,以证实程序达到软件规格书要求的工作目标,没有程序错误; ...