自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

宠辱不惊,看庭前花开花落;去留无意,望天上云卷云舒

代码千万行,注释第一行。代码不规范,同事两行泪。

原创 让网页变灰

每次全国哀悼日,各大网站首页都变成了灰色,添加以下全局CSS样式,可以实现此效果: 本篇文章来自:http://www.fly63.com/article/detial/8487 方法一 html { -webkit-filter: grayscale(100%);filter:p...

2020-04-17 10:43:15 30 0

原创 stylus通过node监听文件变化实现自动编译

近日在学习 stylus ,由于没有使用webpack,需要手动编译,在网上找了,通过 -w 和node中间件实现自动化,奈何手动操作一番,都未果,遂自己用node实现了一个,如下 const fs = require('fs') const filePath = ...

2019-09-11 14:13:33 95 0

原创 nuxt 服务器部署

先介绍一下nuxt,nuxt是vue集成的ssr服务器端渲染的解决方案 官网:https://zh.nuxtjs.org/guide/vuex-store/ 部署参考:https://segmentfault.com/a/1190000014450967 1、首先登陆你的服务器,安装no...

2019-09-07 10:32:37 91 0

原创 正念冥想的方法

由于最近似乎有点失眠,所以想通过正念的方式,来提高睡眠。 正念冥想的几种方式 1、山的冥想 众舍正念冥想人为,你可以选择任何你觉得舒适的坐姿坐下来,如果盘腿坐会更好,因为这样的姿势更像一座山,在心中想象一座秀丽的山,关注他的雄伟、沉稳和美丽,观察他,体会它的品质,然后将这座山代入身体,让你与...

2019-08-14 09:24:54 207 0

原创 Eslint的一些规则说明

