- 博客(17)
- 收藏
- 关注
RSS订阅原创 JavaScript两个对象合并，相同的覆盖，不同的追加
Object.assign()Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。const target = { a: 1, b: 2 };const source = { b: 4, c: 5 };// Object.assign(目标对象，源对象)const returnedTarget = Object.assign(target, source);console.log(target);// expected ou
2022-03-22 11:00:22
4702
原创 【前端】vue项目简单验证码的制作
一般业务逻辑下，需要确定做图形验证码<template> <div> <canvas ref="canvas" id="canvas" width="120" height="40" class="codeImg"></canvas> </div></template><script>export default { name: 'test', data() { return {
2022-03-22 10:59:47
262
原创 vue项目中px转rem方法（pc端）
首先安装这两个插件npm install postcss-px2remnpm install px2rem-loader安装好了之后新建一个文件postcss.config.js文件内容如下// postcss.config.js 文件module.exports={ plugins:[ require("postcss-px2rem")({ remUnit: 16, // 这里是配置1rem = 16px的 }), ]}然后再新建一
2022-03-21 08:58:56
1955
原创 2021 typescript史上最强学习入门文章(4w字)
前言这篇文章出自掘金作者：Jimmy_kiwi本来自己以前是不喜欢ts的,因为它有一定的学习成本,代码量增加,代码复杂度增加等.后来慢慢觉得，ts的静态检查使得开发者提前发现错误，在前端工程化开发的今天确实有必要，因为团队成员技术水平参差不齐，TypeScript可以帮助避免很多错误的发生，当然如果你是any大法的信仰者，我劝你善良。不要为了用TypeScript而用TypeScript，用它的前提一定要是它能帮你解决特定的问题。忠告:不要学习TypeScript, 因为它的学习成本很低不
2021-10-15 15:41:18
852
原创 typescript的运行环境
1.首先得安装node，可在面板查看是否安装 ，通过node -v如果没有安装就去官方安装，很简单的2.如果安装好了，我们可以安装typescript的运行环境在管理员面板输入指令 npm i typescript -g安装成功可以通过 tsc -v 查看3.安装编译环境有两种方法： 第一种：通过webpack搭建一个ts的环境 第二种：通过安装ts-node的方式搭建环境在这里我们来说一下第二种的搭建方式首先在管理员面板执行指令 npm ...
2021-09-27 11:38:42
237
原创 详解vue3的setup中通过键值对的方式拿到vuex的state
详解vue3的setup中通过键值对的方式拿到vuex的state一丶通过普通方式获取vuex中的state首先引入我们的apiimport { useStore } from 'vuex';import { computed } from 'vue';然后创建使用export default { setup(){ // useStore 是一个store对象 const store = useStore() const s
2021-09-26 09:53:25
2821
5
原创 一次性讲明白vue插槽slo
我们在构建页面过程中一般会把用的比较多的公共的部分抽取出来作为一个单独的组件，但是在实际使用这个组件的时候却又不能完全的满足需求，我希望在这个组件中添加一点东西，这时候我们就需要用到插槽来分发内容。一、前言vue官方文档中在"组件基础"内容中提到组件可以通过插槽分发内容，那插槽是怎么使用的呢？它要解决什么场景的问题呢？ 我们在构建页面过程中一般会把用的比较多的公共的部分抽取出来作为一个单独的组件，但是在实际使用这个组件的时候却又不能完全的满足需求，我希望在这个组件中添加一点东西，这时候我们就...
2021-07-30 09:28:40
122
原创 史上最强ES6 超详细版
1. 关于文章内容本教程根据作者观看B站Up主 @IT峰播 后由自己总结得来, 视频地址: Vue3.x IT峰播自定义为扫盲文章,其内容并不全(当然除了官方文档或者全部照着官方文档写出来的其他都不能叫全)涵盖了较为常用的知识点,您可以在全面系统学习es6之前进行阅读,或不是很熟悉es6的人进行学习补充由于内容绝大多数由作者手打, 无法避免的会有些错误或瑕疵,或因理解方向不同等造成失误,还请斧正2. 关于文章主题为方便阅读, 本文使用juejin主题, 如有不适, 敬请谅解1.
2021-07-30 09:24:40
216
原创 ES6的模块化
1.ES6 模块化在引入 js 文件的时候 加上 type="module"加上 type="module" 此时每一个 js 文件都是一个独立的作用域1. 导出方式一： 导出：export{自定义名：导出的属性名} // 导入 export {} 定义的变量 导入：import{这里写你要导入的属性名} from "导出的文件名"2. 导出方式二： 导出：export var 属性名 = 值; // 导入 export 定义的变量 导入：i.
2021-07-29 09:48:28
105
原创 JS高阶函数
<script> // 编程范式：命令式编程/声明式编程 // 编程范式：面向对象编程（第一公民：对象）/函数式编程（第一公民：函数） // 高阶函数：filter/map/reduce const num = [10, 20, 111, 222, 444, 333, 40, 50, 30]; // console.log(num); // 1. filter函数的使用 // fi.
2021-07-29 09:46:25
51
原创 将一个数组push到另一个数组中
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>..
2021-06-11 11:03:32
7708
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人