朱治龙发布的文章 - 朱治龙个人博客

我的日常开发工具分享今天跟大家分享下我日常工作中常用的一些工具，或许可以帮到你提升日常的协作效率1.写作篇 ✏️1.1 EdiaryEdiary是我坚持使用最久的一款日常工作记录及知识沉淀的工具，作者也是一个很有情怀的人，从1999年发布第一个版本以来，一直维护到现在，官方链接1.2 语雀语雀是一个蚂蚁金服孵化出来的专业的云端知识库，类似wiki，目前已经覆盖了10 万阿里员工的使用，来进行文档编写及知识沉淀官方链接语雀我常用的两个方面思维导图：一个是语雀自带的思维导图，个人觉得UI体验很强（外表协会）日记编排：用语雀来保持记录每天在前端开发中遇到的问题及心得体会，方便复盘和回归，最重要的是排版体验高，支持编排，当你回顾你写的文章的时候，阅读体验高，像是在翻书一样1.3 ProcessOnProcessOn是一个在线协作绘图平台,为用户提供最强大、易用的作图工具。支持在线创作流程图、思维导图、组织结构图、网络拓扑图、BPMN、UML图、UI界面原型设计等我主要用ProcessOn来绘制交互图及流程图，支持在线实时编辑，不足的就是如果非付费用户则会限制绘制图的数量，下面是操作页面1.4 CarbonCarbon 用来创建美化版的代码片段，可筛选多种主题切换，然后生成你想要效果的代码片段图官方链接1.5 Mdnicemdnicde全名为Markdown Nice，支持给markdown添加“主题元素”，有点像换肤的感觉，支持多种主观，让你的文章仿佛披上了嫁衣，最重要的是支持微信公众号、知乎、还有掘金！官方链接1.6 TyporaTypora是一款轻便简洁的Markdown编辑器，支持即时渲染技术，这也是与其他Markdown编辑器最显著的区别，将写作与预览窗口相结合，为用户呈现所见即所得的编辑模式，支持Markdown的各种基础语法，支持快捷键操作。官方链接1.7 封面模版很多童鞋很好奇，我每次文章都会附上一张主题图，是不是自己P的，虽然我会用PS做些简单的P图，但是设计还是蛮琐碎和耗时的活，时间应该用在更宝贵的地方，这里介绍的就是我使用的模版在线编辑工具 - 凡科快图官方链接或者 canva 官方链接1.8 Shieldsshields.io 主要是用来可以生成在Markdown 文档中的徽章，我们经常在github的项目上看到这些徽章，来表述比如单元测试覆盖率、打包的大小、版本信息、认证信息等官方链接1.9 Gif截图有时候图片无法去表达我们想要阐述的内容，这个时候动态图就起了很重要的作用，可以更直观的描述整个过程，我个人常用的工具为ScreenToGif官方链接 ,是一款小巧、免费、开源且功能强大的工具，1.10 网页OR屏幕截屏文章素材需要网页截图？很长时间我要给当前网页截图，一般我们常用的桌面版IM工具(如QQ、微信、钉钉)都能使用快捷键很方便的实现截屏功能，但是面对滚动截图、截取后二次编辑等功能时，这些工具就有些捉襟见肘了，在此个人推荐使用FastStone Capture官方链接。2.效率篇 ⏰在日常开发中，效率工具的使用，往往可以给我减少很多不必要时间的浪费，通过工具赋能，帮助我们提高生产效能2.1 Iconfont 图标库Iconfont 是阿里打造的图片管理平台，涵盖海量图标库，可讲选择的图标导出字体文件。官方链接2.3 Postwoman 接口调试利器它不仅免费开源、轻量级、快速，而且还有美观的API调试工具，原名为Postwoman。能帮助我们节省时间，提升工作效率。官方链接2.4 CanIuse 兼容性查询can I use? 顾名思义：我能使用吗，能快速让我们查看浏览器对某个属性语法的兼容情况，场景应用当前在某个浏览器可以正常使用，可是换了另一个浏览器之后就不支持了，这个时候就得我们防患于未然，在对某个属性使用前，做好足够得调研，而不是等到上线才发现问题官方链接2.5 Prettier Playground 代码在线格式化应用场景：当我使用的电脑没有安装IDE,但是我又需要看别人写的代码，这个时候 Prettier Playground可以帮我将原本凌乱的代码改头换面，大大提高可读性官方链接左边为源代码，右边为格式化后的代码

2021年05月10日
118 阅读
0 评论
0 点赞

2021-05-09

学会尊重，从我做起！把“随便”改成“听你的”；把“我不会”改成“我可以学”；把“听明白了吗？”改成“我说明白了吗”沟通让人感到尊重的温柔！努力习惯温柔的沟通方式～～

2021年05月09日
51 阅读
0 评论
0 点赞

2021-05-09

观《新喜剧之王》有感趁这段时间没那么紧迫的工作节奏，在陪老婆和邵邵看完《哪吒重生》后意犹未尽，挑了几个家庭云盘中尘封已久的高清大片看看，看完《新喜剧之王》后，感觉剧中主角的精神特别适合现今浮躁的社会环境。芸芸众生，我们都是小人物，小人物的人生可以平凡，但是都有追梦的权利。而梦想和权利都值得尊重。平凡人在平凡的世界里辛苦奋斗，为的是追求一丁点“不平凡”的权利。让自己不放弃对更好生活的追求，又不让梦想把自己吞噬。我们就是靠着一点点坚持，在漫长的人生中，走过来的。只要你坚持做一件事，时间都会给你馈赠。也许不能获得多伟大的成就，但最终能让一个平凡的生命闪起微光来。鸡蛋，从外打破是食物，从内打破是生命。人生亦是，从外打破是压力，从内打破是成长。如果你等待别人从外打破你，那么你注定成为别人的食物；如果能让自己从内打破，那么你会发现自己的成长相当于一种重生。

2021年05月09日
38 阅读
0 评论
0 点赞

2020-12-14

CentOS中JDK及Tomcat安装记录本文仅作为日常工作中的部署记录，相关操作仅供参考一、安装JDK及配置安装JDK文件拷贝到/data/webapps/目录cp jdk-8u271-linux-x64.tar.gz /usr/local/jdk/进入目录cd /usr/local/jdk/解压到当前目录tar -zxvf jdk-8u271-linux-x64.tar.gz配置环境变量编辑/etc/profile文件sudo vi /etc/profile在文件底部追加如下环境变量设置信息JAVA_HOME=/usr/local/jdk/jdk1.8.0_271 PATH=$JAVA_HOME/bin:$PATH CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar export JAVA_HOME export PATH export CLASSPATH执行如下命令更新环境变量source /etc/profile验证是否生效[root@VM-0-17-centos jdk1.8.0_271]# java -version java version "1.8.0_271" Java(TM) SE Runtime Environment (build 1.8.0_271-b09) Java HotSpot(TM) 64-Bit Server VM (build 25.271-b09, mixed mode) [root@VM-0-17-centos jdk1.8.0_271]# 二、部署Tomcat创建Tomcat安装目录mkdir -p /wxdata/javaapps/拷贝文件到安装目录cp apache-tomcat-8.5.46.tar.gz /wxdata/javaapps/进入安装目录cd /wxdata/javaapps/解压安装文件tar -zxvf apache-tomcat-8.5.59.tar.gz 修改目录名为tomcat8-pmsdemomv apache-tomcat-8.5.59 tomcat8-pmsdemo

