![](https://img-blog.csdnimg.cn/20190927151043371.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端学习
文章平均质量分 81
前端学习,记录前端学习过程中的笔记
Me-Wow!
贴纸上有只猫在说 干得喵
That is a sticker of a kitty saying, "Me-wow!"
展开
-
微信小程序超详细知识点总结
一、微信小程序特点二、使用准备1.注册开发者帐号2.下载微信开发者工具3.微信开发文档三、项目结构四、配置文件1、app.jsonpages 存放项目的页面window 项目的窗口tabBar 底部栏的配置2、页面.json五、小程序内置组件 逻辑视觉分区(div) 文本(span)图片组件选择 图标 滚动区域 幻灯片六、模板语法条件渲染多重条件渲染文本渲染列表渲染自定义列表渲染一、微信小程序特点小程原创 2022-04-16 16:49:25 · 14257 阅读 · 5 评论 -
React路由知识总结
一、使用步骤1.安装2.导入二、路由案例1.普通路由2.路由传参3.子路由4.404页面5.路由守卫三、路由组件解释四、路由props一、使用步骤1.安装安装版本为5.0npm i react-router-dom@5.0 -S2.导入import { HashRouter as Router,//HashRouter哈希路由 as起别名 router路由 Route,//router 存放路由的容器 NavLink,/..原创 2022-04-09 10:29:58 · 370 阅读 · 0 评论 -
React的入门第一步
一、React是什么?二、安装脚手架及使用1.脚手架安装2.新建项目三、项目目录介绍四、插件推荐 -Simple React Snippets五、React语法jsx语法模板语法文本渲染html渲染条件渲染列表渲染事件响应React组件的类型函数组件类组件组件的数据状态state 一、React是什么?React是Facebook公司出品,用于创建用户界面的JavaScript库特点:组件思维、单向数据流、虚拟DOM节点..原创 2022-04-03 12:20:12 · 859 阅读 · 0 评论 -
前端项目中使用百度地图api,含实例
前言一、使用百度地图接口的步骤二、简单例子1.第一个地图2.控件3.静态/动态添加点圈线面4.文字标注、信息窗口5. Web服务API-IP定位服务6.Web服务API-地点检索服务三、vue项目中使用百度地图接口的简单方式1.public下方的index.html中导入2. .vue文件中前言项目中加入地图是很常见的需求,今天以百度地图为例,总结一下引入地图的方法与实例一、使用百度地图接口的步骤1.注册百度地图的开发者帐号👇百度地图http.原创 2022-04-01 17:50:42 · 13188 阅读 · 0 评论 -
echarts使用指南
一、echarts是什么?二、基础使用步骤下载使用步骤三、属性详解option 选项type 类型四、特别设置颜色样式控制线柱状图渐变颜色堆叠图富文本五、地图前言在前端工作中,加图表是一个非常常见的任务,今天分享的就是echarts的学习笔记。一、echarts是什么?一个基于 JavaScript 的开源可视化图表库百度开发团队制作,开源交给apache基金管理同类型产品:Highcharts、HighchartsD3...原创 2022-03-28 19:28:37 · 6338 阅读 · 0 评论 -
浅学一下less,含例子
一、Less是什么?二、使用步骤1.安装2.使用三、less的特点变量(Variables)混合(Mixins)嵌套(Nesting)运算(Operations)转义(Escaping)函数(Functions)命名空间和访问符映射(Maps)作用域(Scope)注释(Comments)导入(Importing)一、Less是什么?Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言。是css..原创 2022-03-25 21:00:06 · 1316 阅读 · 0 评论 -
Vue常见报错及解决方案
写代码的过程中一定会遇到报错,遇到报错不要担心,认真分析就可以解决报错,同时积累经验,早日成为大牛👍 本文会整理一些在编码过程中遇到的常见报错,共同学习。一、报错结构二、常见问题总结及解决方法Mixed spaces and tabsUnexpected keyword 'const'Module not found: Error: Can't resolve '....' in '....'Element is missing end tagTypeError: Cannot.原创 2022-03-23 20:43:09 · 23132 阅读 · 1 评论 -
初试ts+vue3+setup+volar,第1天学习笔记
目录一、什么是ts?二、ts特点三、定义变量 字符串 数字 布尔值 函数 接口在setup中获取props四、实现简单组件 步进器一、什么是ts?ts即TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码,可运行在任何浏览器,...原创 2022-03-21 20:49:53 · 860 阅读 · 0 评论 -
Mock.js如何使用?内含结合vue3的实例
前言一、Mock.js是什么?二、使用步骤1.安装2.使用三、方法Mock的三种写法四、mock.js常用数据模板总结前言当前端开发程序员写好了接口文档,后端还没有实现接口时,可以先自己造数据,模拟后端,继续前端开发。本文介绍了模拟数据的一个工具:mock.js一、Mock.js是什么?生成随机数据,拦截 Ajax 请求二、使用步骤1.安装npm i mockjs -D2.使用定义mock.js 新建moc...原创 2022-03-21 19:43:48 · 3133 阅读 · 0 评论 -
setup/组合api 最新知识点总结
组合api的特点setup()ref值类型 响应对象reactive引用类型 响应式watch监听watchEffect监听效果computed计算生命周期全局配置getCurrentInstance获取当前实例setup使用vuexsetup使用路由setup(props,context)参数setup语法糖组合api的特点 1.更加直观,接近原生js 2.按需加载 3.没有this,降低耦合性,提高复用性set...原创 2022-03-16 19:59:11 · 760 阅读 · 0 评论 -
在Vue中使用axios/全局挂载/默认配置/代理跨域
一、Axios 是什么?二、Axios使用步骤安装导入get请求的几种写法post请求的几种写法三、Axios其他设置全局挂载默认配置四、通过代理解决跨域问题vue.config.js一、Axios 是什么?Axios 是一个基于 promise 的 HTTP 库,简单的讲就是可以发送get、post请求。由于vue不再操作操作dom,也就不用导入jQuery,所以axios轻量级库更加适合。二、Axios使用步骤安装npm i axios .原创 2022-03-08 15:07:43 · 1778 阅读 · 0 评论 -
Vue Router入门
前言Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。一、入门当加入 Vue Router 时,我们需要做的就是将我们的组件映射到路由上,让 Vue Router 知道在哪里渲染它们。router-link:自定义组件, 不使用常规的 a 标签,而是使用router-link 来创建链接。可以在不重新.原创 2022-03-06 13:55:32 · 487 阅读 · 0 评论 -
cmd命令行/npm命令行/Vue脚手架安装(含图解)
目录一、cmd命令行cmd命令二、npm命令行三、Vue脚手架安装一、cmd命令行首先打开小黑框:第一步、win键+R键 打开运行窗口第二步、输入cmd回车cmd命令:切换盘符d://进入d盘f://进入F盘切换目录cd 目录地址创建目录md 目录地址删除目录rd 目录地址rd /s /q 静默删除目录与目录地址目录符号/ 根目录./ 当前目录../上一层目录帮助与提示help 查看命令help 命令 查看命令用法首..原创 2022-03-02 21:32:29 · 3108 阅读 · 0 评论 -
Vue3学习笔记(三)——计算/监听/样式/自定义指令
点击查看上一篇文章👇从零开始学Vue3——(一)入门https://blog.csdn.net/TeAmo__/article/details/123119271?spm=1001.2014.3001.5501Vue3学习笔记(二)——事件按键表单修饰符与表单https://blog.csdn.net/TeAmo__/article/details/123149276?spm=1001.2014.3001.5501目录一、计算 computed二、监听 watch三、样式Class与.原创 2022-02-28 20:29:05 · 1219 阅读 · 1 评论 -
高阶函数——让代码更简单,内含实例
本文中使用了箭头函数,若无了解可以查看👇ES6学习笔记https://blog.csdn.net/TeAmo__/article/details/123053529?spm=1001.2014.3001.5501目录forEach 遍历filter 过滤find 查找findIndex 查找下标map 映射reduce 累加some 一些every 所有sort 排序forEach 遍历与for本质相同对于空数组是不会执行回调函数的。不改变原数组,原创 2022-02-26 16:58:07 · 249 阅读 · 0 评论 -
Vue3学习笔记(二)——事件按键表单修饰符与表单
点击查看上一篇文章👇从零开始学Vue3——(一)入门https://blog.csdn.net/TeAmo__/article/details/123119271?spm=1001.2014.3001.5501前言一、事件修饰符二、按键修饰符三、系统修饰符四、鼠标按钮修饰符五、表单文本与多行文本复选框checkbox单选框radio选择框select六、表单修饰符总结前言这节主要学习的是修饰符,可以使事件的声明更方便一、事件修饰符..原创 2022-02-26 15:47:19 · 876 阅读 · 0 评论 -
从零开始学Vue3——(一)入门
文章目录前言一、Vue是什么?二、Vue的安装与使用方法1.直接引用script方法2.安装脚手架三、创建应用实例四、Vue模板语法文本渲染v-textv-html{{}}属性渲染v-bind:attribute="值"条件渲染v-ifv-if-elsev-elsev-show列表渲染遍历数组遍历对象范围v-on:事件="表达式"总结前言Vue作为国内使用率最高的框架,学习这门技术也越来越重要,这...原创 2022-02-24 21:30:06 · 8581 阅读 · 1 评论 -
ES6学习笔记3 async/await/Symbol/Iterators/Generator/Proxy
async 异步与await 等待async 函数返回一个 Promise 对象,可以使用 then 方法添加回调函数。 async function hi() { return "hi"; } hi().then(res => console.log(res));//hiasync 函数中可能会有 await 表达式,async 函数执行时,如果遇到 await 就会先暂停执行 ,等到触发的异步操作完成后,恢复 async 函数的执行并返回解析值。func原创 2022-02-23 19:54:51 · 326 阅读 · 2 评论 -
ES6学习笔记2
目录类模块化前提条件导出-export导出一个导出多个导出默认导入-import导入一个导入多个导入默认导入合并默认导入所有以及as关键字可迭代对象Set特点初始化常用方法利用set特性完成数组去重WeakSetMap特点初始化方法WeakMapfor of方法Promise解决回调地狱实现网络请求Promise.all()Promise.race()类ES6 中原创 2022-02-22 21:07:21 · 421 阅读 · 0 评论 -
ES6学习笔记
目录let与const关键字letconstlet与const总结:解构数组1.交换变量2.不定参(剩余值)与跳过3.默认值解析对象变量名必须和对象键名一致字符串字符串模板字符串检测字符串-重复 repeat字符串-填充 padStart / padEnd函数箭头函数函数默认参函数不定参对象对象简写函数简写与动态属性值super方法总结let与const关键字let1.let是块级作用域(在一对大原创 2022-02-21 19:54:14 · 265 阅读 · 0 评论