1、使用Eslint的时候如果出现未闭合标签会报红,如下: 对于有强迫症的我来说不能无视,怎么搞定? 首先找到.eslintrc.js文件 在 rules添加以下规则 "vue/html-self-closing": ["error",{ ...

2019-07-26 08:50:21 176 0

原创 Linux文件和目录管理

1、Linux命令基本格式 登录系统后,第一眼看到的是 [root@localhost ~]# []:这是提示符的分隔符号,没有特殊意义 root:显示的是当前的登录用户,笔者现在使用的是 root 用户登录 @:分隔符号,没有特殊含义 localhost:当前系统的简写主机名 ~:代表用...

2019-06-22 16:10:13 63 0

原创 树莓派系统介绍

树莓派是一个微型计算机,和普通的电脑没有什么区别,只是体积更小,只有卡片大小,存储能力和计算能力会差一点,主要用于学习,实验所用。 是电脑就要安装操作系统,树莓派官方推荐了两种系统,分别是 NOOBS和RASPBIAN NOOBS 全称 New Out Of Box System(全新开箱即用...

2019-06-22 12:58:45 1504 0

原创 前端面试题集锦

最近要开始找工作了,多一份准备多一份信心,光看的话很快就会忘记,所以我就把从网上摘抄来的文章有重新手打一遍,以加强记忆。 1、谈谈你对MVVM开发模式的理解 MVVM分为Model,View,ViewModel三者, Model代表数据模型,数据和业务逻辑都在Model层重定义。 View...

2019-06-17 14:55:20 91 0

原创 沟通技巧第九章

1、为了得到有利资讯,刺激对方的“贡献心”是聪明的做法,就算不主动提问,对方也会滔滔不绝的说个不停。 2、若想请过左上的佼佼者、拥有优秀交往对方的人、身怀特殊技能者告诉我们秘诀,问题越具体、范围越小,越能引出我们想要的答案,提问范围太大,对方就会回答得很模糊。 3、身处“拥挤的咖啡馆”“生意很...

2019-05-21 13:38:18 163 0

原创 沟通技巧第八章

1、能干的人、成功的人会先说体贴对方的话,之后才讲自己内心所想。 2、工作上非必要的话不要多说,讲话顺序是“结论、理由、具体事例、重说结论、远景”,这是在文章、简报里也能用到的方法。 3、在对话中辨别“1T3S”来调整自己说话的态度、遣词用字或提问。 4、名片上有许多闲聊题材,如果你觉得你是...

2019-05-20 16:07:20 87 0

原创 沟通技巧第七章

1、聊“喜欢的东西”任谁都会开心,谈对方热衷的人、事、物能聊不停。 2、当“自己忽略的优点”被人肯定时,自然会对称赞自己的人产生好感,心情也会跟着开朗。 3、泛泛的“赞美”很难打动对方的心,“仔细夸奖对方有何优点”“这些优点好在哪”就是有别于一般的赞扬。 4、见面立刻就用“第三者赞美法”能另...

2019-05-20 15:56:43 76 0

原创 沟通技巧第六章

1、想融入人群里,最好的方法就是说句“打扰了”“聊什么这么起劲”“一起聊吧”,每个人都有自己的想法,没有人会百分百接受你的观点,无需因为被部分人拒绝,就躲开所有人。 2、要是有人没在聊天群里,不经意的说句话把它拉进来一起聊,这个贴心的举动会让周围人对你有好感。 3、对方若想了解你的专业,你可以...

2019-05-17 14:32:38 83 0

原创 沟通技巧第五章

1、正因为人们很少主动跟他人打招呼,能够做到的人就会显得独特,“问候语+寒暄” 使自己更加显眼。 2、在称呼时,叫谈话对象的名字会比只叫姓氏来得亲切,而昵称则比名字更能增进彼此关系。 3、叙述事情以说故事的方式呈现,人的大脑接收故事后,会把内容视觉化,人们想象着具体的人、事、物,较能投入感情,...

2019-05-17 11:48:15 93 0

原创 沟通技巧第四章

1、“带着笑脸说话”是提升第一印象的诀窍,笑容能化解初次见面的不安。 2、对第一次见面的人,我们先坦白的说出“自己是怎样的人”,可降低对方的警戒心,让聊天气氛变得融洽。 3、详加解说“自我标签”,能给他人留下深刻印象的,才是理想“标签”。 4、站在对方立场,用浅显易懂的话解说自己的专业会更受...

2019-05-17 11:30:23 91 0

原创 沟通技巧第三章

1、只要在谈话的开端稍加努力,之后就会聊得很轻松。 2、有“不常听见” “对方使用频繁” 的关键词汇出现,多半能成为接话机会。 3、对方的话里有数字出现时,是期望你能给予反应,亦是接话的题材。 4、用自己的经验之谈回应对方,是利用心理学的的“自我揭露”,打开自己心扉的同时,对方也较容易敞开心...

2019-05-17 10:57:17 127 0

原创 沟通技巧第二章

1、面对刚认识的人,以“闲聊”作为开头最好,只要对方没有不安,聊任何话题都行,闲聊能降低对方的戒备心和紧张感。 2、觉得聊天困难的人往往是因为“缺乏话题”只要事先准备适合闲聊的题材就能解决这个困扰。 3、利用“工、天、季、健、新、艺、街、交”制造话题,并开始关心周边的事物,自然能在聊天中带入这...

2019-05-17 10:42:57 91 0

原创 沟通技巧第一章

1、迅速成为 “容易聊天的人”,要注意 “表情动作看起来很开心” “声音语调开朗有精神” “活泼的回答” 这三点。 2、人类希望被倾听,所以善于倾听的人被视为珍宝,能做到 “不打断别人说话,听到最后” 就已满足对方想诉说的心理。 3、平日对事物的反应要开朗积极,让周边的人看见你认真回应的态度,...

2019-05-17 10:28:51 93 0

原创 js 百度坐标和火星坐标的转换

来源网络 /* eslint-disable */ // 各大坐标系转换插件,QQ:1572309495 // 定义一些常量 var x_PI = 3.14159265358979324 * 3000.0 / 180.0 var PI = 3.1415926535897932384626 va...

2019-04-08 08:59:58 417 0

原创 查看端口使用情况,并解除占用端口的进程

1、列出所有端口的情况 $ netstat -ano 2、查看被占用端口对应的PID,最后一个数字,如下图的 4896 $ netstat -aon|findstr "8080" 3、打开任务管理器,切换到详细信息,找到那个PID 4、右击该任务,选择...

2019-04-02 15:25:43 72 2

原创 css将一张宽度为百分比的图片设置成正方形

使用css很容易将图片设置为正方形,只要宽高相等即可,但如果图片的宽度是一个百分比呢,比如50%,那么就用到了下面的方法了。 <div class="wrap"> <div class="div"> <img s...

2019-04-02 15:11:21 571 1

原创 iphone 6的兼容问题

Flex display: flex → display: -webkit-flex justify-content: space-between; → -webkit-justify-content: space-between align-items: center; ...

2019-03-20 15:02:39 226 0

原创 用python做一个微信聊天机器人

先去图灵机器人申请一个账号,得到 key 新建文件wx.py写入如下内容 import requests import itchat def get_response(msg): apiUrl = 'http://www.tuling123.com/openapi/ap...

2019-03-19 10:22:26 142 0

原创 如何使用PS改变只有一种颜色图片的颜色

这里所说的图片是这种单色的图片 首先将这张图片拖到PS中打开,选择 图层 &gt; 图层样式 &gt; 颜色叠加 然后我们选择一种颜色 颜色改完了,保存。 ...

2019-03-12 11:30:47 1332 0

原创 前端图片处理

这篇文章有几个功能,第一个是支持拖拽,第二个是压缩,第三个是裁剪编辑,第四个是上传和上传进度显示。 1、拖拽上传 拖拽读取图片的功能主要是监听HTML5的 drag 事件,这个没什么好说的,查查API就知道怎么做的,主要在于怎么读取用户拖过来的图片并他把转成base64以在本地显示出来,代码如...

2019-03-06 17:01:53 7720 1

原创 mpvue使用富文本

mpvue是一个使用vue开发小程序的前端框架 富文本是一些带有style标签的HTML标签文本,方便后台编辑,前端直接显示。 在mpvue中如何将其转化为小程序的Wxml呢,不需要自己写代码,你只需要一个库 1、安装 $ npm i mpvue-wxparse --save 2、...

2019-03-06 14:24:37 1056 1

原创 【入门篇】Karma + Jasmine 前端的单元测试与自动化测试

为什么要做单元测试? 1、这块代码比较复杂,还是别人写的,我不敢随便改,万一改出问题就不好了 2、你怎么不小心把我那块代码给改了,虽然该动小,但是改出问题了 3、我很久前做的一个功能,现在要加点新的功能,但是不小心破坏了老的功能 前端怎么做单元测试? 所用的工具需要:测试框架+断言库,常用的...

2019-02-21 12:16:12 165 0

原创 input type=number只能录入11位数字

当需要用户输入手机号码的时候,把input的type属性设置为number,在移动端就能调起数字键盘了,但是maxlength属性对于type=number是无效的,而且还可以输入除了数字之外的其他字符,比如+.e,加上下面两个事件 &lt;input onkeypress='...

2018-12-27 10:09:59 2900 2

原创 【手把手】带你撸一个基于vueCli 3.0的前端框架

vuecli 是 vue 的一套工具,便于我们快速开发,其使用方法也是千奇百怪,各种奇技淫巧层出不穷,网上大多教程也只是教你怎么去安装,并没有说要怎么去用,今天来和大家探讨一下该怎么合理的使用。 1、创建项目 假设你已经安装过node了,执行下面命令安装vuecli3.0,如果你之前安装过vu...

2018-12-26 14:59:53 527 0

原创 【手把手】带你撸一个Django web框架

据说 python 已经成为了前端开发程序员想学习的首位的后端语言,python 的语法及其简单,我们可以很快的上手,python 有很多做web服务器的框架,在此呢我推荐 Django,因为他是一个极简的框架,没有其他乱七八糟的东西,适合快速上手。在编写的过程中如果出现缺少某个包,大家记得通过 ...

2018-12-25 12:08:25 144 0

原创 vuex 存储持久化

vuex存储了应用的很多数据,但是一但我们刷新页面,所有的数据都会丢失掉,只能重新从服务器拉数据,又要加很多的逻辑判断,我们可以吧vuex和storage相结合,来解决这个问题。 1、引入 npm install vuex-persistedstate -S 2、使用 import c...

2018-12-19 22:56:33 478 1

原创 【手把手】带你撸一个安卓壳子

web前端的小伙伴们大家好,说起APP混合开发,大家首先想到的可能就是类似Cordova的库,可以让我们不写一行安卓代码,就轻松地实现原生APP的一些常用功能,但是对于一些特别的"需求"我们就无能为力了。所以为了提高我们的知识储备,我觉得还是有必要学习一波安卓的知识的。下面就由...

2018-12-11 23:43:10 918 2

原创 css三角形

今天我们来聊一聊怎么通过css来绘制一个三角形的。原理就是border属性的应用。 首先定义一下HTML结构 &lt;div class="box"&gt;&lt;/div&gt; 然后给box添加样式 .box{ width:2...

2018-11-26 10:40:23 95 0

原创 checkbox美化

传统的checkbox表单元素是不好看的,而且每个浏览器表现出来的样式还不一样,很多时候我们会借助一些表单美化的插件实现类似开关切换的效果,有些是用 js+css 实现的,而有些则是纯CSS实现的,我们更应该感兴趣的是后者,今天我们就来一步一步实现一个CheckBox美化的效果 开始之前我们先搞...

2018-11-19 11:00:32 482 0

原创 vue2 手势密码

组件: &lt;template&gt; &lt;div class="masks" v-show="currentValue"&gt; &lt;div class="gesturePwd&q...

2018-11-11 21:42:21 1314 0

原创 localStorage 设置过期时间

localStorage除非人为手动清除,否则会一直存放在浏览器中,但是很多情况下我们可能需要localStorage有一个过期时间,比如我们将用户身份认证 token 保存在客户端,1周之内有效,超过一周则要重新登录,那么这种需求该怎么实现呢 要知道,localStorage本身并没有提供过期机...

2018-11-02 16:55:08 7546 3

原创 javascript 身份证号码验证函数(可辨真伪,支持15或18位身份证号)测试误差为0

话不多说,直接上代码,我不生产代码,我只是代码的搬运工。 //验证身份证号方法 var test = function (idcard) { var Errors = new Array("验证通过!", "身份证号码位数不对!", &quo...

2018-11-01 23:23:52 225 0

原创 ES6箭头函数

如今ES6的箭头函数已经被用的比较普遍了,因为我们喜欢他的简洁, let sayHello = name =&gt;{ `hello,${name}` } 不过使用之前,我们应该注意一下和普通函数的区别避免犯一些无意识的错误。 arguments 普通函数可以通过arg...

2018-11-01 10:17:50 130 0

原创 只知DOM不知BOM?

JavaScript由ECMAScript、DOM、BOM三部分组成,DOM大家肯定是非常熟悉了,全称Document Object Model 文档对象模型,是用来描述文档结构的,并提供了JavaScript访问接口用来操作文档 今天我们要将的BOM全称 Browser Object Mode...

2018-10-28 22:43:59 84 0

原创 html2canvas实现网页保存为图片

今天我们来学习一波怎么将一个网页生成一张图片的,主要的应用场景在,分享,截图等 我主要使用的是一个js库 html2canvas ,下面来了解一下他的详细用法吧。 大家可以去这里https://download.csdn.net/download/qq_20343517/10739325下载这个...

2018-10-28 22:19:29 2888 0

原创 使用promise实现异步

作为一个新的ES6异步编程的解决方案,Promise想必大家都听说过,包括async await 也是基于Promise的,今天我们通过一个小例子来全局了解一下Promise 在此之前,需要明白的是,Promise实际上就是一个包含异步操作的容器,有三种状态。 pending  进行中 ful...

2018-10-23 11:23:01 192 0

提示
确定要删除当前文章?
取消 删除