2020年12月14日
75 阅读
0 评论
0 点赞

2020-12-14

用户管理:新建用户并添加到sudoers 添加用户并重置密码[root@VM-0-17-centos software]# useradd microxiang [root@VM-0-17-centos software]# passwd microxiang Changing password for user microxiang. New password: Retype new password: passwd: all authentication tokens updated successfully.添加用户到sudoers修改/etc/sudoers文件权限进入超级用户，因为没有写权限，所以要先把写权限加上chmod u+w /etc/sudoers编辑/etc/sudoers文件vim /etc/sudoers找到这一行："root ALL=(ALL) ALL"在起下面添加"microxiang ALL=(ALL) ALL"(microxiang是用户名)，然后保存。## Allow root to run any commands anywhere root ALL=(ALL) ALL microxiang ALL=(ALL) ALL 注：如果不想每次都输入密码，可以修改后不需要每次都输入密码了。microxiang ALL=(ALL) NOPASSWD: ALL最后恢复没有写权限模式撤销文件的写权限chmod u-w /etc/sudoers完整操作过程如下：[root@VM-0-17-centos software]# useradd microxiang [root@VM-0-17-centos software]# passwd microxiang Changing password for user microxiang. New password: Retype new password: passwd: all authentication tokens updated successfully. [root@VM-0-17-centos software]# chmod u+w /etc/sudoers [root@VM-0-17-centos software]# vim /etc/sudoers [root@VM-0-17-centos software]# chmod u-w /etc/sudoers [root@VM-0-17-centos software]#

2020年12月14日
84 阅读
0 评论
0 点赞

2020-12-14

部署Web服务器（Tengine）并配置开机自启动 Tengine是由淘宝网发起的Web服务器项目。它在Nginx的基础上，针对大访问量网站的需求，添加了很多高级功能和特性。Tengine的性能和稳定性已经在大型的网站如淘宝网，天猫商城等得到了很好的检验。它的最终目标是打造一个高效、稳定、安全、易用的Web平台。一、安装创建安装目录mkdir -p /usr/local/nginx安装依赖sudo yum -y install zlib-devel pcre-devel openssl-devel从官网下载最新版本的Tenginewget http://tengine.taobao.org/download/tengine-2.3.2.tar.gz解压tar -zxvf tengine-2.3.2.tar.gz进入目录cd tengine-2.3.2安装初始化./configure --prefix=/usr/local/nginx --add-module=modules/ngx_http_upstream_check_module --add-module=modules/ngx_http_upstream_session_sticky_module编译、安装make && make install配置自启动增加自启动配置文件：sudo vi /lib/systemd/system/nginx.service输入如下内容并保存：[Unit] Description=The nginx HTTP and reverse proxy server After=syslog.target network.target remote-fs.target nss-lookup.target [Service] Type=forking PIDFile=/usr/local/nginx/logs/nginx.pid ExecStartPre=/usr/local/nginx/sbin/nginx -t ExecStart=/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf ExecReload=/bin/kill -s HUP $MAINPID ExecStop=/bin/kill -s QUIT $MAINPID PrivateTmp=true [Install] WantedBy=multi-user.target②.3 设为可执行sudo chmod 755 /lib/systemd/system/nginx.service②.4 设置开启自启动sudo systemctl enable nginx.service

2020年12月14日
319 阅读
0 评论
0 点赞

2020-12-08

2020年12月08日
34 阅读
0 评论
0 点赞

2020-07-04

JS小技巧数字转字符串/字符串转数字let num = 15 let s = num + '' // number to string let n = +s // string to number填充数组let filledArray = new Array(10).fill(null).map((item, idx)=> ({'name' : 'value' + idx})) // filledArray = [{"name":"value0"},{"name":"value1"}]对象的动态属性 let dynamic = "value" let user = { id: 1, [dynamic]: "other value" } // user = {id: 1, value: 'other value'}删除重复项let array = [100, 23, 23, 23, 23, 67, 45] let outputArray = Array.from(new Set(array)) //outputArray = [100, 23, 67, 45]数组转对象let arr = ["value1", "value2", "value3"] let arrObject = {...arr} // arrObject = {0: 'value1', 1: 'value2', 2: 'value3'}对象转数组 let n umber = { one: 1, two: 2, } let key = Object.keys(numbers) // key = [ 'one', 'two' ] let value = Object.values(numbers) // value = [ 1, 2 ] let entry = Object.entries(numbers) // entry = [['one' : 1], ['two' : 2]]使用 ^ 检查数字是否不相等let a = 1234 if(a^123) { console.log('not equal') } // 输出：not equal循环对象 const userObj = { shiyu: 32, zhuzl: 36 }; // 方法一 - 获取对象 keys 后循环 Object.keys(userObj).forEach(key => userObj[key]++) console.log(userObj) // { shiyu: 33, zhuzl: 37 } // 方法二：实用 for ..in 循环 for(let key in userObj){ userObj[key]++ } console.log(userObj) // { shiyu: 34, zhuzl: 38 }对象键按插入顺序存储 const obj = { name: "zhuzl", age: 36, address: "湖南省长沙市", profession: "前端开发工程师" } console.log(Object.keys(obj)) // name, age, address, profession

2020年07月04日
16 阅读
0 评论
0 点赞

2020-06-05

VPS常用测试脚本经常买VPS的人一般买来个新VPS都会跑一遍脚本，这里整理出来方便自己也方便看官。主要是测试vps的性能和网速：Bench.sh秋水逸冰大佬的写的Bench.sh脚本特点显示当前测试的各种系统信息；取自世界多处的知名数据中心的测试点，下载测试比较全面；支持 IPv6 下载测速；IO 测试三次，并显示平均值。使用wget -qO- bench.sh | bash # OR curl -Lso- bench.sh | bash # OR wget -qO- 86.re/bench.sh | bash 示例效果：SuperBench.sh老鬼大佬的SuperBench测试脚本特点改进了显示的模式，基本参数添加了颜色，方面区分与查找。I/O测试，更改了原来默认的测试的内容，采用小文件，中等文件，大文件，分别测试IO性能，然后取平均值。速度测试替换成了 Superspeed 里面的测试，第一个默认节点是，Speedtest 默认，其他分别测试到中国电信，联通，移动，各三个不同地区的速度。使用wget -qO- --no-check-certificate https://ghproxy.com/https://raw.githubusercontent.com/oooldking/script/master/superbench.sh | bash # OR curl -Lso- -no-check-certificate https://ghproxy.com/https://raw.githubusercontent.com/oooldking/script/master/superbench.sh | bashLemonBench.shLemonBench工具(别名LBench、柠檬Bench)，是一款针对Linux服务器设计的服务器性能测试工具。通过综合测试，可以快速评估服务器的综合性能，为使用者提供服务器硬件配置信息。特点服务器基础信息(CPU信息/内存信息/Swap信息/磁盘空间信息等)Speedtest网速测试 (本地到最近源及国内各地域不同线路的网速)磁盘测试(4K块/1M块直接写入测试)路由追踪测试(追踪到国内和海外不同线路的路由信息)Spoofer测试(获取详细网络信息，快速判断服务器接入线路)使用curl -fsL https://ilemonra.in/LemonBenchIntl | bash -s fast

