- 博客(20)
- 收藏
- 关注
原创 vue权限管理
vue权限管理创建项目配置路由初始化页面动态加载页面addRouter()进行添加动态路由redirect 重定向配置路由mock数据安装mock ,以及配置创建项目vue create 项目名选择需要的配置配置路由初始化页面所有用户都能看到的页面一般都是登录页面动态加载页面根据权限不同,看到的东西,和所操作的不同admin超级管理员,所有都能看到,也能操作vip页面 ,vip独享页面普通用户 ,只能看到最少的页面addRouter()进行添加动态路由redirect 重定向配
2021-12-07 18:29:26 287
原创 微信小程序
微信小程序结构1.页面文件,有四个文件夹.json 配置文件.js js逻辑.xwhl html.wxss cssjson文件 配置页面信息navigationBarTitleText:"string" //头部标题app.json文件}"paps":{//引入页面的地方},"window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", //顶
2021-10-12 16:53:56 1174
翻译 vue + Element ui 常用的组件和方法
vue + Element ui 常用的组件和方法弹出框Dialog对话框Upload 上传常用的属性常用的钩子弹出框Dialog对话框1.点空白地方触发事件 handleClose()使用before-close绑定2.点击空白关闭弹出框 done()3. 提示文字 title4. 是否使用点击空白关闭弹出框 close-on-click-modal =“布尔值”5. 关闭时是否销毁里面的元素 destroy-on-close=“布尔值”<el-button
2021-09-23 16:08:51 822
原创 react 路由 路由传参
路由 (根据url的不同来切换对应的组件)没有自动创建优点实现spa应用 :整个项目只有一个完整的页面,页面切换不会刷新页面(不会感觉页面闪烁 更加贴近原生应用的体验)缺点首屏加载慢,react-router提供了一些router的核心api,包括router,route,switch,但是它煤油提供dom操作进行跳转apireact-router-DOM提供了browserrouter,route,link等api,我们可以通过dom的事件控制路由,点击一个按钮进行跳转,大多数情况下我们
2021-06-30 16:54:53 969
原创 Webpack
Webpack模块化打包webpack 分成四个部分,期中最核心的就是入口和出口,当然在入口和出口配置的同时我们还需一些加载器和插件,这就是我们所谓的webpack配置文件,这个配置文件我们习惯命名为webpack.config.jswebpack使用es6模块语法安装初始化 npm init全局安装cd 当前路径下使用 webpack 打包的文件 -o 随便取的名字webpack警告production生产模式development 开发模式webpack --mode
2021-06-30 16:48:03 143
原创 高阶组件HOC
高阶组件HOC一种复用组件的代码和逻辑的技术 类似于vue的mixins技术react组件构造过程中,有些功能需要被不同的组件公用,可以复用react组件中的代码和逻辑**HOC 参数是组件同时返回值也是组件 **本质是高阶函数封装一些react中组件中复用的代码和逻辑原理:当调用这个高阶组件的时候,会把一个组件用形参的方式传进来,然后会给你返回一个新的组件,新的组件里面会有传进来的那组件的内容和高阶组件携带的内容创建高阶组件语法高阶组件类似于函数组件和类组件写一起 函数组件return
2021-06-25 20:47:17 131
原创 react 组件 组件传参
组件基本使用 组件创建新建一个components的文件夹来容纳组件在里面创建以.jsx结尾的文件类组件创建 (快捷方式rcc 回车)import React from 'react';import ReactDOM from 'react-dom';import './index.css';import Home from './components/home.jsx'import reportWebVitals from './reportWebVitals';ReactDOM.r
2021-06-23 20:21:32 1012
原创 react 创建项目
react脚手架 create-react-app下载安装脚手架npm install -g create-react-appcreate-react-app --version 查看版本create-react-app 项目名 创建项目cd 项目名 切换创建好的项目中npm start 启动运行复习vue的下载脚手架vue-cli npm install -g @vue/cli 全局下载vue --version 查看版本vue create 项目名 创建项目在弹出的选择中 选择
2021-06-23 20:18:21 99
原创 react
react本地模式react是一个用于构建用户界面的javascript库虚拟DOM 快减少跟新次数,减少跟新区域diff算法什么是react diff算法react的调和react特点react组件特性开发环境的搭建1.下载 react的核心文件2.react-dom的dom文件3.Babelreact 根节点react JSXjsx插入变量...
2021-06-16 10:15:01 4838
原创 Node.js
Node.js//js引js<script src="js/tate/js" typer="module"><script>http 模块const http = require("http")npm 命令详解下载安装npm install jquery在当前项目下的文件夹下打开cmdnpm i jQuery查看安装的包npm list查看详情npm infor jquery卸载包npm uninstall jquery自动重启工具npm -g
2021-05-14 01:11:17 101
原创 jQuery
jQuery基本选择器jQuery基本选择器#id ID选择器$("#box")//获取元素//改样式//第一种$("#box").css("backgroundColor","red")//第二种$("#box").css({ backgroundColor:"red", fontSize:16}).class 类选择器$(".box")//获取元素div 标签选择器$("div")//获取元素div,#id,.class 群组选择器$("div,#id,.clas
2021-04-29 15:23:02 165
原创 Javascr面向对象
面向对象和面向过程面向对象:万物皆是对象程序 = 对象1+...+对象n1.封装2.继承3.多态面向过程:按照步骤进行代码编写程序 = 算法 + 语法缺陷随着问题的增加,无法预知后续代码的发展复用性太低(目前只谈函数的复用性)类和对象的概念类:拥有相同属性和行为的对象的集合模板对象:根据类属性和行为创建的实例化强调唯一性,真实存在的通过类可以实例化多个该类的对象,每个对象的属性值不同,可以说类好比设计图纸,而对象好比根据图纸建设出来的东西构造函数和对象ES5的方法创
2021-04-12 16:51:11 383
原创 ES6新增属性
let(没有变量提升)1.块级作用域:保证变量一定在自己的范围里可以使用2.暂时性死区:当内部变量和外部变量重名时,内部变量屏蔽外部变量3.let修饰的变量,使用必须在定义在后3.不能重复定义变量const (和let很相似 ,区别在只读)1.const只能读,不能改(声明后不能修改)2.定义的时候只能初始化this (函数体内的关键字,根据不同类型函数,作用不同)1.与事件连接,代表触发事件的元素2.与普通函数连用,代表调用函数的对象本身bind(改变匿名函数的this指向)
2021-04-08 12:02:15 685
原创 javascript的基本知识点
协议名 主机名 端口号http://www.baidu.com:80协议名://主机名(域名和ip地址):端口号(可省略)输入域名后怎么访问到网页的1.DNS解析(将域名转化成ip地址进行访问 ,服务器只认识IP地址)2.向服务器发送HTTP请求3.服务器在他的磁盘中找到对应的东西发给客户端4.游览器将接收到的文件解析成 用户想要的文件 展示出来注意:在源代码中有一次外部引入文件,就会多向服务器端发送一次请求。一次只能获取一个文件HTTP协议1.无状态(第一次请求和下一次没有任何关系
2021-04-06 20:16:12 198
原创 js原生的DOM Math Date操作 以及数组的全局方法和字符串的全局方法
常用的Math内置对象//Math内置对象 Math.abs()//返回绝对值 Math.ceil()//向下取整 Math.floor()//向下取整 Math.round()//四舍五入 Math.max(x,y)//取最大 Math.min(x,y)//取最小 Math.pow(x,y)//值为x的y次方 Math.random()//随机数0-1Date对象 var a = new Date() // 实例化一个Date对象:返
2021-03-25 10:44:56 464 1
原创 前后端交互的笔记
!数据库的增删改查My SQL 新建一个表//create table 表名(字段1,字段2......字段n)create table student( stu_id int, stu_name varchar(10), stu_age int )1.增加一条语句方法1//insert into 表名(字段1,字段2....字段n)//values(值1,值2,.....值n)insert into student(stu_id,stu_name,stu_int)value
2021-03-23 19:19:29 434 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人