- 博客(95)
- 资源 (14)
- 收藏
- 关注
RSS订阅
原创 js常用小工具
map与json互转map转json先将Map转化为Object；再将Object转为Json将map转为Object_strMapToObj(strMap) { let obj = Object.create(null); for (let [k, v] of strMap) { obj[k] = v; } return obj;},/***map转换为json*/_mapToJson(map) { return JSON.stringify(
2020-05-13 10:07:35
338
转载 Linux常用命令大全
原文 Linux常用命令大全最近都在和Linux打交道，感觉还不错。我觉得Linux相比windows比较麻烦的就是很多东西都要用命令来控制，当然，这也是很多人喜欢linux的原因，比较短小但却功能强大。我将我了解到的命令列举一下，仅供大家参考：系统信息 arch 显示机器的处理器架构(1) uname -m 显示机器的处理器架构(2) uname -r 显示正在使用的内核版...
2018-08-28 11:35:35
176
原创 android studio快捷键
键盘快捷键Android Studio 为许多常用操作提供了键盘快捷键。 表 1 按操作系统显示了默认键盘快捷键。 注：除了下面表 1 中的默认键映射外，您还可以选择多种预设的键映射，也可以创建自定义键映射。如需了解有关自定义键盘快捷键的详细信息，请参阅下面的配置自定义键映射。Windows/Linux 和 Mac 操作系统的默认键盘快捷键。 常规 说明 Windows/Linux
2017-12-14 14:56:07
713
原创 Vue事件总线实例（全局事件）
得到事件总线对象// src/assets/js/event-bus.jsimport Vue from 'vue'export const EventBus = new Vue()注册监听事件<script>import { EventBus } from '@/assets/js/event-bus.js'export default { name: 'CustomerManagement', data () { return { } },
2021-05-13 22:55:50
781
原创 Idea开发Java项目常用友好插件
常用的插件语言插件：chinese Language pack阿里代码规范提示插件：Alibaba Java Coding GuidelinesMyBatisPlugin生成mapper.xml文件及快速跳转插件：Free MyBatis pluginIdea无限试用插件：IDE Eval Reset注解工具：Lombok...
2021-04-13 15:10:01
227
原创 docker容器中提示bash: vi: command not found的处理方法
docker容器中使用vi或vim提示bash: vi: command not found的处理方法原因处理原因没有安装vi编译器处理使用如下两个命令apt-get updateapt-get install vimapt-get update：第一个命令是更新软件列表apt-get install vim：第二个是安装vim编辑器这里使用的是centos操作系统，如果是ubantu操作系统，请将apt-get换成yum即可...
2021-04-09 08:55:03
4487
原创 jenkins操作笔记
前提：使用yum安装的Jenkins查看jenkins信息：systemctl status jenkins启动jenkins：systemctl start jenkins重启Jenkins：systemctl restart jenkins停止Jenkins：systemctl stop jenkins查找当前安装Jenkins的安装包名：rpm -qa | grep jenkins查看安装包中的文件及路径：rpm -ql jenkins-2.249.2-1.1.noarch可以看到.
2021-04-02 11:54:46
441
原创 Github进行fork后如何与原仓库同步
Github进行fork后如何与原仓库同步merge前的设定merge 的关键命令merge前的设定进入到本地仓库的目录。下面所有操作，如无特别说明，都是在你的本地仓库的目录下操作。比如我的本地仓库为/Users/lijinwen/study-p/doc/vue3-composition-adminlddeMacBook-Pro:~ lijinwen$ cd /Users/lijinwen/study-p/doc/vue3-composition-adminlddeMacBook-Pro:vu
2021-03-31 11:31:34
213
原创 Vue3+ts+element-plus实现管理后台前端项目国际化
基于i18n实现国际化安装依赖准备语言包准备持久化方法导入语言信息获取当前语言创建i18n实例使用i18n实例方式一方式二语言切换组件Vuex的状态管理切换语言组件使用组件总结假设已经存在一个Vue3.x+ts+sass项目；由于是基于Vue3.x+ts搭建的示例项目，所以其它部分相关依赖使用的是next版本。安装依赖// 导入依赖库npm install vuex vue-i18n js-cookie element-plus -S//导入编译依赖npm install @type
2021-03-31 10:26:49
6077
3
原创 Git常见问题笔记
Git常见问题笔记提交error: RPC failed; curl 55 Send failure: Connection was aborted详细提示：Counting objects: 19,done.Delta compression using up to 8 threads.Compressing objects: 100% (19/19), done.Writing objects: 100% (19/19),623.64 MIb | 30.61Mib/s,done.Tot
2021-02-03 17:29:27
3670
原创 css中横线中间显示文字
css中横线中间显示文字，类似文档地图注脚<div style="width:100%;height:36px;line-height:36px;display:flex;"> <span style="display:inline-block;flex:1;border-top:1px solid #cccccc;margin-top: 18px;"></span> <span style="margin-left: 5px;margin-rig
2021-01-14 16:21:05
2482
原创 关于css垂直居中
关于css垂直居中已知盒子大小：a. 子盒子：定位+margin（position: absolute; left:50%; top:50%; margin-top:-盒子高度一半px;margin-left:-盒子宽度一半px）水平居中margin: 0 auto;也可以；b.子盒子：定位：positon: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;未知盒子大小：定位+transform （left:50%;t
2020-09-16 15:34:47
108
原创 图片转base64
图片转base64方式一方式二方式一使用node.js的http方式，可绕过跨域var http = require('http');const img2Base64 = {}img2Base64.start = ({ url, success, fail}) => { http.get(url, function (res) { var chunks = []; var size = 0; res.on(
2020-08-12 16:34:07
170
原创 使用 vue-cli-service inspect 来查看一个Vue CLI项目的 webpack 配置信息
–mode 指定环境模式 (默认值：development)运行命令，在终端输出：开发环境：npx vue-cli-service inspect --mode development生产环境：npx vue-cli-service inspect --mode production运行命令，将输出导入到 js 文件：开发环境：npx vue-cli-service inspect --mode development >> webpack.config.devel
2020-06-12 08:54:47
3246
原创 vue-cli配置日志输出及资源指引
vue-cli4.x项目vue.config.js下通过configureWebpack配置日志输出以及chainWebpack下配置资源引用别名。'use strict'const path = require("path");const TerserPlugin = require("terser-webpack-plugin");//日志处理插件function resolve(dir) { return path.join(__dirname, dir);//获取绝对路径}mod
2020-06-12 08:17:50
2371
原创 vue-cli前端项目清理打包文件
const fs = require('fs')const path = require('path')//1.删除旧是目录；2.创建新目录。function deleteFolder(path) { let files = [] if (fs.existsSync(path)) { files = fs.readdirSync(path)//同步版的 fs.exists，检测给定的路径是否存在。 files.forEach(file => { let cu
2020-06-12 08:09:37
3050
原创 前端基础学习之关于 JavaScript 的数据类型
前端基础学习之关于 JavaScript 的数据类型7中数据类型UndefinedNullBooleanNumber两个重要值进制转换精度问题原因解决方法StringSymbol定义补充知识：类型转换类型转换定义常见的触发类型转换的操作Object总结7中数据类型空（Null）未定义（Undefined）数字（Number）字符串（String）布尔值（Boolean）符号（Symbol）对象（Object）Undefined只有一个值“undefined”。得到undefined的
2020-06-08 23:14:59
227
原创 基于Vue的组件化并发布到npm
基于Vue的组件化开发并发布到npm创建项目调整项目目录结构修改打包配置编写组件代码编写组件配置文件配置组件库入口文件组件测试发布插件库配置package.json文件关于README.md发布到npm服务可能的错误提示E401错误E402错误E403错误E404错误网络问题引起的错误在开始之前确保已经具备了Vue的开发环境。创建项目基于vue-cli脚手架创建项目。 vue create le-baby调整项目目录结构将src目录改为examples，用于组件的测试；增加packa
2020-06-07 22:28:58
1067
原创 前端学习笔记之 浏览器如何渲染页面？
前端学习笔记之 浏览器如何渲染页面？从 HTML 到 DOM1. 字节流解码2. 输入流预处理3. 令牌化html 代码的标记过程：遇到 script 标签时的处理：4. 构建 DOM 树构建 DOM 树的步骤：从 DOM 到渲染5. 构建渲染树6. 布局7. 绘制总结从 HTML 到 DOM1. 字节流解码把字节数据解码成字符数据的过程。2. 输入流预处理把字符数据进行统一格式化的过程。3. 令牌化令牌化包含两步：第一步是将字符数据转化成令牌（Token），第二步是解析 HTML 生成 DO
2020-06-04 22:53:06
269
原创 前端学习笔记之掌握css精髓：布局
前端学习笔记之掌握css精髓：布局单列布局2 列布局3 列布局2列3列布局实现垂直三栏布局通常提到的布局，有两个共同点：大多数用于 PC 端，因为 PC 端屏幕像素宽度够大，可布局的空间也大；布局是有限空间内的元素排列方式，因为页面设计横向不滚动，纵向无限延伸，所以大多数时候讨论的布局都是对水平方向进行分割。按分列数目可分为四类：单列布局；2 列布局；3 列布局；垂直三栏布局。单列布局单列布局是最常用的一种布局，它的实现效果就是将一个元素作为布局容器，通常设置一个较小的（最大）宽
2020-06-03 23:23:58
216
原创 基于XMLHttpRequest简单封装网络请求
基于XMLHttpRequest简单封装网络请求代码使用没有时间加以说明，而且代码也还很粗糙，暂时先直接上代码，记录着，周末有空再升级代码并说明。代码let leAxios = {}leAxios.httpRequest = function (paramObj, sucFun, errFun, complete) { var xmlhttp = null; /* * 关于XMLHttpRequest https://www.w3school.com.cn/xml/xml_
2020-06-01 23:14:02
668
原创 js MD5的6种实现方式
js MD5的6种实现方式js代码使用js代码/* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 2.1 Copyright (C) Paul Johnston 1999 - 2002. * Other contributors: Greg Holt, Andrew Kepert, Ydna
2020-06-01 22:25:20
32029
2
原创 Vue引入axios报错TypeError Cannot read property protocol of undefined
Vue引入axios报错错误信息错误的引入方式正确的引入方式错误信息Uncaught (in promise) TypeError: Cannot read property 'protocol' of undefined at isURLSameOrigin (isURLSameOrigin.js?3934:57) at dispatchXhrRequest (xhr.js?b50d:109) at new Promise (<anonymous>) at
2020-06-01 16:41:00
3469
1
原创 采用verdaccio搭建npm私服
采用verdaccio搭建npm私服条件安装verdaccio什么是verdaccio?查看verdaccio安装nrm什么是nrm呢？安装yarn（非必须）什么是yarnnrm添加源切换到私服下：如何启动verdaccio安装pm2守护进程工具启动pm2简述及常用命令简述命令条件首先确保已经安装node.js，并已配置npm。可以使用node -v 和 npm -v命令查看，正常返回版本号安装verdaccionpm install -g verdaccio如果出现权限问题可以使用sudo np
2020-05-31 22:00:17
721
原创 前端学习笔记之 3个使用场景助你用好 DOM 事件
3个使用场景助你用好 DOM 事件防抖节流场景思路代理初始实例问题所在补充防抖input的输入自动关键字匹配提示，通过监听每一次输入来出发 AJAX 请求，获取匹配数据，但是每一次的输入并不一定都要发起AJAX请求，此时，我们就需要通过使用 setTimeout() 函数来让函数延迟执行，达到添加防抖功能。普通写法// 代码1const ipt = document.querySelector('input')let timeout = nullipt.addEventListener('
2020-05-31 10:58:52
237
原创 前端学习笔记之如何高效操作DOM元素
如何高效操作DOM元素关于DOM常见的DOM操作场景DOM的组成DOM节点与标签和元素的区别浏览器的工作机制线程和进程的区别线程切换重新渲染浏览器渲染页面的过程如何高效操作 DOM扩展关于DOMDOM（Document Object Model，文档对象模型）是 JavaScript 操作 HTML 的接口。常见的DOM操作场景动态渲染列表、表格表单数据；监听点击、提交事件；懒加载一些脚本或样式文件；实现动态展开树组件，表单组件级联等这类复杂的操作。DOM的组成DOM 节点DOM
2020-05-31 08:36:30
577
原创 前端学习笔记之看不见的HTML标签
看不见的HTML标签交互实现meta标签：自动刷新/跳转title 标签与 Hack 手段：消息提醒性能优化script 标签：调整加载顺序提升渲染速度link 标签：通过预处理提升渲染速度搜索优化meta 标签：提取关键信息link 标签：减少重复此笔记主要从交互时间、性能优化、搜索优化场景出发，分别记录meta标签、title标签、link标签，以及script标签在这些场景中的重要作用。交互实现有些时候，我们为了实现某些效果，需要去写过多的代码，这会导致开发成本变高，代码健壮性差，且越来越难维护
2020-05-30 10:01:08
470
原创 访问链接提示“此网站无法提供安全连接”
我在腾讯云上安装并配置完jdk和tomcat，在控制台把该开放的端口也开放了出来，但是启动tomcat之后却总是访问不了tomcat首页，提示如下：此网站无法提供安全连接118.89.34.111 发送的响应无效。ERR_SSL_PROTOCOL_ERROR于是我参考了以下文档排查问题，但是仍然是OK的：腾讯云服务器tomcat端口无法访问Linux查看Tomcat端口搞到最后，发现...
2019-09-16 16:41:42
20792
1
原创 spring boot配置服务全局访问路径（服务名）
spring的配置：spring.application.name: article （spring boot下无效）spring boot的配置：server.servlet.context-path: /article
2019-09-15 22:23:00
7413
原创 关于spring后台Required String parameter ‘xx’ is not present异常
如果前端传入的是json数据那么后端使用@RequestBody HashMap<String, String> map进行接收，然后再通过map.get(“xx”)获取对应的数据如果前端传入的是正常表单数据，那么后端使用@RequestParam(“xx”) String id或者@RequestParam(value=“xx”, required = false) Str...
2019-09-15 22:06:52
1374
转载 maxEms和maxLength的区别以及maxEms不起作用的问题
文章出处maxEms和maxLength的区别：maxEms：表示字宽的单位。设置的android：maxEms=“10”，但是显示11个中文，但是想要多出的字之后、之前的显示省略号就得使用maxEms，并且必须与android：singleLine="true"使用。不与android：singleLine="true"使用时可自动换行。maxLength：指的是文本的长度，比如：英文、符...
2019-08-28 11:33:17
1935
原创 颜色值对应的透明度
开发中，我们常用的颜色值格式为xxoooooo，其中xx为透明度，oooooo为色值。那么xx对应的透明度值时多少了，请看下表。透明度16进制表示100%0095%0D90%1A85%2680%3375%4070 % 4D65 % 5960 % 6655 % 7350 % 80...
2019-08-09 16:21:43
2356
原创 Mac电脑Android Studio升级提示Android Studio does not have write
Android Studio 3.0.1 升级到3.4.1 时提示:Android Studio does not have write access to /Applications/Android Studio.app/Contents.解决办法：sudo chmod -R 775 /Applications/Android\ Studio.app/...
2019-05-30 10:19:55
1991
原创 获取控件相对屏幕的位置
/*** 获取控件宽高及相对屏幕位置* loc[0]相对屏幕x轴* loc[1]相对屏幕y轴* loc[2]控件原始宽度* loc[3]控件原始高度*/private fun getLocation(v: View): IntArray {val loc = IntArray(4)val location = IntArray(2)v.getLocationOnScreen(l...
2019-05-06 21:12:40
1779
原创 软件项目开发笔录
人员安排（产品、开发、测试）（前端、web、App）项目负责人：对于项目负责人安排，必须有丰富的后端开发经验，并有一定协调和沟通能力的人员进行担任；后端开发负责人：有丰富的后端开发经验的开发人员，能够搭建良好系统框架，能够进行数据库设计，并具备一定的数据库性能把控能力。前端开发负责人：能够独立搭建App项目框架的前端开发人员，对Android、iOS和web开发都应有一定的了解。比如，负责...
2018-12-25 12:51:08
506
原创 Idea上运行eclipse项目及打包
概述由于很多项目原来是使用eclipse开发的，并且是基于jdk1.7的，往往贸然升级会导致项目无法正常运行，因此如果要直接使用idea打开项目是无法正常编译的，这篇笔记主要就是说明如何将项目导入到idea，并能正常编译及打包。在此，以一个测试项目为例。导入前准备由于项目使用的框架比较老，依赖的是jdk1.7的环境，因此必须先要安装jdk1.7。下载地址：https://download.c...
2018-11-28 23:08:30
8367
5
原创 Android项目git上的忽略文件，默认的和自定义的。
默认的# Built application files*.apk*.ap_# Files for the Dalvik VM*.dex# Java class files*.class# Generated filesbin/gen/# Gradle files.gradle/build/# Local configuration file (sdk pat...
2018-11-16 17:10:12
290
原创 idea重新下载已删除的maven依赖包
由于依赖包更新，需要重新引入，但是删掉旧包之后重新构建却无法自动下载新包，即使是重启idea也不会自动下载。其实重新下载的方法很简单，右键项目->maven->Reimport即可。如下图：...
2018-10-31 11:33:36
23103
原创 常用高阶函数
Kotlin提供了不少高级语法特性。不过这些函数对于新手来说比较难于读懂，因为很多情况下，我们总会结合着lambda语法来使用。在Kotlin中的源码标准库(Standard.kt)中提供了一些Kotlin扩展的内置函数可以优化kotlin的编码。常用高阶函数：filter{}：过滤函数。takeWhile{}：按照顺序取数，遇到不符合要求的，就停止。let{}：调用某对象的let函数，...
2018-10-25 21:28:52
500
原创 kotlin集合过滤操作符
过滤操作符：drop()：从第一项开始去除前n个元素，并返回未剩余的元素列表。dropWhile{}：根据给定函数从第一项开始去掉指定元素，直到不满足条件为止的前面的元素，并返回剩余元素列表。dropLastWhile{}：根据给定函数从最后一项开始去掉指定元素，直到不满足条件为止的后面的元素，并返回剩余元素的列表。filter{}：过滤出所有符合给定函数条件的元素。filterNot...
2018-10-24 09:08:18
12229
1
android自定义日志类Log
2014-12-01
使用Gson解析Json数据
2014-10-21
图片压缩及添加水印
2014-04-28
实现对ListView的多选、长按和删除
2013-07-09
windows*64 android开发工具 ADT android-sdk eclipse jdk
2013-01-04
andorid 消息推送 demo
2012-11-26
android WebView中加载gif动画 GifView
2012-09-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人