m0_53266704的博客

js方法

element-plus el-tree使用

vue中常用的数组

vue3格式校验邮箱和手机号这里写自定义目录标题 <q-input outlined dense :rules="[ (val) => val != null || val?.trim() !== '' || '邮箱不能为空', val=>/^[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}$/.test(val)|| '请输入正确的邮箱格式' ]" v-

vue中使用Cesium——第一个Cesium页面一 前言市面上的前端框架中，Vue+Cesium 可谓是最佳搭档，一般做 Cesium B 端产品的公司都会使用 Vue，所以后续内容都将基于 Vue。想要在Vue中使用Cesium，我推荐使用 vue-cli-plugin-cesium，原因就是配置简单。具体的安装过程可以点击链接查看。二 初始化安装完vue-cli-plugin-cesium插件后，我们就可以写自己的cesium页面了。 首先定义一个div，id为cesiumContainer.

React快速暴力入门（四）一.了解与使用 react-redux前面也说了，react-redux 其实就是 redux的升级版，对许多地方进行了优化，但在学习他之前，需要我们进行一些对 redux的优化知识。1. 使用容器组件和UI组件其目的就是为了把组件身上太多的活进行拆分，分为UI组件（内组件）和容器组件（外组件），两个组件之间使用 props进行通信，对 store那边的请求状态，更改状态的活交给容器组件来干，而通过状态来编写页面，更新渲染等活，就交给 UI组件来干。了解了这个后，就可

