- 博客(68)
- 收藏
- 关注
RSS订阅转载 git使用说明
前言 掌握Git命令是每位程序员必备的基础，之前一直是用smartGit工具，直到看到大佬们都是在用Git命令操作的，回想一下，发现有些Git命令我都忘记了，于是写了这篇博文，复习一下~ https://github.com/whx123/JavaHome 公众号：捡田螺的小男孩 文章目录 Git是什么?Git的相...
2022-04-09 10:32:24
381
原创 webpage结合Vue Loader打包单文件组件
npm insatll vue-loader vue-template-compilerwebpage.config.js//引用node.js中的path模块，用来处理文件路径const path = require("path");//引入插件html-webpack-pluginconst HtmlWebpackPlugin = require('html-webpack-plugin');//1.添加vue-loader插件const VueLoaderPlugin = re.
2022-04-02 16:07:25
1448
原创 EsLint自定义规则
module.exports = { root: true, // 告诉ESlint找当前配置文件 env: { // 指定想启用的环境，下面的配置指定为Node环境 node: true, }, extends: [ "plugin:vue/essential", // 格式化代码插件 "eslint:recommended", "@vue/prettier" // 启用推荐规则 ], parserOptio.
2022-04-02 15:57:40
783
原创 vue.config.js自定义配置
module.exports = { devServer: { port: 8888, // 端口号 open: true, // 启动服务自动开启浏览器 https: false, // 协议 host: "localhost", // 主机名 }, lintOnSave: false, // 保存时检验格式 outputDir: "dist2", // 打包路径修改 assetsDir: "asse.
2022-04-02 15:46:59
1789
原创 Vue生命周期
vue的生命周期vue生命周期分为四个阶段（常用的有8个，实际上有11个） 第一阶段（创建阶段）：beforeCreate，created 相当于人一生中：准备出生之前的阶段，精子+卵子，细胞组合-十月怀胎-出生 在beforCreate之前 vue做了两件事：methos声明，生命周期钩子函数声明 在创建阶段 data数据注入，data数据劫持 1.遍历递归data选项，给每个声明式变量添加setter/getter 2.把劫持过变量都放在组件实例上
2022-04-01 14:21:07
10804
1
原创 mysql第4弹
mysql day04课堂笔记1、索引（index）1.1、什么是索引？索引是在数据库表的字段上添加的，是为了提高查询效率存在的一种机制。一张表的一个字段可以添加一个索引，当然，多个字段联合起来也可以添加索引。索引相当于一本书的目录，是为了缩小扫描范围而存在的一种机制。对于一本字典来说，查找某个汉字有两种方式： 第一种方式：一页一页挨着找，直到找到为止，这种查找方式属于全字典扫描。 效率比较低。 第二种方式：先通过目录（索引）去定位一个大概的位置，然后直接定位到这个 位置，做局域性扫描，
2022-02-28 17:25:52
86
原创 mysql第三弹
mysql day03课堂笔记1、查询每一个员工的所在部门名称？要求显示员工名和部门名。mysql> select * from emp;±------±-------±----------±-----±-----------±--------±--------±-------+| EMPNO | ENAME | JOB | MGR | HIREDATE | SAL | COMM | DEPTNO |±------±-------±----------±--
2022-02-28 17:25:04
118
原创 Android 从零开始（一）
Activity在我以网页web角度来认为的：Activity就是界面Layout就是html 布局java就是js 进行各种 dom数据操作style 就是cssAndroidManifest.xml - 清单文件也可以简称为「manifest文件」。清单文件非常重要，它告诉系统我们的app有哪些activity，用到了什么权限等等信息。如果要新建activity，需要在清单中注册。<application android:allowBackup="true" and
2022-01-15 11:08:02
1641
原创 Android Studio工程目录结构分析
├── Tutorial2020.iml # as用到的配置文件。不管它，as会自动修改它的。├── app # 应用相关的东西都在里面│ ├── app.iml # as用到的配置文件。不管它，as会自动修改它的。│ ├── build # 编译的产物。某些情况下，可以手动把它整个删掉。│ ├── build.gradle # 非常重要，app的构建配置。俗称“app的gradle文件”。│ ├── libs # 依赖包可以放这里，比如一些jar文件。│ ├── proguard-rules.
2022-01-14 09:26:22
2336
原创 9种常见的前端跨域解决方案（详解）
9种常见的前端跨域解决方案（详解）_慕课手记一、什么是跨域？ 在前端领域中，跨域是指浏览器允许向服务器发送跨域请求，从而克服Ajax只能同源使用的限制。什么是同源策略？ 同源策略是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。 同源策略限制以下几种行为：Cookie、LocalStora
2022-01-12 10:56:13
565
原创 vue生成二维码 - - - Qrcode
用到一个新的插件 ！ Qrcode！怎么用？文档<!-- index.vue--> <template> <canvas id="canvas"></canvas> </template>var QRCode = require('qrcode')var canvas = document.getElementById('canvas')QRCode.toCanvas(canvas, 'sample text.
2022-01-11 14:29:09
378
原创 call、apply、bind三者的用法和区别
1. callcall、apply、bind都是改变this指向的方法fn.call当前实例(函数fn)通过原型链的查找机制，找到function.prototype上的call方法，function call(){[native code]}fn.call()把找到的call方法执行 当call方法执行的时候，内部处理了一些事情1.首先把要操作的函数中的this关键字变为call方法第一个传递的实参2.把call方法第二个及之后的实参获取到3.把要操作的函数执行，并且把第
2022-01-08 13:48:38
117
原创 防抖与节流
防抖和节流的作用都是防止函数多次调用。区别在于，假设一个用户一直触发这个函数，且每次触发函数的间隔小于wait，防抖的情况下只会调用一次，而节流的 情况会每隔一定时间（参数wait）调用函数。1.防抖 触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间这是一个普通的防抖函数// func是用户传入需要防抖的函数// wait是等待时间const debounce = (func, wait = 50) => { // 缓存一个定时器id let
2022-01-08 12:02:41
201
原创 关于自适应的解决方案
一、媒体查询方法1.1响应式布局特点：网页宽度自动调整、尽量少使用绝对宽度、字体的大小使用相对单位（rem、em）、布局尽量使用浮动（流式布局）。1.2响应式布局核心技术：媒体查询（@media）。如何使用媒体查询：首先在页面里添加meta标签注：width=device-width:宽度等于当前设备的宽度initial-scale=1：初始的缩放比例（默认为1）maximum-scale=1：允许用户缩放到的最大比例（默认为1）user-scalable=no：用户不能手动缩放
2022-01-08 11:38:59
959
原创 echart / vue 实现自适应
方法一 elementResizeDetectorMaker1.下载 yarn add elementResizeDetectorMaker2.引入 import elementResizeDetectorMaker from “element-resize-detector”3.使用var dom = document.getElementById("container") // 随外层div的大小变化自适应 const _this = this
2022-01-08 10:56:13
164
原创 Mysql8.0安装后 默认空密码修改
最近安装了 mysql后 默认的是空的密码 网上好多修改方法 踩了好多坑都不行 发现这个很OK。mysql> alter user root@'localhost' identified by 'newpassword'; ## identified by 由...确定或者直接在终端里操作修改，不进入MySQL修改密码，[root@centos7 ~]#mysqladmin -uroot -p 'oldpassword' pa
2021-12-17 09:55:14
729
原创 ajax
使用浏览器的xmlhttprequest对象与服务器交互就是ajax使用场景：用户名查重、搜索提示、分页、数据的增删改查流程都是请求处理响应jquery的ajax是对浏览器的xmlhttprequest进行了封装 ，兼容更好，降低了难度$.get(url,[data],[callback]) 这里的data就是参数$.post(url,[data],[callback])这里的data...
2021-11-18 09:30:00
67
原创 Vue百度地图轨迹回放
html：<template> <div id="carpath"> <div id="handle"> <el-button @click="back" size="small" type="info">返回</el-button> <el-date-p...
2021-11-18 09:06:00
1151
原创 时间戳格式化一定要 乘1000呀！！！！
dataFormat(row) { var time = new Date( parseInt(row.UPDATED_DATE) * 1000 ).toLocaleString() var reg = new RegExp("(/)", "g") var reg_...
2021-10-25 15:42:00
1153
1
原创 移动端 项目初始化
使用 Vue CLI 创建项目如果你还没有安装 VueCLI，请执行下面的命令安装或是升级：npm install --global @vue/cli在命令行中输入以下命令创建 Vue 项目： vue create xxxxx然后配置各种你需要的插件加入 Git 版本管理(1)创建远程仓库GitHub码云Coding...(2)将本地仓库推到线上...
2021-09-02 16:41:00
207
原创 Vue项目划分目录结构
先把不需要的给删除了assests 就是资源的意思：可以存放一些静态资源css 、img css 里首先放一个 初始化css normalize.css和base.csscomponents 一般就放公共的组件 在这个里面我一般再分为 一个common组件 一个 content组件 common组件 ：可以在下个项目也可以使用公共组件 content组件：满足此项目业务的组件v...
2021-08-15 14:48:00
219
原创 Vue-axios 封装了一手好axios：）
请求方式很多种请求方式，重点还是第一种吧下载npm install axios --save下载完成直接导入import axios from 'axios'简单配置axios({ url: 'http://'}).then(res => { console.log(res);})并合请求//并和请求axios.all([ axios({...
2021-08-14 21:30:00
61
原创 Vue-Vuex 小白学习笔记
什么是Vuex ？我的理解就是在多个组件想公用一些数据或者是状态；因为组件们是通过一种组件树的形式互相关系所以一个组件想要获得另一个组件的数据就显得特别麻烦，除了父子组件之间的传递。你可以看看我画的图：画得有点扯了，勉强用吧：)如果这里 我的4 组件想要获取1组件的东西怎么办呢，如果先到获取到3再获取到2再获取1组件，这样太麻烦于是Vue引入了一个Vuex的概念可以把所有的组件所...
2021-08-14 01:21:00
163
原创 Vue-Promise
promise就是一种异步编程的的解决方案当执行网络请求的时候，代码就会出现阻塞，下面的代码要等待请求完成了在运行，所以我们一般网络请求的时候就去开启一个异步任务，一边请求一边执行其他代码请求到数据后，就要一个回调函数，返回数据这只是简单的场景，如果在很复杂的情景里就会出现回调地狱。。。。。。为了解决这个问就有了Promise，很优雅的就可以解决问题，调用请求和数据的处理放在不同的 位...
2021-08-13 21:23:00
98
原创 Vue-Router第三弹-全局导航守卫、keep-alive
实现了路由的功能后(前一篇文章)在跳转不同的页面的时候怎么让页面的title动态变化呢？这里就要引入一个新的知识点了：全局导航守卫在JavaScript中改变是通过 window.document.title= "new title"在vue中是通过在index.js一个函数实现：router.beforeEach((to, from, next) => { //fro...
2021-08-11 22:58:00
108
原创 Vue-Router学习第二弹动态路由\懒加载\嵌套路由
在我们做项目时肯定会有出现动态路由：举个栗子：一个品种的商品页面会有同类不同样的商品就要在路由的后面加一个id；Vue的路由id是这样添加的：两种动态路由一种是params参数添加：首先现在Index.js添加id { path: "/user/:id", component: User }然后再绑定Id <router-link :to="'/...
2021-08-11 21:25:00
72
原创 js遍历终极大法--再也不用苦逼的for循环了
while循环while后面跟循环条件和执行语句，只要满足条件，就会一直执行里面的执行var i = 0while(i<10){ console.log(i) i++ }do...while循环与while相似，但是他会先执行一次，再做判断条件var i=0do{ console,log(i) i++}while(i<10)苦逼for循环这个不用...
2021-08-11 15:28:00
270
原创 Vue-Router第一弹-hash、history、go、forward
首先还是先创项目然后选择vue-router 再创建再敲代码学习前，我们先了解什么是路由？路由有一个非常重要的概念就是路由表：本质就是一个映射表，决定数据的指向。我们生活中常常听到的路由器，它就是两种机制：路由和转送·路由是决定数据包从来源到目的地的路径·转送将输入端的数据转移到合适的输出端我的理解就是先有个路径然后通过这个路径转送数据√√√√(大佬可以纠正我)========...
2021-08-10 00:42:00
340
原创 Vue 脚手架学习
首先就是安装脚手架npm install @vue/cil -g 全局安装在这里我遇到一个问题：安装不了脚手架，报错显示：通过苦逼的查找原因就是 以前使用的taobao镜像 导致的，删除镜像换成正常的就行了不想用他们的，再设置回原来的就可以了：npm configset registryhttps://registry.npmjs.org接下来正式安装vue-cli ---安装...
2021-08-09 23:05:00
88
原创 JavaScript高级程序设计（第4版）-第一章学习
第一章什么是Javascript一、历史JavaScript的名字怎么来的首先，我们从javascript的历史开始了解，在以前的时候网页要验证某个必填字段是否填写，或者是判断输入的值的正确与否，每一次都要与服务器来一次交互通信，你可以想象一下：“当你填完一个信息登记表单，提交后，等待30秒，结果确实你的必填字段没填或者是值无效”，想象都崩溃：(然后，1995 年，网景公司一位名叫 B...
2021-08-07 00:03:00
78
原创 自定义滚动条样式
/*滚动条宽 长,滚动条整体部分，其中的属性有width,height,background,border等。*/::-webkit-scrollbar { width: 7px;}/*滚动条的滑轨背景颜色,可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/::-webkit-scrollbar-track { backgrou...
2021-07-26 15:18:00
123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人