2020年06月05日
14 阅读
0 评论
0 点赞

2020-03-25

浅谈vue中axios的封装在Vue项目中我们一般都会使用 axios 作为 Ajax 请求库。它是基于promise的http库，他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御cSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。在实际开发过程我们一般都会将常用的方法做一些封装以便于在项目中调用。工程添加axios依赖yarn add axios -S建立axios封装文件htttp.jsimport axios from 'axios'; import { Message } from 'element-ui'; axios.defaults.timeout = 5000; axios.defaults.baseURL =''; //http request 拦截器 axios.interceptors.request.use( config => { // const token = getCookie('名称');注意使用的时候需要引入cookie方法，推荐js-cookie config.data = JSON.stringify(config.data); config.headers = { 'Content-Type':'application/x-www-form-urlencoded' } // if(token){ // config.params = {'token':token} // } return config; }, error => { return Promise.reject(err); } ); //http response 拦截器 axios.interceptors.response.use( response => { if(response.data.errCode ==2){ router.push({ path:"/login", query:{redirect:router.currentRoute.fullPath}//从哪个页面跳转 }) } return response; }, error => { return Promise.reject(error) } ) /** * 封装get方法 * @param url * @param data * @returns {Promise} */ export function fetch(url,params={}){ return new Promise((resolve,reject) => { axios.get(url,{ params:params }) .then(response => { resolve(response.data); }) .catch(err => { reject(err) }) }) } /** * 封装post请求 * @param url * @param data * @returns {Promise} */ export function post(url,data = {}){ return new Promise((resolve,reject) => { axios.post(url,data) .then(response => { resolve(response.data); },err => { reject(err) }) }) } /** * 封装patch请求 * @param url * @param data * @returns {Promise} */ export function patch(url,data = {}){ return new Promise((resolve,reject) => { axios.patch(url,data) .then(response => { resolve(response.data); },err => { reject(err) }) }) } /** * 封装put请求 * @param url * @param data * @returns {Promise} */ export function put(url,data = {}){ return new Promise((resolve,reject) => { axios.put(url,data) .then(response => { resolve(response.data); },err => { reject(err) }) }) }在入口文件main.js中引入并注册为vue原型方法import axios from 'axios' import {post,fetch,patch,put} from './utils/http.js' //定义全局变量 Vue.prototype.$post=post; Vue.prototype.$fetch=fetch; Vue.prototype.$patch=patch; Vue.prototype.$put=put;在vue组件里直接使用mounted(){ this.$fetch('/api/v2/contents') .then((response) => { console.log(response) }) }, //其余的方法一样

2020年03月25日
168 阅读
0 评论
0 点赞

2020-02-25