React快速暴力入门(三)一.组件列表渲染、条件渲染与DOM的Diffing算法1. 组件列表渲染在有时候我们需要批量的去创建一些DOM元素或组件，比如页面上的：新闻列表、推文列表、好友列表等等，你会发现在开发的过程中经常会使用到列表，但是自己一个个的去写DOM回十分繁琐。我们可以通过数组存储数据，也可以使用数组来循环渲染数据。举个例子：class Demo extends React.Component{ state = { arr: [a, b, c], }

React快速暴力入门(二)1.组件的三大属性组件的实质就是个对象，而对象自然有属性，在组件里最常用的三个属性分别是 state、props和 refs(上期呢我们已经讲过state了 有需要的可以去上一个博客看哦)1. props与 state不同，state是组件自身的状态（数据），而 props则是外部传入给自己的状态（数据）props在组件内修改，必须由谁传入的即由谁修改类式组件中使用class Person extends React.component{ construc

React快速暴力入门React 作为如今三大框架之一，在进行了短期的学习后，整理了一些笔记，做一下分享：，如果有错误，欢迎指出。1. 什么是React：React 是一款由 Facebook开发的用于构造用户界面的Javascript库。React 与Vue相比，vue的语法简单易上手，适用于小而精的项目，但是 React在组件上的复用性与设计性上会胜于vue一筹，适用于大型的项目。React 将页面以一个个组件的方式进行拆分与组装，重复使用提高效率（可见下图）React 对数据的处理与管理比

Vue3入门指南-基础用法终于 Vue3 的正式版发布了，两年多的开发，多位贡献者的努力。凝聚了这么多优秀开发者的智慧和努力，注定 Vue3 会成为下一个前端主流开发框架。本篇文章将带领大家一步步学习和了解使用vue3,当然更多的是我的学习过程。前端就是这样，要时刻保持学习，每个月都有新技术的产生。如果每个知识都学，显然不现实，所以也要有选择性的学习。例如现在主流的三大框架，Vue/React/angular, 基于这三大框架的扩展框架我都应该有所涉及和了解。有的小伙伴这时候会说，我们公司还没开始使

TS in JS 实践指北1.写在前面2.作用原理2-1.VSCode 里的 TS2-2.JS 里的 TS3.优雅的头文件3-1.内置声明文件3-2.包内自带的声明文件3-3.来自 @types 的声明文件3-4.应用:使用 .d.ts 声明文件拓展 type 能力4.神奇的注释4-1.JSDoc4-2.别瞎用不知道有多少 TS 爱好者哀叹过这个问题：虽然我很想用 TS，奈何老大只让用 JS。今天我，告诉你，在 JavaScript 中也可以很流畅的使用 TypeScript ，而且你的老大不会找你的麻

TypeScript安利指南1.前言2.安利3.应用场景3-1.用我的代码就要听我的3-2.找文档3-3.粗心大意3-4.隐藏的问题3-5.接口数据不知道3-6.增强后的class和enum4.优点以及不足5.ts在js中的玩法5-1.配置文件自动提示5-2.js语法检查6.写在最后1.前言据了解，目前有相当一部分同学不想去学习ts，毕竟没(xue)时(bu)间(dong)。很不幸两个月前我也是其中的一员。在看到尤大大都用ts写vue3了，蠢蠢欲动的我小心翼翼的踏入了这个深坑。在经历了长达一天的摸爬滚打

uni-app的基本使用1.uni-app介绍2.为什么要学习uni-app?3.环境搭建4.初始化项目5.运行项目6.介绍项目目录和文件作用7.全局配置和页面配置8.text组件的用法9.view视图容器组件的用法10.button按钮组件的用法11.image组件的使用12.uni-app中的样式13.uni-app中的数据绑定14. 插值表达式的使用15.v-bind动态绑定属性16.v-for的使用17.uni中的事件18.uni的生命周期19.总结1.uni-app介绍uni-app 是一个使

前端面试（2）我们在上文也说了 今天呢我又面了一家 基本上都是基础题 大家看完以后记得自己私下也要背背哦1.如何区分html和html5?1、在文档声明上，html有很长的一段代码，并且很难记住这段代码，都是靠工具直接生成，而html5却是不同，只有简简单单的声明，也方便人们的记忆，更加精简。2、在结构语义上；html4.0没有体现结构语义化的标签，这样表示网站的头部。html5在语义上却有很大的优势。提供了一些新的html5标签。2.常用的浏览器有哪些 内核是什么？1、360浏览器：Chrom

在我们日常生活中，不管什么行业都是需要面试的 在这里呢 我会为大家更新一下前端面试题 这个行业在现在这个时代是很流行的我为大家准备了二十道面试题1.页面元素隐藏方式 和各自特点？第一种：display属性为none，效果：元素不显示，不占位第二种：设置css visibility属性为hidden，效果：元素不显示，但占位2.用过哪些盒模型？标准盒模型（W3C盒子模型），设置的width或height是对 实际内容（content）的width或height进行设置，内容周围的border和pad

1.应用生命周期今天我们来学一下生命周期 我把生命周期分为两种 应用生命周期和页面生命周期 接下来我会为你们一一讲解我们先开始讲解应用生命周期 这样方便我们在后期开发中知道每个属性都是在哪里用的1.onLaunchapp.js代码：打印台：这个意思就是我们打开应用的时候就会触发的一个事件 他一般适用于应用第一次启动的时候 获取个人的用户信息2.onShowapp.js代码：打印台：这个也是一进页面就打印了 但是onLaunch比他先执行 这个主要讲的是对应用的数据或者页面效果重置

微信开发者⼯具介绍及基本使用（2）1.常⻅组件1.常⻅组件重点讲解⼩程序中常⽤的布局组件:view, text , button,image,navigator,icon,swiper,radio,checkbox。 text,button,image,navigator,icon,swiper,radio,checkbox。等

微信开发者⼯具介绍及基本使用（1）1.第⼀个微信⼩程序1.打开微信开发者工具2.新建⼩程序项⽬3.填写项目信息4.成功2. 微信开发者⼯具介绍3.小程序结构目录1.小程序文件结构和传统web相比2. 基本的项⽬⽬录4.小程序配置文件1.全局配置app.json2.页面配置3.sitemap配置-了解即可5.模板语法1.数据绑定1.第⼀个微信⼩程序1.打开微信开发者工具注意 第⼀次登录的时候 需要扫码登录2.新建⼩程序项⽬3.填写项目信息4.成功2. 微信开发者⼯具介绍详细的使⽤，可以

微信小程序介绍和环境准备1.什么是微信小程序？2.为什么是微信小程序？3.微信小程序历史4.疯狂的微信小程序5.还有其他的小程序不容忽视6.体验7.环境准备8.注册账号9.获取APPID10.开发工具11.总结1.什么是微信小程序？微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。2.为什么是微信小程序？1.微信有海量用户，而且粘性很高，在微信开发产品更能触达用户2.推广App

webpack打包js1.安装js插件2.在配置文件中配置内容3.测试浏览器是否都能使用4.测试promise5.打包js的格式校验6.安装格式校验的插件7.配置文件引入8.校验成功9.解决校验的方法10.总结1.安装js插件npm i -D babel-loader @babel/D babel-loader @babel/core @babel/preset-env 2.在配置文件中配置内容我们可以看到我们在配置文件中可以看到我们配置了这些内容3.测试浏览器是否都能使用我们在这里写了