- 博客(19)
- 收藏
- 关注
RSS订阅原创 Python学习笔记V1.0
你将会学到python各种字面量，数据类型，相关运算，数据类型转换，循环，函数，作用域，数据容器，数据容器操作，匿名函数，使用函数操作文件的读取和写入，使用别人写好的包，制作自定义包，安装包，使用pycharts实现数据可视化，构造方法，私有成员变量，类的继承，类方法的复写，多态，抽象类（用于顶层设计），mySql的增删改查操作
2023-11-03 14:53:26
151
原创 VUE3脚手架vite
一、脚手架使用1.全局安装 create-vite-app# yarnyarn global add create-vite-app@1.18.0 # npmnpm i -g create-vite-app@1.18.02.创建项目目录# project是项目名称cva projectcreate-vite-app project3.安装依赖npm install -------------- yarn4.启动项目npm run dev二、路由/vuex 安
2021-10-11 19:51:11
254
原创 Vue3.0基础
更新内容setup 代替之前的 data ，生命周期 methods computed watch 合并在一起，全部放在setup函数中ref 定义基本类型，使得数据具有响应式reactive 定义引用类型，通用使数据具有响应式toRefs 将对象结构解析出来toRef 将对象结构解析出来的值在具有响应式的基础上，如果未找到key，就默认给个值readonly 是将通过ref 或reactive定义好的数据进行拷贝后变为仅可读的数据，不可进行修改，即无响应provide 与 inject 跨组
2021-10-11 19:29:15
251
原创 React基础知识，一篇文章搞懂，包含state，props，ref，受控组件与非受控组件，函数柯里化，React生命周期（新旧）
React基础State类组件第一种写法类组件语法糖点击事件修改state中的属性Props类组件常用的写法函数式组件ref目前新版本使用回调的refs受控组件与非受控组件在受控组件中使用函数柯里化在受控组件中不使用函数柯里化React生命周期（旧）第一阶段，初始化阶段，由ReactDOM.render()触发，初次渲染第二阶段，更新阶段，由内部this.setState()或父组件render()触发第三阶段，卸载阶段，由ReactDOM.unmountComponentAtNode()触发所有阶段展示R
2021-06-24 19:19:34
245
原创 两行代码，让你的列表动起来，CSS轮播动画
1、首先我们要在css中定义一个动画@keyframes move { 0% { } 100% { transform: translateY(-50%); }}这段代码是让某个元素沿着Y轴0处向上移动自身一般高度2、然后给需要移动的元素添加animation属性.box { animation: move 20s linear infinite;}给元素添加我们定义的move动画，这个动画持续20s，匀速运动，无限循环3、现在试试是不是元素动起来了
2021-06-16 11:48:01
807
2
原创 JS原生水印，亲测有效，到哪都有效
话不多说直接上代码(function createCanvas() { var width = 100; var height = 100; var x = 10; var y = 10; var rotate = 30; var fontSize = 16; var alpha = 0.6; //透明度 var color = '#'; var canvas
2021-06-16 11:26:59
216
原创 一篇文章快速搞懂Vue路由传参的三种方法
路由传参的三种方法1、第一种 页面刷新数据不会丢失1、第二种3、第三种1、第一种 页面刷新数据不会丢失methods：{ gotoPage(id) { //直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/homepage/${id}`, })}路由配置： { path: '/homepage/:id', name: 'homepage', com
2021-06-16 11:23:52
327
原创 VueX属性及使用方法
目录statemutationsactionsgettersVUEX安装新建store文件夹路径参考初始化store下index.js中的内容在 main.js里面引入store，然后全局注入一下，这样就可以在任何一个组件里面使用this.$store了在组件中使用 state在组件中使用 mutations在组件中使用 Getter在组件中使用 actionsActions 支持同样的载荷方式和对象方式进行分发：state用法和作用类似vue实例中的data基本方式：$store.state.
2021-05-11 18:30:32
194
原创 Vue Mixin混入
场景：如果有多个功能非常相似的组件，基本功能也一样，，但是他们之间存在部分差异，如果把他们做成同一个组件，会导致props传值超级麻烦和混乱，如果写成两个组件，一旦功能变动就需要修改多个组件中的代码，变得很麻烦，这个时候你可能会想，有没有一种方式可以将公共代码提出来，不同的功能再进行拆分的写法，答案当然是有的，这里就要提到 vue 中的mixin（混入）使用方法首先再组件目录下创建Mixins文件夹，在文件夹路径下创建toggle.js，路径如下：|components |__Mixins .
2021-05-11 17:40:52
74
原创 VUE EventBus（最简单的事件发布与订阅）
目录1.在main.js文件中，vue示例上挂载$EventBus并实例化2.在组件中触发事件并抛出自定义事件3.在需要接受值的组件内挂载结束后监听自定义事件4.最后别忘了销毁1.在main.js文件中，vue示例上挂载$EventBus并实例化Vue.prototype.$EventBus = new Vue()2.在组件中触发事件并抛出自定义事件data() { return { // 数据 name: 1, msg: '' } },
2021-05-11 17:36:26
406
原创 Nginx前端项目部署
目录一、nginx使用二、启动 nginx 服务器监测是否开启三、配置nginx四、使用vscode 打开 nginx五、补充一点一、nginx使用下载地址https://nginx.org/en/download.html解压到英文地址下，注意一定不要解压到中文路径下，不听老人言，吃亏在眼前二、启动 nginx 服务器直接双击该目录下的"nginx.exe"，即可启动nginx服务器；命令行进入该文件夹，执行start nginx命令，也会直接启动nginx服务器记得在任务管理器中查
2021-05-11 17:32:30
315
原创 Vue中使用echarts水球图
Vue中使用echarts水球图首先，我们需要配置环境，需要下载echarts依赖和水球图依赖echarts-liquidfill1.你需要npm install 来下载他们，下面是代码：npm install echarts --savenpm install echarts-liquidfill --save2.待依赖安装完成，我们需要在main.js中注册它import Vue from 'vue'import App from './App.vue'import route
2021-04-09 13:49:19
2694
原创 Git教程-Git配置详情
SSH key配置本地和远程仓库ssh-keygen -t rsa -C “953695811@qq.com” 三次回车在C盘-用户-Administrator-SSH里找到id_rsa.pub 文件，用VScode打开，赋值公钥打开Github，我的，settings，SSH and GPG keys 名字自己起，key复制到下面的文本框里 点击添加输入密码 ssh-T git@github.com // 检测您的共钥是否配置成功git命令git config --gl
2021-03-30 11:21:09
160
原创 vscode设置代码片段（代码模板）
vscode设置代码片段文件 => 首选项 => 用户片段新建vue.json文件Ctrl + A 复制如下json文件 替换vue.json中的所有代码{ "Vue component": { "prefix": "<>", "body": [ "<template>", " <div class='box'>", " <!-- 内容区域 -->", " &
2021-03-30 10:54:30
134
原创 npm nrm配置所有问题都在这
安装nrmnpm install -g nrm查看所有镜像地址npm ls切换镜像地址nrm use taobao升级npmnpm i npm -g错误如果出现以下错误：npm err! Error: connect ECONNREFUSED 127.0.0.1:8087 解决方法npm config set proxy null
2021-03-24 13:46:13
465
原创 JavaScript时间格式化
普通js中用法// 时间处理函数 function getTime() { var nowTime = new Date() // 获取年月日 const y = nowTime.getFullYear() const m = zero(nowTime.getMonth() + 1) const d = zero(nowTime.getDate()) // 获取时分秒 const hh = zero(nowTim
2021-03-24 12:49:19
132
2
原创 Vue项目中配置ESLint
Vue项目中ESLint基本语法要求JS中的字符串使用单引号包裹代码结尾不能跟分号声明的变量和方法必须被调用代码的最后一行要加换行tab键用多个空格代替, 一个tab键等于2个空格声明的方法名和圆括号之间加空格为了适应ESLint语法要求, 前期的准备工作安装ESLint插件, 实时提示我们代码格式可能出现的问题安装Prettier插件, 代码保存时, 自动格式化代码需要如下配置:如果之前装过Beautify, 可以先卸载掉或者禁用掉, 以免冲突设置settings.json
2021-03-24 10:38:59
303
原创 Vue脚手架，Vue-Cli项目初始化
使用 Vue CLI 创建项目果你还没有安装 VueCLI，请执行下面的命令安装或是升级：在命令行中输入以下命令创建 Vue 项目：果你还没有安装 VueCLI，请执行下面的命令安装或是升级：npm install --global @vue/cli在命令行中输入以下命令创建 Vue 项目：vue create projectVue CLI v4.2.3? Please pick a pres·et: default (babel, eslint)> Manually sele
2021-03-24 10:24:10
4029
8
原创 Vue中使用Swiper
Vue中使用Swiper首先 下载所需要的包在main.js中引入在banner区域写好html结构使用挂载完成阶段的钩子函数注：如果想要使用多个swiper，可以写多个new Swiper首先 下载所需要的包npm install swiper@3 --save-dev // 我这里使用3.0版本在main.js中引入import 'swiper/dist/css/swiper.min.css'import Swiper from 'swiper'在banner区域写好html结构&l
2021-03-24 10:14:22
638
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人