总结移动端H5开发常用技巧 HTML 篇常用的meta属性设置meta对于移动端的一些特殊属性，可根据需要自行设置<meta name="screen-orientation" content="portrait"> //Android 禁止屏幕旋转 <meta name="full-screen" content="yes"> //全屏显示 <meta name="browsermode" content="application"> //UC应用模式，使用了application这种应用模式后，页面讲默认全屏，禁止长按菜单，禁止收拾，标准排版，以及强制图片显示。 <meta name="x5-orientation" content="portrait"> //QQ强制竖屏 <meta name="x5-fullscreen" content="true"> //QQ强制全屏 <meta name="x5-page-mode" content="app"> //QQ应用模式电话号码识别在 iOS Safari （其他浏览器和 Android 均不会）上会对那些看起来像是电话号码的数字处理为电话链接，比如：7 位数字，形如：1234567带括号及加号的数字，形如：(+86)123456789双连接线的数字，形如：00-00-0011111 位数字，形如：13800138000关闭识别<meta name="format-detection" content="telephone=no" />开启识别<a href="tel:123456">123456</a>邮箱识别（Android）安卓上会对符合邮箱格式的字符串进行识别，我们可以通过如下的 meta 来管别邮箱的自动识别：<meta content="email=no" name="format-detection" />同样地，我们也可以通过标签属性来开启长按邮箱地址弹出邮件发送的功能：<a mailto:dooyoe@gmail.com">dooyoe@gmail.com</a>CSS 篇0.5px细线移动端 H5 项目越来越多，设计师对于 UI 的要求也越来越高，比如 1px 的边框。在高清屏下，移动端的 1px 会很粗。那么为什么会产生这个问题呢？主要是跟一个东西有关，DPR(devicePixelRatio) 设备像素比，它是默认缩放为 100%的情况下，设备像素和 CSS 像素的比值。目前主流的屏幕 DPR=2（iPhone 8）,或者 3（iPhone 8 Plus）。拿 2 倍屏来说，设备的物理像素要实现 1 像素，而 DPR=2，所以 css 像素只能是 0.5。下面介绍最常用的方法/* 底边框 */ .b-border { position: relative; } .b-border:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #d9d9d9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } /* 上边框 */ .t-border { position: relative; } .t-border:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #d9d9d9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } /* 右边框 */ .r-border { position: relative; } .r-border:before { content: ''; position: absolute; right: 0; bottom: 0; width: 1px; height: 100%; background: #d9d9d9; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } /* 左边框 */ .l-border { position: relative; } .l-border:before { content: ''; position: absolute; left: 0; bottom: 0; width: 1px; height: 100%; background: #d9d9d9; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } /* 四条边 */ .setBorderAll { position: relative; &:after { content: ' '; position: absolute; top: 0; left: 0; width: 200%; height: 200%; transform: scale(0.5); transform-origin: left top; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 4px; } }屏蔽用户选择禁止用户选择页面中的文字或者图片div { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }清除输入框内阴影在 iOS 上，输入框默认有内部阴影,以这样关闭：div { -webkit-appearance: none; }如何禁止保存或拷贝图像代码如下img { -webkit-touch-callout: none; }输入框默认字体颜色设置 input 里面 placeholder 字体的颜色input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #c7c7c7; } input:-moz-placeholder, textarea:-moz-placeholder { color: #c7c7c7; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #c7c7c7; }用户设置字号放大或者缩小导致页面布局错误设置字体禁止缩放body { -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; }android系统中元素被点击时产生边框部分android系统点击一个链接，会出现一个边框或者半透明灰色遮罩, 不同生产商定义出来额效果不一样。去除代码如下a,button,input,textarea{ -webkit-tap-highlight-color: rgba(0,0,0,0) -webkit-user-modify:read-write-plaintext-only; }iOS 滑动不流畅ios 手机上下滑动页面会产生卡顿，手指离开页面，页面立即停止运动。整体表现就是滑动不流畅，没有滑动惯性。 iOS 5.0 以及之后的版本，滑动有定义有两个值 auto 和 touch，默认值为 auto。解决方案在滚动容器上增加滚动 touch 方法.wrapper { -webkit-overflow-scrolling: touch; }设置 overflow 设置外部 overflow 为 hidden,设置内容元素 overflow 为 auto。内部元素超出 body 即产生滚动，超出的部分 body 隐藏。body { overflow-y: hidden; } .wrapper { overflow-y: auto; }JS 篇移动端click屏幕产生200-300 ms的延迟响应移动设备上的web网页是有300ms延迟的，往往会造成按钮点击延迟甚至是点击失效。解决方案：fastclick可以解决在手机上点击事件的300ms延迟zepto的touch模块，tap事件也是为了解决在click的延迟问题触摸事件的响应顺序ontouchstartontouchmoveontouchendonclickaudio 和 video 在 ios 和 andriod 中自动播放这个不是bug，由于自动播放网页中的音频或视频，会给用户带来一些困扰或者不必要的流量消耗，所以苹果系统和安卓系统通常都会禁止自动播放和使用 JS 的触发播放，必须由用户来触发才可以播放。加入自动触发播放的代码$('html').one('touchstart', function() { audio.play() })iOS 上拉边界下拉出现空白手指按住屏幕下拉，屏幕顶部会多出一块白色区域。手指按住屏幕上拉，底部多出一块白色区域。在 iOS 中，手指按住屏幕上下拖动，会触发 touchmove 事件。这个事件触发的对象是整个 webview 容器，容器自然会被拖动，剩下的部分会成空白。解决方案document.body.addEventListener( 'touchmove', function(e) { if (e._isScroller) return // 阻止默认事件 e.preventDefault() }, { passive: false } )ios 日期转换 NAN 的问题将日期字符串的格式符号替换成'/''yyyy-MM-dd'.replace(/-/g, '/')软键盘问题IOS 键盘弹起挡住原来的视图可以通过监听移动端软键盘弹起 Element.scrollIntoViewIfNeeded（Boolean）方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。如果该元素已经在浏览器窗口的可见区域内，则不会发生滚动。true，则元素将在其所在滚动区的可视区域中居中对齐。false，则元素将与其所在滚动区的可视区域最近的边缘对齐。根据可见区域最靠近元素的哪个边缘，元素的顶部将与可见区域的顶部边缘对准，或者元素的底部边缘将与可见区域的底部边缘对准。window.addEventListener('resize', function() { if ( document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA' ) { window.setTimeout(function() { if ('scrollIntoView' in document.activeElement) { document.activeElement.scrollIntoView(false) } else { document.activeElement.scrollIntoViewIfNeeded(false) } }, 0) } })onkeyUp 和 onKeydown 兼容性问题IOS 中 input 键盘事件 keyup、keydown、等支持不是很好, 用 input 监听键盘 keyup 事件，在安卓手机浏览器中没有问题，但是在 ios 手机浏览器中用输入法输入之后，并未立刻相应 keyup 事件IOS12 输入框难以点击获取焦点，弹不出软键盘定位找到问题是 fastclick.js 对 IOS12 的兼容性，可在 fastclick.js 源码或者 main.js 做以下修改FastClick.prototype.focus = function(targetElement) { var length if ( deviceIsIOS && targetElement.setSelectionRange && targetElement.type.indexOf('date') !== 0 && targetElement.type !== 'time' && targetElement.type !== 'month' ) { length = targetElement.value.length targetElement.setSelectionRange(length, length) targetElement.focus() } else { targetElement.focus() } }IOS 键盘收起时页面没用回落，底部会留白通过监听键盘回落时间滚动到原来的位置window.addEventListener('focusout', function() { window.scrollTo(0, 0) }) //input输入框弹起软键盘的解决方案。 var bfscrolltop = document.body.scrollTop $('input') .focus(function() { document.body.scrollTop = document.body.scrollHeight //console.log(document.body.scrollTop); }) .blur(function() { document.body.scrollTop = bfscrolltop //console.log(document.body.scrollTop); })IOS 下 fixed 失效的原因软键盘唤起后，页面的 fixed 元素将失效，变成了 absolute，所以当页面超过一屏且滚动时，失效的 fixed 元素就会跟随滚动了。不仅限于 type=text 的输入框，凡是软键盘（比如时间日期选择、select 选择等等）被唤起，都会遇到同样地问题。解决方法: 不让页面滚动，而是让主体部分自己滚动,主体部分高度设为 100%，overflow:scroll<body> <div class='warper'> <div class='main'></div> <div> <div class="fix-bottom"></div> </body>.warper { position: absolute; width: 100%; left: 0; right: 0; top: 0; bottom: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; /* 解决ios滑动不流畅问题 */ } .fix-bottom { position: fixed; bottom: 0; width: 100%; }作者：lzg9527链接：https://juejin.im/post/5e4a0162f265da57133b2005来源：掘金

2020年02月25日
87 阅读
0 评论
0 点赞

2019-12-31

