前端-js
文章平均质量分 51
munanc_
这个作者很懒,什么都没留下…
展开
-
Redux 简单使用
Redux 简单使用# 创建一个测试项目npx create-react-app test-redux-demo# 安装 reduxyarn add redux// src/redux/store.ts// 创建 store 文件import { createStore } from 'redux';// action 类型const actionTypes = { ADD: "add", SUB: "subtract",}// 初始化 stateconst initS原创 2021-11-08 15:04:53 · 119 阅读 · 0 评论 -
[] == false 为什么是 True
[] == false 为什么是 True参考JS的隐式转换 [] ==false 说起 - 南辰_k - 博客园 (cnblogs.com)首先很明显,在对比的时候,js 内部进行了隐式类型转换,并且在发生转换的时候,js 其实都是会将操作对象转化为原始的对象。ECMAScript 规范中有一个内部函数, ToPrimitive() (JavaScript中不能访问)能实现这个功能。ToPrimitive(input, [PreferredType])input表示要转换的内容, Prefer转载 2021-10-29 10:21:42 · 270 阅读 · 0 评论 -
简单搭建的 webpack 5 开发环境
简单搭建的 Webpack 5 开发环境首先进入目标文件夹# 初始化项目npm init -y# 安装 webpacknpm i webpack webpack-cli --save-dev# 安装插件npm i html-webpack-plugin clean-webpack-plugin copy-webpack-plugin --save-dev# js 处理# 安装 babelnpm i @babel/core @babel/preset-env @babel/plugin-t原创 2021-07-26 16:11:34 · 238 阅读 · 0 评论 -
Babel 笔记
Babel 笔记Babel 是什么?Babel是一个工具集,用于将高版本的 js代码 (如:ES6) 转换为版本低兼容性好的代码,从而可以运行在低版本浏览器或其它环境中。安装npm install -g npx # 安装 npxnpm init # npm 初始化npm i @babel/cli @babel/core @babel/preset-env --save-dev # 安装 babel 依赖配置文件.babelrc.js、.babel.config.jsmodule.ex原创 2021-07-18 12:25:20 · 328 阅读 · 0 评论 -
Vue Composition Api
Vue Composition Apisetup() 函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca原创 2021-05-30 23:34:00 · 150 阅读 · 2 评论 -
uni-app_scroll-view_ios端_组件内部z-index失效处理
uni-app scroll-view ios端 组件内部z-index失效处理主要原因<scroll-view> 内部设置了 -webkit-overflow-scrolling: touch 样式,导致z-index失效(safari 3D变换会忽略z-index的层级问题)造成内部组件的弹出框显示遭到遮挡<template> <uni-scroll-view v-on="$listeners"> <div ref="wrap"原创 2021-05-12 11:06:20 · 2019 阅读 · 1 评论 -
JavaStript_异步
同步、异步同步同步调用函数的时候会马上执行,同时等待返回结果,即进入阻塞状态,得到返回结果后再进行下一步执行异步异步会将操作和结果在时间上分隔开,在执行完操作后,并不会等待返回结果,继续执行同步代码,等到执行结果返回后,再来进行返回结果的处理,也就是说异步执行是非阻塞的let timeOut = setTimeout(() => { console.log('一秒后打印') clearTimeout(timeOut)}, 1000)console.log('马上打印')//原创 2021-05-06 23:24:24 · 119 阅读 · 0 评论 -
处理js深拷贝嵌套对象情况
JavaScript 对象深拷贝,嵌套对象处理可以使用 ES6 的 WeakMap 将对象保存起来,循环中遇到相同对象直接指向已经存在的对象即可WeakMap 对象是一组键值对的集合,其中的键是弱引用的,其键必须是对象,而值可以是任意值function clone(obj) { let map = new WeakMap() // 创建 WeakMap 用于保存已经被创建的对象 function deep(data) { let result = {} const keys =原创 2021-05-04 23:04:00 · 399 阅读 · 1 评论 -
JavaScript this 关键字
JavaScript this 关键字this 是 JavaScript 的一个关键字,一般指向调用它的对象首先 this 指向的应该是一个对象,更具体的说是函数执行的上下文如果调用它的不是对象或者对象不存在默认指向全局对象,严格模式下为 ``undefined`let a = { a1: 'a1', fn() { console.log(this.a1) }}a.fn() // a1class B { b1 = 'b1' fn() { consol原创 2021-05-05 14:38:33 · 88 阅读 · 0 评论 -
JavaScript_函数
函数函数转换隐式转换函数 toString() 和 valueOf()toString() 函数会在打印函数的时候调用,如console.log()valueOf 会在获取函数原始值时调用,如运算原型原型是 JavaScript 重要的特性之一可以让对象从其他对象继承功能的特性JavaScript 也被称之为 基于原型的语言严格的说原型应该是对象的特性,但函数其实也是一种特殊的对象function fn() {}console.log(fn instanceof Object) //原创 2021-05-05 17:12:28 · 43 阅读 · 0 评论