- 博客(13)
- 收藏
- 关注
原创 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
316
原创 react入门知识点
安装: npm i create-react-app -g 1.JSX(babel、browser) JSX:可以把HTML直接写JS里2.react React特点:虚拟DOM react主要就是使用jsx语法,是白了就是在js中直接编写html,是不是很方便很溜。。下面直接开始写法: 使用react首先需要引三个文件: browser.js 它的作用是使浏览器支持babel react.js 这个不用说,react主体文件 react-dom.js 这个是react的虚拟DO
2022-04-05 21:00:52
963
原创 教你玩百度地图
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
872
原创 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
66
原创 常见错误总结
1.关键字写错 错误提示: vue.js:633 [Vue warn]: Failed to resolve directive: mdoel(found in <Anonymous>) 解决方案: 将v-mdoel 改写为 v-model 2. 属性间忘记写逗号 错误提示: Uncaught SyntaxError: Unexpected token 解决方案: 属性项目(如data,methods)注意是否没有写逗号结尾 3. Vue实例未加载 错误提示: ..
2022-03-23 22:17:03
57
原创 由20年经验的高级程序员呕心沥血总结的typescript内容,让你10分钟认识typescript。
TS介绍: 始于JavaScript,归于JavaScript TypeScript可以编译出纯净、 简洁的JavaScript代码,并且可以运行在任何浏览器上、Node.js环境中和任何支持ECMAScript 3(或更高版本)的JavaScript引擎中。 强大的工具构建 大型应用程序 类型允许JavaScript开发者在开发JavaScript应用程序时使用高效的开发工具和常用操作比如静态检查和代码重构。 ts是由微软推出的 运行的时候,ts 编译成javascript,它是静态类型的语言
2022-03-21 20:23:47
12659
原创 mockjs
定义: 1, 1 拦截ajax 2. 生成伪随机数据 2, 当前端开发 程序员写好了接口文档 没有实现接口文档 先自己造数据,模拟后端,开发前端的功能 3. 等待后端接口做好,和后端联调,更改baseURL 实现切换接口服务器 安装: npm i mockjs -D 使用: 1. 定义mock.js 2. 在main.js 导入 import ‘@/mock/mock.js' 导入 mock: import Mock from ‘mockjs’ 方法: 1...
2022-03-21 20:00:23
537
原创 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
467
原创 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
136
原创 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-text 2.{{msg}} 3.v-ht...
2022-02-24 20:32:12
375
原创 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
73
原创 ES6
类 特点 用class声明 本质是function constructor 构造 extends 继承 new 实例化 类名建议大写 开头 模块化 <script type="module"> 导出 export {name} 导出一个 export {name,fun} 导出多个 export default Cat 导出默认 导入 impor...
2022-02-23 09:28:06
295
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人