- 博客(13)
- 收藏
- 关注
RSS订阅原创 react路由
一、 react路由的基本使用安装react-router-dom，在入口文件index.js中引入HasRouter组件，并将要使用的到路由的组件进行包裹 在子组件中引入Link，Route Link用来配置路由的跳转路径 to属性设置跳转的路由地址 Route用来设置展示的组件 component用于设置匹配的路径展示的组件 path设置匹配的路径 exact 属性用于让Router中的path与Link中的to完全匹配 Switch标签的作用是将包裹在其中的Router中
2022-04-10 21:16:19
361
原创 react入门知识点
安装：npm i create-react-app -g1.JSX(babel、browser) JSX：可以把HTML直接写JS里2.react React特点：虚拟DOMreact主要就是使用jsx语法，是白了就是在js中直接编写html，是不是很方便很溜。。下面直接开始写法：使用react首先需要引三个文件： browser.js 它的作用是使浏览器支持babel react.js 这个不用说，react主体文件 react-dom.js 这个是react的虚拟DO
2022-04-05 21:00:52
991
原创 教你玩百度地图
1.创建地图1.设置容器样式2引用百度地图API文件<script type="text/javascript"src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=您的密钥">3.创建地图实例，点坐标，初始化，设置中心点。4.效果2.地图的点，线，面。1.添加点2.创建线3.创建面4.创建圆，文本标注...
2022-04-01 22:19:34
899
原创 10分钟教你学会less
介绍：Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。less的安装：npm i less less-loader -D用法：1：变量:用@定义变量2.混合嵌套：Less 提供了使用嵌套（nesting）代替层叠或与层叠结合使用的能力。运算：算术运算符+、-、*、/可以对任何数字、颜色或变量进行运算转义：转义（Escaping）允许你使用任意字符串作为属性或变量值命名空间和映射...
2022-03-28 09:35:32
88
原创 常见错误总结
1.关键字写错错误提示： vue.js:633 [Vue warn]: Failed to resolve directive: mdoel(found in <Anonymous>)解决方案： 将v-mdoel 改写为 v-model2.属性间忘记写逗号错误提示： Uncaught SyntaxError: Unexpected token解决方案： 属性项目（如data，methods）注意是否没有写逗号结尾3.Vue实例未加载错误提示：..
2022-03-23 22:17:03
87
原创 由20年经验的高级程序员呕心沥血总结的typescript内容，让你10分钟认识typescript。
TS介绍:始于JavaScript，归于JavaScriptTypeScript可以编译出纯净、 简洁的JavaScript代码，并且可以运行在任何浏览器上、Node.js环境中和任何支持ECMAScript 3（或更高版本）的JavaScript引擎中。强大的工具构建 大型应用程序类型允许JavaScript开发者在开发JavaScript应用程序时使用高效的开发工具和常用操作比如静态检查和代码重构。ts是由微软推出的运行的时候，ts 编译成javascript，它是静态类型的语言
2022-03-21 20:23:47
12691
原创 mockjs
定义：1，1 拦截ajax2. 生成伪随机数据2，当前端开发 程序员写好了接口文档没有实现接口文档先自己造数据，模拟后端，开发前端的功能3.等待后端接口做好，和后端联调，更改baseURL实现切换接口服务器安装：npm i mockjs -D使用:1. 定义mock.js2. 在main.js 导入import ‘@/mock/mock.js'导入 mock:import Mock from ‘mockjs’方法:1...
2022-03-21 20:00:23
562
原创 vue3 路由
路由（router）：就是对应关系前端路由的工作方式：1.用户点击了页面上的路由链接2.导致了URL地址栏中的hash值发生了改变3.前端路由监听到了hash地址的变化4.前端路由吧当前hash地址对应的组件渲染到浏览器中history原理history模式主要使用两个HTML5 history新增的api，history下的pushState() 和 repalceState()pushState会增加一条新的历史记录，replaceState会替换当前的历史记录，
2022-03-07 08:22:45
670
原创 Vue3.0知识点
1.directives指令：1.自定义指令，访问到dom节点2.模板：directive:{"focus":{ mounted(el,binding){ // el 当前指令所在的 dom // binding指令相关信息 // binding.value 指令的值 } }}3.示例：2 组件 components：1.什么是组件：组件其实就是个小的Vue，具有data，methods，watch，com...
2022-03-02 20:29:14
165
原创 Vue 基础
1.概述：构建用户界面的渐进式javascript框架2.安装：<script scr="vue.js">3.实例化：1.模板：<div id=Vue.createApp({ data(){ return{}}})2.挂载：app.mount("#app")3.图4.内置指令：内置指令v-开头的特殊属性联系html模板与javascript数据模型1.文本渲染：1.v-text2.{{msg}}3.v-ht...
2022-02-24 20:32:12
401
原创 ES6
Promise定义：执行异步任务避免回调地狱实例：var P=new Promise((resolve,reject)=>{ Math.random()>0.5?resolve(“请你吃饭”)：reject（“明天在请”）})其他：Promise.all([...]).then()等待异步列表中全部resolve执行Promise.race([...]).then()异步列表中最resolve的值异步与等待（async与await）as...
2022-02-23 21:35:24
106
原创 ES6
类 特点 用class声明 本质是function constructor 构造 extends 继承 new 实例化 类名建议大写 开头模块化 <script type="module"> 导出 export {name}导出一个export {name,fun}导出多个export default Cat导出默认 导入 impor...
2022-02-23 09:28:06
321
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人