题目给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。 你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。 输入：nums = [2,7,11,15], target = 9输出：[0,1] 解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1] 。 方式一:暴力破解第一眼看到这个问题时，想到的解题方法就是使用for循环，蓝狮注册开户两个for循环进行遍历,每一项进行相加，当等于target时，就可以返回他们的下标 var twoSum = fun ...
蓝狮注册登陆SASS 插值语句 #{ }的使用
在之前我们已经使用用 / 来进行计算，但如下情况不一样 例如 p{font: 16px/30px Arial, Helvetica, sans-serif;}如果需要使用变量，同时又要确保 / 不做除法运算，蓝狮注册开户而是完整地编译到 css 文件中，这种情况怎么办？？？可以使用 #{} 插值语句将变量包裹。 使用插值语法p {$font-size: 12px;$line-height: 30px;font: #{$font-size}/#{$line-height} Helvetica,sans-serif;}通过 #{} 插值语句可以在选择器、属性名、注释中使用变量： $class-name: danger;$attr: color;$author:’老姚’; /* ...
蓝狮注册登陆揭秘，Vue3 性能优化之 Non-reactive Object
前言在 vue2 中，有一个老生常谈的话题，如何避免 data 中一个复杂对象（自身或属性对象）被默认被创建为响应式（Non-reactive Object）的过程？ 举个例子，有一个 Vue2 的组件的 data： 这里我们希望 list.extData 不被创建为响应式对象，蓝狮注册开户相信很多同学都知道，我们可以通过 Object.defineProperty 设置对象 list.extData 的 configurable 属性为 false 来实现。 而在 Vue2 中，我们可以这么做，但是回到 Vue3，同样的问题又要怎么解决呢？我想这应该是很多同学此时心中持有的疑问。所以，下面让我们一起来由 ...
蓝狮注册登陆npm init < initializer >
今天发现 Vite 官网文档的 Vite 初始化命令改用了 npm init vite@latest原来只知道 npm init 命令是用来初始化一个 Node.js 工程的，最偷懒的当然是 npm init -y 直接帮你使用默认的配置 从大概 npm v6之后增加了 npm init xxx 另一种初始化工程的方式，以最新的 npm v8为例(我看了一下我的 Node.js 16的版本里搭载的就是 npm v8) npm init (same as npx <package-spec>) npm init <@scope> (same asnpx <@scope>/create`)当然它还有两个同名的小弟 —— alias 、 innit ，比如 npm init foo 就等同于 ...
蓝狮官网11个 ES2022（ES13)中惊人的 JavaScript 新特性
与许多其他编程语言一样，JavaScript 也在不断发展，每年，蓝狮注册登陆该语言都会通过新功能变得更强大，让开发人员编写更具表现力和简洁的代码。 让我们探索 ECMAScript 2022 (ES13) 中添加的最新功能，并查看它们的使用示例以便我们更好地理解它们。 1、类字段声明在 ES13 之前，类字段只能在构造函数中声明，与许多其他语言不同，我们不能在类的最外层范围内声明或定义它们。 class Car {constructor() {this.color = ‘blue’;this.age = 2;}}const car = new Car();console.log(car.color); // blueconsole ...
蓝狮官网React报错之Objects are not valid as a React child
总览当我们尝试在JSX代码中，直接渲染对象或者数组时，蓝狮注册登陆会产生 “Objects are not valid as a react child” 错误。为了解决该错误，在JSX代码中，使用 map() 方法来渲染数组或者访问对象的属性。 下面是错误如何发生的示例。 export default function App() {const employees = [{id: 1, name: ‘Alice’, country: ‘Austria’},{id: 2, name: ‘Bob’, country: ‘Belgium’},{id: 3, name: ‘Carl’, country: ‘Canada’},]; c ...
蓝狮官网SASS 运算 (Operations)符的基本使用
sass 运算符虽然没有像那些编程语言那么强大，但为了更灵活的输出css，也增强了一些运算符的功能，例如赋值运算符、等号操作符、比较运算符、逻辑运算符、字符串运算符…等等，接下来就来详细介绍下这些运算符的基本使用 赋值运算符赋值运算符就是把一个值赋值给一个变量，通过冒号（：）蓝狮官网的方式进行承接（很多编程语言是=），例如： $font-size:16px;也可以把一个变量赋值给另一个变量 $font-size:16px;$h3:$font-size;赋值的变量必须先有值 等号操作符等号操作符用于比较两个表达式的值是否相等，蓝狮注册登陆所 ...
蓝狮官网js删除字符串最后一个字符方法总汇
需求：去掉js字符串末尾的标点符号,比如原字符串： fly63.com!目标字符串： fly63.com 解决方案：方法一：str.slice(0,str.length-1);方法二：str = str.substr(0, str.length – 1);方法三：str = str.substring(0, str.length – 1);方法四：str = str.substring(0, str.lastIndexOf(‘!’));lastIndexOf的结果是该字符的下标。下标从0开始。 方案说明：方式一：stringObject.slice(start,end)start : 要抽取的片断的起始下标。如果是负数，蓝狮官网则该参数规定的是从字符串的尾部开始算起的 ...
蓝狮官网React报错之map() is not a function
总览当我们对一个不是数组的值调用 map() 方法时，就会产生 “TypeError: map is not a function” 错误。为了解决该错误，请将你调用 map() 方法的值记录在 console.log 上，蓝狮注册登陆并确保只对有效的数组调用 map 。 这里有个示例来展示错误是如何发生的。 const App = () => {const obj = {}; // :no_entry:️ Uncaught TypeError: map is not a function return ( {obj.map(element => { return {element} ; })});}; export default App;我们在一个对象上调用 Array.map( ...
蓝狮官网sass @extend（继承）指令详解
所有警告框的基本样式（风格、字体大小、内边距、边框等…） ，蓝狮注册登陆因为我们通常会定义一个通用alert样式，类似于这样的 .alert{padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;font-size: 12px;}然后定义不同警告框单独风格： .alert-info{color: #31708f;background-color: #d9edf7;border-color: #bce8f1;} .alert-success{color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;} .alert-warning{color: #8a6d3b;background-color: #fcf8e3;border-col ...