2019年年终工作总结本文来自公司的年终总结模板，类似公司年度 KPI 考核的一部分1、2019年你主要进行的10件工作？2019年的大部分时间参与了如下3个项目，3个项目中耗时比较长的事项整理如下：ZCMS3.x产品开发规范相关接口并输出swagger文档nginxsync插件功能实现政务版嘉宾访谈插件开发易错词导入导出功能内容编辑页面完善：整合多维度及同时发布到功能、完善易错词及敏感词校验机制；调整界面布局产品前端权限过滤处理及二次开发权限控制机制完善专题功能完善：专题加锁、关联区块选择动态数据、整合调查投票、专题模板批量导入导出功能等二次开发：整理产品二次开发文档、素材并录制视频内容扩展模型功能完善：优化管理界面及交互；增加布局选项并优化显示效果产品发版，常规bug修复及日常项目反馈问题响应广汽丰田项目二次开发培训调研单点登录及素材库一期需求及部分开发工作调研丰云行APP内容对接需求龙湖项目界面OEM：整体调整成龙湖蓝色主色调整理模板制作培训及采编人员培训ppt及模板示例站点模板制作培训及技术指导扩展模型增加百度地图组件整合阿里云OSS，改造前端上传逻辑部署测试及UAT环境整理文档：《服务器环境部署文档》、《公众号接入说明》、《模板制作流程》、《项目详细设计说明书》指导客户建站流程及制作模板U享家站点内容预览、浏览功能实现2、2019年你有哪些成长和进步？对微服务开发模式有所了解，对高并发高可用的应用开发及部署场景有了更多的了解。2019年开发技能层面的提升感觉不多，但是经过多个项目的需求调研及实际开发工作，客户需求理解及转化为技术实现的能力有所提升。3、2019年自我评价2019年是忙碌而充实的一年，经过ZCMS开发小组一年的完善及项目实践，产品已逐步趋于稳定。这一年参与项目的过程中感觉自己考虑问题还是有些太技术化了，面对客户的各种奇葩需求，首先是带着抵触心理，在这种心理的作用下，也就错失了产品进一步完善的机会，在以后的工作中应该多跟商务人员学习跟客户的沟通技巧。4、2020年希望在工作上有什么成长和进步个人技能及职业发展方向定位一直都不清晰，感觉逐步步入了中年IT从业人员的迷茫阶段，出于个人年龄及家庭环境因素，接下来的两年时间想结合多年编程从业经验逐步转型儿童编程教育领域。计划2020年学习一些编程逻辑教学的课程，报一些软考，考java、python、软件设计师或架构师相关的证书。5、为公司或部门的发展，提出意见和建议建议提高公司出差补贴，公司现阶段的出差补贴标准不及6年前待过的产品实施型公司的一半，但是出差的强度却大很多，导致大多数同事都不愿意出差。完善产品相关文档及培训体系（二次开发培训、采编人员培训、模板制作人员培训、管理员培训等）丰富产品演示站，可考虑投入些人力完善政务演示站、集团演示站、新闻演示站、高校演示站。可以考虑把ZAS在公司内部运用起来，把日常使用比较多的几个业务系统，如ZRDM、PMS、gitlab整合到单点登录系统。

2019年12月31日
1 阅读
0 评论
0 点赞

2019-06-10

ZCMS二次开发讲解——话术准备 2019-06-20更新：相关视频内容已更新到ZCMS产品官网，可通过如下链接查看： https://www.zving.com/c/2019-06-20/285820.shtml 第一幕：引导语大家好，我是泽元软件长沙子公司的朱治龙，今天由我来给大家讲解ZCMS3.x二次开发。本次分享主要根据这个脑图上的一些知识点结合二次开发手册进行讲解。由于ZCMS3.x采用的是前后端分离的技术架构，本次分享的内容大纲主要分为前端和后端两大块。由于我们本次学习的重点是ZCMS二次开发，二次开发涉及一些前置知识需要大家利用其它的时间进行学习，涉及的主要前置知识包括：熟悉 Eclipse 的使用、Maven 多模块开发、SpringBoot、ZCF前端采用的主要是Vue生态相关的热门技术，包括：ES6、Node、Webpack、Vue全家桶、element-ui 等现在根据二次开发文档的步骤讲解下二次开发原理及流程。首先给大家对ZCMS3做一些简单介绍。ZCMS3.X是一个功能强大的使用J2EE技术开发的站群管理系统，后端基于Springboot+ZCF+Maven多模块开发，前端使用Vue全家桶+ElementUI等主流前端技术。第二幕：基本介绍可以通过Eclipse的插件 ZDeveloper 进行二次开发支持，通过 ZDeveloper 可以很方面的扩展ZCMS的接口、菜单、权限、定时任务、模板标签等，并允许通过系统预留的扩展点及扩展项扩展系统内容采编发、权限、工作流在内的各种行为。还提供了非常方便的数据库模型设计工具概述及技术架构现在我们打开二次开发手册，首先阅读一下ZCMS二次开发概述的内容。其中需要重点关注的点我已做了加粗标记。从加粗的几个词我们可以了解到，使用的是前后端分离的技术架构，前端使用Vue,后端基于Springboot 和ZCF,开发工具建议使用Eclipse或SpringToolSuite。推荐使用SpringToolSuite.后端主要采用Maven多模块开发模式，使用ZDeveloper插件进行二次开发。下面我们了解一下ZCMS的技术架构：从这张技术架构图中我们可以了解到前端使用的是Vue、ElementUI、Webpack、axios相关的前端技术后端使用SpringBoot来简化Java应用的初始搭建以及开发过程,使用Restful接口规范给前端提供API接口，使用SpringBoot中集成的SpringMVC来响应前端的接口请求。通过ZCP集成了组织机构、角色、用户、配置项等系统管理相关的基础功能。基于Contentcore模块提供内容管理相关的核心功能，在整个生命周期中有ZCF框架提供定时任务、事务、日志、安全监控及扩展服务、扩展项、扩展点、扩展行为等功能，使用基于ZCF的ORM模块实现数据持久层的管理。下面我们里哦啊接一下ZCF的响应流程，也就是前后端交互的流程：首先从前端页面发起一个异步请求，后端在Controller层由SpringMVC接收到请求并根据具体URL匹配规则定位到具体的Controller类中对应的方法，在方法中执行相应的后端业务逻辑处理，处理结束后返回到Controller层，由Controller层已json格式的方式将内容返回给前端，前端根据返回的数据渲染界面。第三幕：后端二次开发流程演示下面我们根据二次开发手册讲解开发环境搭建流程。首先讲解后端开发环境搭建，2.1中所提及的基础软件安装就不着重讲了，下面我们讲解ZDeveloper插件的安装，目前最新的ZDeveloper插件的版本号是3.0.7，我们将这个插件拷贝到Eclipse的Dropins或Plugins目录。我本地使用的是SpringToolSuite 4，后面我们简称为STS,这是一个为开发spring应用定制的eclipse，我们打开STS所在的目录，将文件拷贝到到对应的目录里，启动STS。为了贴近真实开发流程场景，我们新建一个新的工作区，前端开发环境前后端分离的开发模式下，后端服务只通过接口给前端界面提供服务，所以我们需要通过UI界面查看显示效果的话，还需要把前端工程也运行起来。现在我们根据前端开发环境的文档把前端工程也跑起来。下面我将以上次广汽丰田项目二次开发培训用到的示例就二次开发涉及的知识点给大家做一个简单的讲解。示例效果演示首先我们看一下这次要讲解的示例效果这个示例效果是上次为广汽丰田项目做二次开发培训准备的，主要是实现了在配置菜单下添加了一个车型管理的子菜单，在该子菜单下主要是仿造广汽丰田官网中的品牌车型栏目内容管理功能，并提供了仿照该页面的预览视图，下面我们演示一下相关的增删改查功能。单击新建按钮，在打开的“新建车型”对话框中填写相应的车型信息，选择响应的LOGO图及车型图，单击保存按钮接口规范下面我们开始讲解相关的二次开发功能实现，首先回到二次开发手册，找到2.9开发说明，开发说明中其他点大家自己看一下，我这里主要说明下第四小点，该小点主要说明的是在ZCMS中有3类业务接口，分别是数据API服务接口、后端应用服务接口、网站前端服务接口，这3类接口分别用于跟其他应用对接的API接口，为client工程提供服务的ui接口，为网站应用提供服务的front接口，3种接口在包名、类名及接口路径上都有相应的约定：名称包名类名接口路径数据API服务接口apiXxxAPI/api/xxx后端应用服务接口uiXxxUI/ui/xxx后端应用服务接口frontXxxFront/front/xxx这在我们的工程里主要体现是这样的形式：相应的模块分别放在api、front、ui包下面，里面的java类分别以API、Front、UI结尾，java类中的接口路径分别以/api/、/front/、/ui/开头

