- 博客(36)
- 收藏
- 关注
RSS订阅原创 Docker
镜像是一种轻量级、可执行的独立软件包，它包含运行某个软件所需的所有内容，我们把应用程序和配置依赖打包好形成一个可交付的运行环境（包括代码、运行时需要的库、环境变量和配置文件等），这个打包好的运行环境就是image镜像文件。只有通过这个镜像文件才能生成Docker容器实例（类似Java中new出来一个对象）。有镜像才能创建容器，所以我们先下载一个镜像，这里以ubuntu为例。确定你是Centos7及以上版本。进入正在运行的容器并以命令行交互。yum安装gcc相关。更新yum软件包索引。启动/停止/重启容器。
2023-04-11 13:01:11
643
原创 MyBatis主配置文件mybatis-config.xml
通过mybatis-config.xml主配置文件，配置MvBatis数据源及属性信息
2022-06-01 15:53:07
185
原创 微信小程序 组件无法使用全局样式
当我们在开发微信小程序时，通常会自己写一些全局的样式放在app.wxss中，这时候如果使用自定义组件的话，会发现全局样式无法使用。这是因为：自定义组件中和页面中的class名重名，是不会产生冲突的；页面中的class和自定义组件中的class重名，同样不会产生冲突；解决方法1：设置`addGlobalClass`；只要在对应的子组件js文件中设置addGlobalClass属性为true即可Component({ options: { addGlobalClass: true.
2022-05-20 09:20:49
2073
原创 使用jquery时，ajax统一添加头信息
使用jquery时，ajax统一添加头信息$(document).ajaxSend(function(event, jqxhr, settings) { jqxhr.setRequestHeader('token', token)})
2022-05-18 16:56:46
1380
原创 webpack基础配置
webpack是一个JavaScript应用程序的静态模块化打包器，意味着webpack在不进行特殊配置的情况下就只认识JavaScript一种语言，只能处理JavaScript这一种语言为什么要打包：一般项目中js文件数目很大且相互之间有依赖关系，如果不打包，直接让这些文件保持分离状态，则我们需要关心加载顺序如果不打包，这些js文件处于分离状态，我们需要分开请求加载，则消耗性能通过打包，将这些文件打包为到dist文件夹内，则可以帮助我们解决上述问题webpack的打包过程：从默认的入.
2022-05-10 18:01:35
1385
原创 git 放弃本地修改，强制拉取更新
开发时，对于本地的项目修改后，进行 git pull 操作，出现冲突，于是放弃自己的修改，不做保存操作（或代码改崩），可以用以下方式进行强制覆盖，具体代码如下：git fetch --allgit reset --hard origin/release// 可以省略git pull git pull注意：git fetch 指令是下载远程仓库最新内容，不做合并git reset 指令把 HEAD 指向 release 最新版本...
2022-05-06 11:16:10
14460
原创 微信小程序 处理富文本
1.处理富文本里的图片宽度自适应2.获取富文本里的真实内容，不含标签、图片、空格、换行，然后将转义的特殊符号转回来3.显示富文本
2022-04-29 09:56:52
875
原创 vue3 watch及watchEffect的使用和区别
watch 监听 ref 类型setup() { let val = ref(1); watch(val,(newValue, oldValue)=>{ console.log(`原值为${oldValue}`) console.log(`新值为${newValue}`) /* 1秒后打印结果： 原值为1 新值为2 */ }) // 1秒后将val值+1 setTimeout(() => { val.value ++ }, 1000)}wat
2022-02-18 16:42:31
143
原创 vue3 ref 获取单个Dom及多个Dom
获取单个Dom<input type="text" ref="inputRef" />setup() { const inputRef = ref(null) onMounted(()=>{ console.log(inputRef.value); })}获取多个Dom<div v-for="(item, index) in state.list" :key="index" :ref="setItemRef"> {{item}}</div>
2022-02-18 16:30:19
5375
1
原创 vue3 ref和toRef区别
<template> <div @click="change"> <div>{{newObj1}}</div> <div>{{newObj2}}</div> </div></template><script> import { ref, toRef } from 'vue' setup() { const obj = {name: '123123', age: 18
2022-02-18 15:48:14
419
原创 vuex基本使用( state, getters, mutations, actions, modules )
store/index.jsimport { createStore } from 'vuex'export default createStore({ // 这里的state就相当于组件中的data，就是专门用于保存共享数据的 state: { count: 0, todos: [], }, // 用于定义计算属性 getters: { doneTodos: (state) => { return state.todos.filter(todo => todo.
2022-02-11 14:19:23
649
原创 vue3 组合api的简单使用
//compostion api (组合api)import { ref, reactive, onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted, computed } from 'vue'export default{ setup(){ // 非响应式变量 let msg = "hello wrold"; // 响应式变量 let title = ref("h
2022-02-11 09:39:58
554
原创 fastclick 解决移动端点击事件延迟300ms和点击穿透的问题
为什么移动端点击事件会有300ms延迟？首款 iPhone开发时遇到一个问题：当时的网站都是为大屏幕设备所设计的，而小屏幕浏览桌面端站点的缩放时如何系统判断？于是做出一个双击缩放(double tap to zoom)的约定，这也是会有上述 300 毫秒延迟的主要原因。双击缩放，顾名思义，即用手指在屏幕上快速点击两次，iOS 自带的 Safari 浏览器会将网页缩放至原始比例。 那么这和 300 毫秒延迟有什么联系呢？假定这么一个场景： 用户在 iOS Safari 里边点击了一个链接。由于用户可以进
2022-01-14 15:53:23
1764
原创 导出乡镇、街道的地图geoJson数据
我们可以通过 阿里旗下的高德地图提供的api ，可以获取到中国各个省份/区级/县级的json数据，但是区级和县级，并没有包含街道和乡镇的数据。如何拿到街道和乡镇的数据下载 bigMap ，安装之后打开，可以在右上角进行区域的选择，它是精确到镇级的，这里不要点击左边的下载按钮，点击图中红框选中的导出按钮，即可保存kml文件打开 geojson.io （可能有点慢，不要急），上把刚刚导出的kml文件导入进来左边为范围展示，右边为geoJson数据重复上述步骤，导出所有数据，
2021-11-24 13:08:48
11943
9
原创 循环调接口，异步转同步
let list = []( async () => { for( let i=0; i<arr.length; i++ ){ await axios({ method: 'post', url: '/user/12345', data: {} }).then(function(res) { if (res.code == 10001) { list = [...list,...res.list] } }); }
2021-10-09 16:19:36
726
原创 数组/数组对象 去重
数组let arr = [1, 2, 3, 3, 4, 4, 5]let newArr = Array.from(new Set(arr))console.log(newArr)对象let arr = [ { id: 1111, name: 'aaa' }, { id: 2222, name: 'bbb' }, { id: 1111, name: 'aaa' }, { id: 3333, name: 'ccc' } ]arr = arr.filter((s =>
2021-08-17 09:28:30
87
原创 数组对象线性和树形结构的转换
线性转树形jsonToTree = (arr) => { let map = {}; arr.forEach(v => { map[v.id] = v; }); let tree = []; arr.forEach(item => { const mapItem = map[item.pid]; if (mapItem) { (mapItem.children || (mapItem.children = [])).push(item); } else
2021-08-17 09:28:16
139
原创 Windows下安装部署Nginx
Nginx是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP服务器。它是一种轻量级的Web服务器，可以作为独立的服务器部署网站（类似Tomcat），优势在于它的高性能和低消耗内存的结构。下载先下载直接去官网nginx.org下载windows版本安装部署下载完成后，解压缩，在解压后的文件夹运行cmd注：一定要使用命令进行操作，不要直接双击nginx.exe。若双击nginx.exe，会导致修改配置后重启、停止nginx无效，需要手动关闭任务管理器内的所有ngi
2021-07-31 15:57:46
836
原创 vue项目请求jsonp
npm install jsonp --save//ornpm install vue-jsonp --saveimport jsonp from 'jsonp'Vue.prototype.$jsonp = jsonpthis.$jsonp( this.dataUrl + '/location/ip?qt=loc&coor=bd09ll&ak=Er8iGG4UMfSd3Ckuc6w8C56peI4ge1Ih&timeout=10000&callback=_cb
2021-07-05 16:45:33
262
原创 sort 单条件&多条件排序
const list = [ {type: '2', isEnable: false,}, {type: '3', isEnable: true,}, {type: '1', isEnable: true,}, {type: '4', isEnable: false,}, {type: '0', isEnable: true,}]根据type升序list = list.sort((a, b) => a.type - b.type)首先isEnable为true排前面，然
2021-06-19 16:26:31
630
原创 ref使用之react / react hook
在react典型的数据流中，props传递是父子组件交互的一种方式；通过传递一个新的props值来使子组件重新render，从而达到父子组件通信。某些情况下（例如和第三方的dom库整合，或者某个dom元素focus等）为了修改子组件我们可能需要另一种方式，这就是ref方式。React提供的这个ref属性，表示为对组件真正实例的引用，其实就是ReactDOM.render()返回的组件实例；需要区分一下，ReactDOM.render()渲染组件时返回的是组件实例；而渲染dom元素时，返回是具体的dom节点
2021-06-18 17:44:51
950
原创 react/vue项目编译后，本地运行dist文件
用脚手架创建的 react / vue 项目，已经集成了webpack，只要运行命令：npm run build 或 yarn run build 项目就会编译成功，生成一个dist文件夹，现在问题来了，如何启动这个编译后项目呢。1. tomcat将dist文件夹里的所有文件，直接放到tomcat安装目录的\webapps\ROOT\文件夹下；启动tomcat；输入你的访问URL（如：http://localhost:8000）注：若将文件放到\conf\server.xml里定义的一些do
2021-05-10 16:02:18
2802
原创 antdesign V4 同一个组件区分多个form
import React, { useState, useEffect, useRef } from 'react';import { Form , Input } from 'antd';export default (): React.ReactNode => { const [form] = Form.useForm(); const [form1] = Form.useForm(); const handleSave = () => { form .validate
2021-03-04 13:07:41
2114
1
原创 react hook 父组件提交子组件form
父组件：import React, { useState, useEffect, useRef } from 'react';import { Button } from 'antd';import EditClassA from './EditClassA';export default (): React.ReactNode => { const [isEdit,setIsEdit] = useState<boolean>(false); const editClassA
2021-03-04 11:26:42
1514
1
原创 Git 忽略提交 .gitignore
在使用Git的过程中，我们喜欢有的文件比如日志，临时文件，编译的中间文件等不要提交到代码仓库，这时就要设置相应的忽略规则，来忽略这些文件的提交。配置语法以斜杠“/”开头表示目录；以星号“*”通配多个字符；以问号“?”通配单个字符以方括号“[]”包含单个字符的匹配列表；以叹号“!”表示不忽略(跟踪)匹配到的文件或目录。注意： git 对于 .gitignore配置文件是按行从上到下进行规则匹配的新建==.gitignore==文件规则 作用/mtk 过滤整个文件夹*.zip 过滤所有.z
2021-02-25 13:33:21
100
原创 git commit后如何取消commit
git commit后如何取消commitgit commit后如何取消commit关于git reset的一些参数如下git commit后如何取消commit通常，我们对修改的文件会：git add .git commmit -m "注释"git pullgit push但是如果commit错了，想要取消commit而且还要保留已经add的文件，那么应该怎么做呢？可以使用这个命令来取消commit：git reset --soft HEAD^这样就会回到刚刚add之后的状态了注
2021-02-25 13:16:17
4787
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人