- 博客(37)
- 收藏
- 关注
RSS订阅原创 重温git相关命令（含理解git命令的宝藏网站）
重温git相关命令理解git操作过程git命令基础命令commit、branch、merge、rebase如何选择rebase、merge相对引用^和~撤销变更reset和revert自由修改提交树cherry-pick和rebase -i标签tag和描述describe涉及远程仓库的命令clone、fetch、pull、pushmain、origin/mian的关联设置remote tracking的方法学习git命令的宝藏网站：https://learngitbranching.js.org/?NO
2021-09-12 19:55:40
823
2
原创 Vue之axios网络请求21
Vue之axios选择网络模块选择网络模块传统ajax（基于XHR）配置和调用等环混乱编码问题jquery-ajaxVue-resource（基于Vue1.0）不再维护、更新axios框架浏览器中发送XHR请求在node中发送http请求支持Promise拦截请求和响应转换请求和响应数据……安装axiosnpm install axios --save模拟请求：httpbin.org接口urlhttp://123.207.32.3
2021-07-09 16:00:55
605
原创 Vue全家桶之Vuex20
Vuex认识VuexVuex与vue.prototype的区别状态管理单页面状态管理多界面状态管理Vuex状态管理Vuex核心概念StateGetters参数Mutation传递参数：提交风格响应规则类型常量同步函数Action基本使用Module局部状态Vuex的基本使用初始代码state的使用获取state对象获取state中的某数据getters的使用只有参数state参数state、gettersmutations的使用只有参数state参数state、payload使用常量替代 Mutation
2021-07-05 14:43:39
1387
原创 vue之Promise19
vue之Promise认识PromisePromise的三种状态Promise链式调用认识PromisePromise是异步编程的一种解决方案。一般情况下有异步操作时，使用promise对异步操作进行封装。使用Promise可以避免回调地狱。以下都用定时器来模拟异步事件假设data是从服务器请求到的数据，console.log是处理方式 setTimeout(function () { let data = 'Hello Vue' console.log(data);
2021-07-03 16:09:33
175
原创 keep-alive及其属性18
xxxkeep-alive：可以使被包含的组件保留状态，或避免重新渲染router-view被包在keep-alive，所有路径匹配到的视图组件都会被缓存（不调用destroyed）补充：destroyed销毁，跳转到其他页面的时，调用原组件的destroyed方法一，失效以下函数，只有组件被保持了状态，使用keep-alive时，才有效activated，进入时调用，可以被回调的函数。先created再activateddeactivated，离开时调用，此时的this.$router指向
2021-06-29 15:22:56
1328
原创 vue之全局导航守卫17
vue之全局导航守卫普通的修改方法在index.js中方法一效果方法2效果同理路由对象可以加meta：{title：}导航守卫：监听路由跳转过程router.beforeEach(function(to,from,next){// form到todocument.title = to.matched[0].metatitlenext();//必须要有,且不能更名})title动态改变created生命周期函数中可以调用document.titl
2021-06-28 15:36:42
331
原创 vue-router之动态路由、懒加载、路由嵌套、传递参数16
vue-router之动态路由动态路由认识动态路由使用动态路由$route与$router的区别动态路由的懒加载解析打包文件认识路由懒加载路由懒加载主要作用路由懒加载的三种方法1、结合vue异步组件和webpack（现在基本不用了）2、AMD写法3、ES6 简单写法（目前常用）使用路由懒加载效果路由嵌套实现嵌套路由创建对应子组件在路由映射中配置对应的子路由在组件内使用rout-link、router-view，展示子路由对应的组件效果路由传递参数paramsquery动态路由认识动态路由动态路由：pa
2021-05-23 20:31:58
881
原创 vue-router的安装、使用15
vue-router的安装、使用认识[vue-router](https://router.vuejs.org/zh/)安装-router安装vue-router配置vue-router使用vue-router步骤路由的默认路径设置history模式router-link的属性补充认识vue-router目前流行的前端三大框架：Vue、React、Angular都有自己的路由实现。vue-router基于路由和组件实现路由用于设定访问路径，将路径与组件映射起来vue-router适合用于构建
2021-05-14 19:54:21
170
原创 认识路由及其实现的两种方法14
vue路由vue-router认识路由后端路由、前后端分离、前端路由1、后端路由2、前后端分离3、前端路由前端路由的实现改变URL的hash修改HTML5的history1、pushState，入栈，返回当前url2、replaceState，替代当前url，返回新的url3、back，返回下一个url4、forward，返回上一个url5、go，以当前位置的基准点，返回上/下第n个认识路由路由（网络工程术语），指通过互联的网络把信息从原地址传输到目的地址的活动。生活中常见的，路由器。路由器有两种机制
2021-05-14 15:46:32
770
1
原创 vue-cli的认识及使用13
vue-cli的认识及使用认识vue-clivue-cli的使用前提1. node2. webpack使用vue-cli1. 使用npm全局安装vue-cli2. 可以拉取vue-cli2进行使用3. 创建项目认识vue-clicli：Command-Line Interface，命令行界面，俗称脚手架。vue-cli是官方发布的vue.js项目脚手架。使用vue.js进行大型应用开发时，需要考虑代码目录结构、项目结构、热加载、代码单元测试……为了提高效率，可以使用vue-cli快速搭建vue开发
2021-05-12 17:20:58
275
原创 webpack分离开发依赖、发布依赖的配置09
webpack开发时依赖、发布时依赖配置分离创建配置文件结构，并对webpack.config.js文件进行抽离1. 创建build文件夹（存放配置文件）、base.config.js（存放公共依赖）、dev.config.js（存放开发时依赖）、prod.config.js（发布时依赖）2. 抽离webpack.config.js文件到base.config.js、dev.config.js、prod.config.js分别合并开发、发布所需配置文件1. 为了合并配置文件，需要安装webpack-merg
2021-05-06 11:19:12
523
原创 webpack-dev-server搭建本地服务器（解决webpack-cli、webpack-dev-server版本不兼容报错）08
webpack-dev-server搭建本地服务器webpack-dev-server搭建本地服务器，开发阶段使用1、安装webpack-dev-server（开发时依赖）2、在webpack.config.js文件中配置devServer3、运行启动解决webpack-cli、webpack-dev-server版本不兼容报错：webpack-dev-server搭建本地服务器，开发阶段使用webpack提供的本地开发服务器，基于node.js搭建。内部使用express框架，可以实现浏览器实时更新页
2021-05-06 10:01:13
1365
原创 webpack之plugin07
webpack之plugin1、认识plugin2、plugin与loader的区别3、几种常见的plugin及其使用3.1 BannerPlugin（webpack自带插件）3.2 htmlWebpackPlugin3.3 uglifyjsWebpackPlugin1、认识pluginplugin：插件，通常用于对某个现有的架构进行扩展。webpack中的插件可以对webpack现有的功能进行各种扩展，如打包优化、文件压缩等。2、plugin与loader的区别loader：是转换器，主要用于转
2021-05-01 18:08:06
249
原创 webpack之vue配置与基本使用06
webpack之vue配置1、安装vue2、创建vue实例，并挂载到dom上3、在webpack.config.js中进行配置el与template区别：vue终极结构1、安装vue安装vue的三种方式：直接下载引用CDN引用npm安装（此处使用npm安装vue，在终端输入npm install vue -save需要注意的是：-dev表示开发时依赖，后续在实际项目中也会使用vue的，所以并不是开发时依赖，输入命令时不带-dev安装成功2、创建vue实例，并挂载到dom上在inde
2021-05-01 14:37:39
200
原创 webpack之ES6转ES5（解决webpack、babel-loader、babel-core版本兼容问题） 05
ES6转ES5为什么要把ES6语法转成ES5webpack打包的js文件中，没有将ES6语法转成ES5。如：bundle.js用到了ES6的语法。而一些还不支持ES5的浏览器则无法运行ES6的代码，看不到运行效果。使用babel转换在终端中输入npm install babel-loader@7 babel-core babel-preset-es2015，安装babel-loader在webpack.config.js中配置babel-loader// 通过node里面的path包,动态
2021-04-24 12:05:19
846
原创 webpack之loader04
什么是loadercss文件的处理loader的使用使用多个loader时从右向左读，css当成模块打包，在入口文件里面，写上依赖的css文件打包：根据入口一次去找，根据依赖依次去找，npm run build使用的本地的webpack打包，在cmd等终端直接使用webpack打包使用的是全局的webpack补充：创建文件夹有规范，入口一般放在外面非盈利组织网站后缀为org，如：webpack.js.org...
2021-04-11 17:13:16
123
1
原创 webpack的基本使用03
一、用 npm 安装 Webpack（需要 Node.js v0.6 以上支持）1.win+r打开cmd窗口，输入npm install webpack -g2. 创建新项目3. 进入项目目录，通过npm init创建package.jasonname：项目名称，一定要简短，且不能有大写。可能在项目中使用过 var express = require(‘express’), require 函数后面的参数，就是package.json 中的name字段。version：版本号，安
2021-03-31 19:41:48
165
转载 java访问数据库，报错提示：java.sql.SQLException: The server time zone value ‘???ú±ê×??±??‘ is unrecognized or
错误提示1：java.sql.SQLException：服务器时区值’???ê×?? ?? ??” 无法识别或代表多个时区。如果要利用时区支持，则必须配置服务器或JDBC驱动程序（通过serverTimezone配置属性）以使用更具体的时区值。在com.mysql.cj.jdbc.exceptions。 SQLError.createSQLException（SQLError.java:127）在com.mysql.cj.jdbc.exceptions.SQLError.createSQLExcepti
2021-03-30 19:00:50
353
1
原创 安装webpack02——安装node.js、webpack详细教程（含修改npm全局下载、缓存路径）亲测有效
1、安装node.jsNode.js 官方网站下载： https://nodejs.org/en/2、修改npm全局下载、缓存路径
2021-03-29 19:55:31
279
原创 认识webpack、理解webpack与grunt、glup的核心区别01
认识webpack什么是webpack官方解释At its core,webpack is a static module bundler for modern JavaScript application.即 webpack是一个现代的JavaScript应用的静态模块打包工具关键词：模块化、打包从模块化和打包两个关键词来解释webpack1、模块化前端模块化方案：AMD、CMD、CommonJS、ES6ES6之前：开发人员进行模块化开发必须要借助其他工具；在通过模块化开发完成
2021-03-28 10:46:16
426
原创 vue组件插槽slot12
组件插槽slot为什么在组件内使用slot同一个组件可能会在不同的地方多次使用，最好的封装方式是抽取共性，保留不同。把大部分地方都需要的相同的部分直接写在组件内，少部分不相同的地方则在预留的插槽中实现，可以更好的让使用者根据自己的需求决定slot中要插入什么内容。slot插槽作用：使封装的组件更具扩展性。slot的基本使用方法普通组件具体效果：含slot插槽的组件具体效果：slot插槽中含默认内容的组件具体效果：含具名插槽的组件具体效果：...
2021-03-26 15:20:55
1350
原创 vue父子组件通信实现打印斐波那契数列10
父子组件通信实现打印斐波那契数列效果：实现代码：Fibonacci.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件通信之斐波那契数列案例</title></head><body> <div id="info"> <showfib :fnums="nums"
2021-03-19 19:25:42
228
原创 vue简易计算器小案例09
简易计算器小案例逻辑部分没有完全实现，主要用来练手，加强理解父子组件之间的通信过程。效果：简易计算器代码counter.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件通信之简易计算器小案例</title> <link rel="stylesheet" href="counter.css">
2021-03-19 15:30:03
290
原创 vue组件化开发08
1. 什么是组件化将一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，方便页面的管理和维护，且扩展性也更强。2. 组件化的思想我们将一个完整的页面分成很多个组件。每个组件都用于实现页面的一个功能块。每一个组件又可以进行细分。Vue提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用，而任何的应用都会被抽象成一颗组件树。注册组件的基本步骤调用vue.extend创建组件构造器；在创建组件构造器时，传入template代表我们自定义组件的模板
2021-03-17 21:32:25
152
原创 Vue之js高阶函数07
js高阶函数之filter、map、reduce1. filterfilter中的回调函数需要返回一个boolean值。若返回true，则本次回调的元素，加入到新数组中；若返回false，则过滤掉本次回调的元素，不会加入到新数组中。数组2 = this.数组1.filter(function (i) { return true/false; })2. mapmap：对数组中的所有元素都进行操作时使用。数组2 = this.数组1.map(function
2021-03-11 17:44:48
145
原创 java高级基础之相关概念00
xml、tomcat……各种常用东西的概念1. XMLxml：可扩展的标记性语言。主要作用：保存数据，且保存在xml中的数据具有自我描述性；作为项目或模块的配置文件；作为网络传输数据的格式（较少，现在主要以json为主）语法：文档声明；标签、元素；xml属性；xml注释文本区域2. JavaWebJavaWeb：通过Java语言编写的可通过浏览器访问的程序。基于请求开发的。请求（Request）：客户端给服务器发送数据。响应（Response）：服务器给客户端回传
2021-03-10 18:42:25
96
原创 vue事件监听06
vue事件监听v-onv-on传参问题方法中只有一个形参，调用方法时传一个参数方法中的形参值为传入的参数值不传参数（不省略括号）方法中的形参为undefined不传参数（省略括号）vue默认将浏览器生成的event事件当做对象传入到方法中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>1v-on参数问题</tit
2021-03-08 20:03:13
164
原创 vue之ES6基础知识点补充05
ES6基础知识点补充ES5:var没有块级作用域；if、for没有块级作用域，用闭包解决应用外部变量（var变量）的问题（因为函数是一个作用域）。ES6：let：变量，块级作用域（变量在什么范围内可用）const：常量，没有块级作用域...
2021-03-08 09:37:47
501
1
原创 java高级基础01
java高级基础知识点1. Idea创建项目认识idea可以创建的项目类别以创建
2021-03-06 21:31:22
189
原创 vue图书购物车案例小测试04
最终效果需求分析列表显示id号、书名、出版时间、价格、购买数量、删除等信息和操作按钮；点击+、-实现增加或减少购买数量，且当购买数量减少到0时隐藏’-'按钮；点击移除按钮实现从购物车删除该书的信息；计算购物车中所有书的总价实现效果显示书籍信息和总价信息增加/减少购买数量，总价也随之改变删除不想购买的书，总价也随之改变实现代码<!DOCTYPE html><html lang="en"><head> <me
2021-03-05 20:26:42
290
原创 vue计算属性(computed)及computed与methods的区别03
计算属性computed1、认识计算属性computedcomputed：将多个数据结合起来显示。测试代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>1vue计算属性computed</title></head><body> <div id="info"> <h3
2021-03-03 21:29:34
211
2
原创 Vue入门01
Vue列表展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue_列表</title></head><body> <div id="list"> <ul> <li v-for="item in songs">{{i
2021-01-18 17:11:13
139
1
原创 cocos2d-x Run-Time Check Failure #0 - The value of ESP was not properly saved across a function cal
在写一个计时器调用函数，运行中断报错Run-Time Check Failure #0 - The value of ESP was not properly saved across a function call. This is usually a result of calling a function declared with one运行时检查失败＃0 - ESP的值在函数调用中未正确保存。 这通常是通过调用一个声明的函数的结果其实是因为掉了一个参数orz，一个低级错误，在线打脸orz（看
2020-12-21 15:04:02
275
原创 cocos2d-x个人笔记1-准备工作
cocos2d-x个人笔记1准备工作配置环境Cocos：cocos2d-x-3.17.rarjava：jdk-8u171-windows-x64.exepython：python-2.7.9.msiandroid：Android.rar链接：https://pan.baidu.com/s/1JoC7Xz9gcd2s5PCTh7xp2w提取码：yalx配置完成后检查一下是否配置成功，如安装vs2015建议进入vs官网下载Visual Studio Community2015免费的
2020-07-10 11:24:47
184
原创 2019暑期答辩-自动统计签到回帖情况网站
2019暑期答辩作品-自动统计签到回帖情况网站目录答辩作品流程数据库设计后台页面收获和不足收获不足目录答辩作品流程获取工作室论坛的网址，用python爬虫爬取需要获取的数据，存入数据库中在后台录入工作室成员的个人信息将爬取的信息和工作室成员信息匹配，对应存储到个人在后台界面中以表格、折线图的形式分别展示爬取的数据个人的签到、回帖汇总信息在模态框中详细展示手动选择时间，以...
2019-09-13 16:39:47
505
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人