2019年06月10日
59 阅读
0 评论
0 点赞

2019-04-13

git部分高级用法 Rebase 合并该命令可以让和 merge 命令得到的结果基本是一致的。通常使用 merge 操作将分支上的代码合并到 master 中，分支样子如下所示:使用 rebase 后，会将 develop 上的 commit 按顺序移到 master 的第三个 commit 后面，分支样子如下所示:rebase 对比 merge，优势在于合并后的结果很清晰，只有一条线，劣势在于如果一旦出现冲突，解决冲突很麻烦，可能要解决多个冲突，但是 merge 出现冲突只需要解决一次。使用 rebase 应该在需要被 rebase 的分支上操作，并且该分支是本地分支。如果 develop 分支需要 rebase 到 master 上去，那么应该如下操作## branch develop git rebase master git checkout master ## 用于将 `master` 上的 HEAD 移动到最新的 commit git merge developstashstash 用于临时保存工作目录的改动。开发中可能会遇到代码写一半需要切分支打包的问题，如果这时候你不想 commit 的话，就可以使用该命令。git stash使用该命令可以暂存你的工作目录，后面想恢复工作目录，只需要使用git stash pop这样你之前临时保存的代码又回来了reflogreflog 可以看到 HEAD 的移动记录，假如之前误删了一个分支，可以通过 git reflog 看到移动 HEAD 的哈希值从图中可以看出，HEAD 的最后一次移动行为是 merge 后，接下来分支 new 就被删除了，那么我们可以通过以下命令找回 new 分支git checkout 37d9aca git checkout -b newPS：reflog 记录是有时效性的，只会保存一段时间内的记录。reset如果你想删除刚写的 commit，就可以通过以下命令实现git reset --hard HEAD^但是 reset 的本质并不是删除了 commit，而是重新设置了 HEAD 和它指向的 branch。

2019年04月13日
132 阅读
0 评论
0 点赞

2019-02-13

2018年年终总结本文来自公司的年终总结模板，类似公司年度 KPI 考核的一部分列举过去一年你主要的10件工作ZCMS3.0:自定义表单无障碍浏览：提供项目技术支持服务：北京法网、辽宁海事局项目有使用；增加快捷键输出加密版权信息；改进功能及修复XSS安全问题响应式专题：改造专题、专题模板新建及管理流程；改进专题组件(分享组件、新浪微博、地图组件)；结合前后端分离逻辑调整专题资源文件；专题删除、移动、恢复相关后端逻辑完善完善首页、系统检测、更新license、nginxsync等页面功能一键转载功能增强：使用postMessage方式改造数据交互机制；新增记住选择栏目及下载远程图片选项微信公众号中管理稿件ZCMS3.0微信小程序:根据3.0相关接口规范调整页面；界面改造；调整小程序相关配置项到站点扩展配置中融媒体功能整合及界面布局调整海关项目前端文档整理：基于element-ui 的文档工程制作；添加项目定制说明信息及新增的组件内容北外国际微信小程序实现小程序的粒子动效及性能优化北汽绅宝朗读者小程序项目参与前期功能调研小程序前端布局及动效无限极资讯小程序项目项目管理根据需求梳理相关接口规范整理相关交付文档教考融合平台前期前端工程搭建eVideoVplayer播放器改造项目前端问题技术支持交通年鉴项目启动过程增加loading效果增加收集客户端启动信息发送到指定邮箱功能增加客户端安全软件检测机制个人成长和遇到的问题个人成长微信小程序开发：通过北外国际微信小程序、北汽绅宝朗读者小程序、无限极资讯小程序3个项目的实战经验，对微信小程序相关开发、发布流程有了整体的了解。文档类网站：通过海关项目对使用VuePress或基于Node静态化项目文档机制有所实战经验。electronNW.js客户端开发及打包：通过教考融合平台项目的eVideoPlayer离线播放器、交通年鉴项目及ZECM项目，对基于electron、NW.js开发客户端及打包发布有基本了解。视频录制及后期处理：通过录制自定义表单功能演示及ZCMS响应式专题功能演示视频，掌握相关软件的使用。遇到的问题加入泽元2年多了，回顾这两年多的经历，感觉下面这张邓宁-克鲁格心理效应图很能应景这两年自己的成长历程。到泽元前接触过各种不同规模的门户建设项目，总感觉自己很牛逼了。现在回顾那段经历，发现其实那样的经验相对比较单一，只是基于不同的CMS建站：技能上也只是局限于切片、做模板、迁移数据以及做一些需求定制开发。前端技能层面也仅局限于写些简单的js及处理一些浏览器兼容性的问题。到泽元后，发现老板们都是走在前沿的技术大牛，身边的同事也各有所长，才意识到自己技术基础的巨大差距，感觉技术实力上跌入了绝望之谷。还好有领导及同事们的正确引导，让自己也平缓过度到现在的艰难爬坡阶段。希望接下来的2019年能在业余时间多学习，努力成长为自己想要的样子。2019年希望的成长和进步阅读开源框架源码(layui、jquery1.12.4、zeptojs)阅读清单：《深入理解计算机系统》、《SVG精髓》、《javascript权威指南》、《ElasticSearch源码解析及优化指南》、《Node.js实战：使用Egg.js+Vue.js+Docker构建渐进式、可持续集成与交付应用》掌握python开发网站及数据爬取学习数学对公司的意见和建议可以定期组织员工体检。去年一个前公司的看起来很健康壮实的同事突发脑溢血，住了1周的ICU后没能抢救过来，这样的事故对公司和员工都是不可控的风险和不可挽回的损失。优化项目问题反馈流程，可以考虑尽量安排测试工程师及实施工程师优先响应项目反馈的问题。

2019年02月13日
70 阅读
0 评论
1 点赞

2019-01-13

ZCMS专题剥离及改造方案背景说明自ZCMS 3.x版本推出专题编辑器以来，该功能已成功吸引了众多新闻媒体单位的目光。众所周知，许多媒体单位都拥有自己的内容管理系统（CMS）。在与我们的潜在客户进行深入交流时，我们了解到一个普遍的需求：他们希望利用ZCMS强大的专题编辑器功能，同时保持内容来源的独立性，即专题展示的内容依然由他们自己的CMS提供。针对这一特定的使用场景，设计了这套初步的改造方案，它巧妙地融合了ZCMS专题编辑器的先进功能，旨在满足客户的需求，实现系统间的无缝对接。剥离后的专题编辑器功能清单简易版CMS专题模板管理（新建、编辑、删除、设为共享、取消共享、预览、模板分类）专题管理（新建、编辑、删除、预览、发布）增加组件：FAQ、时间轴、Tab标签、评论部件、自定义表单部件等统计信息：专题浏览数据（PV、UV等）动态数据：分栏部件、轮播图部件改造说明尽量改造成可独立运营的产品专题不再基于内容类型，定位于栏目层级，一个专题对应一个栏目，专题下可设置子栏目（子栏目层级仅为1级）一个专题(模板)对应多个ResponsivePage，至少包含首页、列表页、内容页专题静态化说明：一个专题相关的静态化页面及资源文件统一发布到一个目录简化权限：新建专题、可访问、可操作（编辑、发布、删除、内容管理）、查看统计数据内容管理层面可通过接口跟其他CMS进行对接、或通过数据采集方式爬取其他站点的数据轮播图组件的动态数据也跟分栏部件的动态数据配置方式保持一致实现方案专题剥离现有专题涉及的插件有：pageweaver、framework、platform、contentcore、comment、imageplayer、stat、staticize、article、media。内容核心（站点、栏目、文章等）相关的功能可整合成简易CMS。菜单：专题(专题概览、内容管理、数据分析、域名设置、操作日志)、模板(模板管理、模板分类、模板)、互动(评论管理、自定义表单、调查投票)、设置(系统信息、组织机构、角色管理、用户管理、配置项管理、定时任务、系统日志)界面布局：参考云凤蝶专题改造基本流程1.扩展ZCSpecial表，用于存储专题和专题模板数据，增加pages字段存储ZCResponsivePage的关联关系，数据为json内容，内容格式如下：[{ fileName: 'home' // 文件名 fileType: 'index', // 类型，值为index|list|detail label:'首页', // 名称 pageID: 23444321 // 关联页面ID },{ fileName: 'list' fileType: 'list', label:'列表页', pageID: 10301 },{ fileName: 'detail' fileType: 'detail', label:'内容页', pageID: 10302 }]专题的动态数据配置界面增加层级配置项，值为Child、Root、Current、CurrentAndChild，用于列表页取当前栏目的数据。专题编辑器中无数据的情况下使用mock数据，在编辑器中内置部分栏目、内容mock数据。增加分页条组件，可基于kkpager实现，可配置几种风格，分页组件仅用于专题列表页。栏目页数据分页是否有必要做静态化待沟通。简化ZCResponsivePage表跟CMS整合通过 SSO 整合身份认证专题系统提供新建专题入口URL、专题模板管理URL专题系统提供专题管理接口：专题列表(ID、名称、创建时间、创建者、封面图、状态、专题发布后的URL)、删除、发布、排序相关数据表内容核心：ZCSite、ZCCatalog、ZCContent、ZCResources专题：ZCSpecial、ZCSpecialBlock、ZCResponsivePage、ZCPageSnapshot、ZCPageWidgetLibrary、、ZCSubjectType、ZCPageDynamicConfig评论：ZCComment、ZCCommentStatistics、ZCFaceVote、ZCFaceVoteIP、ZCFace自定义表单：ZCCustomFormType、ZCCustomFormModel、ZCCustomFormData调查：ZCVote、ZCVoteSubject、ZCVoteItem、ZCVoteLog访问统计：ZCStatItem、ZCVisitLogTODO操作手册资源同步到CDN资源分发到其他服务器

2019年01月13日
22 阅读
0 评论
0 点赞

2018-08-01

raml mock工具测评调研工具raml-mockup开源地址：https://github.com/gextech/raml-mockup该项目实现层面是基于express、json-schema-faker、raml-1-parser,faker做了些封装提供mock服务，返回结果不是很严谨，可能不怎么适合项目二次开发基于 raml-1-parser解析raml，支持版本：0.8、1.0基本使用npm install -g raml-mockup $ raml-mockup src/api.raml -d src/schemas -f http://json-schema.org -r src/formats.js -p 5000 -wraml-mocker开源站点：https://github.com/repocho/raml-mocker模拟数据及解析基于faker,raml-parser实现raml支持版本：0.8，用肝炎app的raml文档(raml版本为1.0)提示版本不正确看提供的示例代码是可以跟express结合使用osprey-mock-service开源地址：https://github.com/mulesoft-labs/osprey-mock-service基于 raml-1-parser解析用肝炎app的raml文档测试报错，控制台提示UnhandledPromiseRejectionWarning: Unhandled promise rejection.,raml-1-parser解析的时候将文档鉴定为无效的raml文档。结论这3款工具都不能满足现有项目简单的提供mock数据的支持。建议可以在rap2的基础上增加导入raml文件的功能，导入时可以考虑使用raml2html解析用到的raml2obj类做解析rap2基本情况：阿里妈妈前端团队基于node开发，很好的集成了 mockjs，能生成更符合国情的mock数据，类似apizza,可以较方便的在线管理接口。官网及线上示例：http://rap2.taobao.org/github地址：https://github.com/thx/rap2-delos

2018年08月01日
13 阅读
0 评论
0 点赞

2018-04-29

2018年04月29日
149 阅读
0 评论
0 点赞

2017-12-02

向客户解释为什么PC端网页要提供宽为 960或1200的设计稿一个网页的尺寸和浏览器及显示器的尺寸大为相关，我们不可能满足所有用户的显示器尺寸，我们能做的是让绝大多数用户在访问网站时没有横向滚动条。需要统计客户的显示器分辨率，以百度近六个月的浏览器统计数据为例：1920x1080 44.5% 1366x768 10.19% 1440x900 8.27% 1536x864 7.22% 1600x900 6.43% 1280x720 4.31% 1024x768 3.27% 其他 15.81%从统计来看-要让绝大多数（约99%）的PC用户浏览网站没有横向滚动条，网页宽在1024以下，可以是960像素，960是2、3、4、5、6的公约数，980是2、4、5、6、7的公约数。-要页面美观大气，兼顾大部分（约80%）PC用户浏览网站没有横向滚动条，网页宽在1366以下为佳，可以是1170/1200/1260像素。1170是2、3、5、6的公约数。1200是2、3、4、5、6的公约数。1260是2、3、4、5、6、7的公约数。建议在不做响应式设计的情况下，提供宽1200分辨率的设计稿，并以像素为单位标注尺寸在做响应式设计的情况下，分别提供宽360（手机）、宽750（平板）、宽960（横向平板或窄屏PC）、宽1200（PC），四种尺寸下的设计稿。并以像素为单位标注尺寸以上宽指的是页面主体内容宽，在PS里设计时画布要更宽一些用于示意两侧留白效果 360/400 750/800 960/1260 1200/1600 1800/2400

2017年12月02日
46 阅读
0 评论
0 点赞

2017-11-08

Linux运维常用命令查看某文件夹下所有的文件数量：# command 1 : find -type f -o -type s -o -type p -o -type d |wc -l # command 2 : ls -al|grep '^-'|wc -l # command 3 : find -type f |wc -l删除0字节文件find -type f -size 0 -exec rm -rf {} \; 查看进程# 按内存从大到小排列 ps -e -o "%C : %p : %z : %a"|sort -k5 -nr # 按cpu利用率从大到小排列 ps -e -o "%C : %p : %z : %a"|sort -nr打印说cache里的URLgrep -r -a jpg /data/cache/* | strings | grep "http:" | awk -F'http:' '{print "http:"$2;}' 查看http的并发请求数及其TCP连接状态：netstat -n | awk '/^tcp/ {++S[$NF]} END {for(a in S) print a, S[a]}'快速替换# sed在这个文里Root的一行，匹配Root一行，将no替换成yes. sed -i '/Root/s/no/yes/' /etc/ssh/sshd_config 如何杀掉mysql进程：# commond 1 ps aux |grep mysql |grep -v grep |awk '{print $2}' |xargs kill -9 # commond 2 killall -TERM mysqld # commond 3 通过pid文件查杀进程PID kill -9 `cat /usr/local/apache2/logs/httpd.pid` 显示运行3级别开启的服务:ls /etc/rc3.d/S* |cut -c 15- 如何在编写SHELL显示多个信息，用EOFcat << EOF +--------------------------------------------------------------+ | === Welcome to Tunoff services === | +--------------------------------------------------------------+ EOFfor 的巧用(如给mysql建软链接)cd /usr/local/mysql/bin for i in * do ln /usr/local/mysql/bin/$i /usr/bin/$i done取IP地址：# commond 1 ifconfig eth0 |grep "inet addr:" |awk '{print $2}'|cut -c 6- # commond 2 ifconfig | grep 'inet addr:'| grep -v '127.0.0.1' | cut -d: -f2 | awk '{ print $1}'内存的大小:free -m |grep "Mem" | awk '{print $2}' 查看Apache的并发请求数及其TCP连接状态：netstat -n | awk '/^tcp/ {++S[$NF]} END {for(a in S) print a, S[a]}' 因为同事要统计一下服务器下面所有的jpg的文件的大小,写了个shell给他来统计.原来用xargs实现,但他一次处理一部分,搞的有多个总和....,下面的命令就能解决啦.find / -name *.jpg -exec wc -c {} \;|awk '{print $1}'|awk '{a+=$1}END{print a}' CPU的数量cat /proc/cpuinfo |grep -c processorCPU负载 cat /proc/loadavg检查前三个输出值是否超过了系统逻辑CPU的4倍。查看CPU负载# 检查%idle是否过低(比如小于5%) mpstat 1 1 内存空间free # 检查free值是否过低也可以用 # cat /proc/meminfo swap空间# 检查swap used值是否过高 free # 如果swap used值过高，进一步检查swap动作是否频繁： vmstat 1 5 # 观察si和so值是否较大磁盘空间df -h # 检查是否有分区使用率(Use%)过高(比如超过90%) 如发现某个分区空间接近用尽，可以进入该分区的挂载点，用以下命令找出占用空间最多的文件或目录： du -cks * | sort -rn | head -n 10 磁盘I/O负载iostat -x 1 2 # 检查I/O使用率(%util)是否超过100% 网络负载sar -n DEV # 检查网络流量(rxbyt/s, txbyt/s)是否过高网络传输情况netstat -i # 检查是否有网络错误(drop fifo colls carrier) 也可以用命令： cat /proc/net/dev网络连接数目netstat -an | grep -E "^(tcp)" | cut -c 68- | sort | uniq -c | sort -n查看端口占用sudo netstat -tunlp | grep 8401 # OR sudo lsof -i:8401 进程总数# 检查进程个数是否正常 (比如超过250) ps aux | wc -l进程# 观察是否有异常进程出现 top -id 1 用户who | wc -l # 检查登录用户是否过多 (比如超过50个) 也可以用命令：# uptime系统日志 cat /var/log/rflogview/*errors # 检查是否有异常错误记录也可以搜寻一些异常关键字，例如： grep -i error /var/log/messages grep -i fail /var/log/messages 核心日志# 检查是否有异常错误记录 dmesg系统时间date 打开文件数目lsof | wc -l 日志# 需安装logwatch logwatch –print # 配置/etc/log.d/logwatch.conf，将 Mailto 设置为自己的email 地址，启动mail服务 (sendmail或者postfix)，这样就可以每天收到日志报告了。 # 缺省logwatch只报告昨天的日志，可以用# logwatch –print –range all 获得所有的日志分析结果。 # 可以用# logwatch –print –detail high 获得更具体的日志分析结果(而不仅仅是出错日志)。杀掉80端口相关的进程lsof -i :80|grep -v "PID"|awk '{print "kill -9",$2}'|sh清除僵死进程。ps -eal | awk '{ if ($2 == "Z") {print $4}}' | kill -9tcpdump 抓包，用来防止80端口被人攻击时可以分析数据tcpdump -c 10000 -i eth0 -n dst port 80 > /root/pkts查看有多少个活动的php-cgi进程netstat -anp | grep php-cgi | grep ^tcp | wc -l chkconfig --list | awk '{if ($5=="3:on") print $1}' 在某个路径下查文件# 在/etc下查找“*.log”的文件 find /www/wwwlogs/ -name "*.log"列出某个路径下所有文件，包括子目录。find /etc -name "*"在某个路径下查找所有包含“hello abcserver”字符串的文件。find /etc -name "*" | xargs grep "hello zhuzl" # 或者 find /etc -name "*" | xargs grep "hello zhuzl" > ./zhuzltest.txt 拷贝远程文件# 拷贝远程（192.168.1.3）的/home2/backup/ 到本地的 /home/mover00/shadow_bak/sites/ scp -P 4400 -r root@192.168.1.3:/home2/backup/ /home/mover00/shadow_bak/sites/ # 拷贝本地的/home2/backup/ 到远程（192.168.1.3）的 /home/mover00/shadow_bak/sites/ scp -P 4400 -r /home2/backup/ root@192.168.1.3:/home/mover00/shadow_bak/sites/ # 格式如下： scp [-1246BCpqrv] [-c cipher] [-F ssh_config] [-i identity_file] [-l limit] [-o ssh_option] [-P port] [-S program] [[user@]host1:]file1 [...] [[user@]host2:]file2如何知道哪个应用锁定了文件lsof <文件全路径>

2017年11月08日
25 阅读
0 评论
0 点赞