Fish Uncle

黑夜,留给我们想象的空间;白天,为之梦中幻想而奋斗

0%

meat

1
2
3
4
<meta name="keywords" content=""> // 向搜索引擎说明你的网页的关键词
<meta name="description" content=""> // 告诉搜索引擎你的站点的主要内容
<meta name="author" contect=""> // 告诉搜索引擎你的站点的制作的作者
<meta name="robots" contect= "all|none|index|noindex|follow|nofollow">
阅读全文 »

在下面的演示中我们将使用如下代码:

1
<div class="blend"></div>

使用的CSS:

1
2
3
4
5
6
7
.blend
{
width: 560px;
height: 387px;
background-size: contain;
background:#3db6b8 url("https://cdn.shenzhepei.com/hexo-theme-matery/public/medias/featureimages/28.jpg") no-repeat scroll center center #de6e3d;
}
阅读全文 »

介绍

Chrome自定义书签,一个不需要VPN就能访问的书签工具!

该扩展插件的目的是替代chrome书签同步功能,解决因无法翻墙导致书签无法同步或同步不及时的问题。

阅读全文 »

什么是观察者模式

观察者一般可以看做是第三者,比如在学校上自习的时候,大家肯定都有过交头接耳、各种玩耍的经历,这时总会有一个“放风”的小伙伴,当老师即将出现时及时“通知”大家老师来了。再比如,拍卖会的时候,大家相互叫价,拍卖师会观察最高标价,然后通知给其它竞价者竞价,这就是一个观察者模式。

对于观察者模式而言,肯定有观察者和被观察者之分。比如在一个目录下建立一个文件,这时系统会通知目录管理器增加目录,并通知磁盘减少空间,在这里,文件就是观察者,目录管理器和磁盘就是被观察者。

阅读全文 »

快速上手

下载

1
2
3
git clone git@github.com:fish-uncle/wx-auto.git

npm i

启动服务

1
node index.js

先上代码体验一下,这里安装包的时候注意一下,
puppeteer包 npm可能下载不下来
可以使用cnpm

阅读全文 »

设置滚动条样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
&::-webkit-scrollbar {
/*滚动条整体样式*/
width : 10px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
&::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
background : #535353;
}
&::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background : #ededed;
}
阅读全文 »

安装 yarn

1
2
3
4
5
6
wget https://github.com/yarnpkg/yarn/releases/download/v1.7.0/yarn-v1.7.0.tar.gz
mkdir -p /usr/local/yarn
tar -zxvf yarn-v1.7.0.tar.gz -C /usr/local/yarn
vim /etc/profile
export PATH ${PATH}:/usr/local/yarn/yarn-v1.7.0/bin
source /etc/profile
阅读全文 »

html内容

1
2
3
4
5
6
7
8
9
10
<!-- #ifdef MP-WEIXIN -->
<button open-type="getUserInfo" bindgetuserinfo="userInfoHandler" @click="clickHandle">
Click me
</button>
<!-- #endif -->
<!-- #ifdef MP-ALIPAY -->
<button @click="getAuthCode">
获取授权码
</button>
<!-- #endif -->
阅读全文 »

性能优化

减少体积

  • 利用webpack等压缩工具(js压缩,css压缩,img压缩)
  • 提供公共方法,第三方库
  • gzip压缩
  • http2
阅读全文 »

前言

安全性,总是一个不可忽视的问题。许多人都承认这点,但是却很少有人真的认真地对待它。所以我们列出了这个清单,让你在将你的应用部署到生产环境来给千万用户使用之前,做一个安全检查。

以下列出的安全项,大多都具有普适性,适用于除了Node.js外的各种语言和框架。但是,其中也包含一些用Node.js写的小工具。

阅读全文 »

前言

我们都听说jenkins,gitlab-ci,github-actions
今天我这里讲的是最基础的自动化部署,没有这个也是没办法通过
上面的工具,进行一个自动化部署的。

阅读全文 »

小图标,小徽章

https://img.shields.io/ 最好翻墙

http://hits.dwyl.io/

1
2
3
4
5
![version](https://img.shields.io/badge/version-v2.0.0-brightgreen.svg?style=flat-square)
[![React](https://img.shields.io/badge/react-^16.3.1-brightgreen.svg?style=flat-square)](https://github.com/facebook/react)
 
[![MIT](https://img.shields.io/dub/l/vibe-d.svg?style=flat-square)](http://opensource.org/licenses/MIT)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://reactjs.org/docs/how-to-contribute.html#your-first-pull-request)
阅读全文 »

安装 nginx

1
2
3
4
5
6
yum install -y nginx // 安装
nginx -t -c /etc/nginx/nginx.conf // 校验配置
nginx // 启动
nginx -s reload // 重启

// 默认nginx log 地址 /var/log/nginx
阅读全文 »

神策

神策分析,是针对企业级客户推出的深度用户行为分析产品,支持私有化部署,客户端、服务器、业务数据、第三方数据的全端采集和建模,驱动营销渠道效果评估、用户精细化运营改进、产品功能及用户体验优化、老板看板辅助管理决策、产品个性化推荐改造、用户标签体系构建等应用场景。作为 PaaS 平台支持二次开发,可通过 BI、大数据平台、CRM、ERP 等内部 IT 系统,构建用户数据体系,让用户行为数据发挥深远的价值。

阅读全文 »

简介

大家做 npm 包的会发现,如果你的 npm 包中有 n 个方法,而在某个项目中只引用了其中某一个,但是在 webpack 打包中,也会被全部打入,这样就导致文件体积莫名过大,用过 antd 的人就知道,antd 官方专门出了个 babel 插件,针对 antd 按需加载的。

例如:

1
2
// Home.jsx
import {Button} from 'antd';
阅读全文 »

鉴权

七牛 Node.js SDK 的所有的功能,都需要合法的授权。授权凭证的签算需要七牛账号下的一对有效的Access Key和Secret Key,这对密钥可以通过如下步骤获得:

点击注册开通七牛开发者帐号
如果已有账号,直接登录七牛开发者后台,点击这里查看 Access Key 和 Secret Key

阅读全文 »

images

介绍

gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。

阅读全文 »

视频 video 控制

1
2
3
4
5
6
7
8
9
h5同层内联播放
<video id='media' src='...' controls={true}
webkit-playsinline="true"
playsInline
x5-video-orientation="portraint"
x5-video-player-type="h5-page"
x-webkit-airplay="allow"
x5-playsinline="true"
/>
阅读全文 »

一道算法题

一共10颗糖,每次拿1颗或2颗,问有多少种方法?

例:1,1,1,1,1,1,1,1,1,1为一种

2,2,2,2,2为一种

阅读全文 »

第一步

打开 SSL For Free网站https://www.sslforfree.com ,在输入框中填入你要申请 Let’s Encrypt 凭证的网域名称,可以用空白来分隔不同的网址,例如[subdomain.domain.com domain.com other.com](这个没试过),输入后点选右边的[Create Free SSL Certificate]继续。
images

阅读全文 »

避免明文传输

避免数据明文

1
2
3
4
5
6
问题描述:对系统用户口令保护不足,黑客可以利用一些工具,从网络上窃取合法的用户口令数据。
修改建议:传输的密码必须加密。

注意:所有密码要加密。要复杂加密。建议不要用单一的一个算法。

加密算法:md5、sha1、base64
阅读全文 »

总规则


参数命名原则:都使用驼峰式。如userName。禁止使用,多种形式的命名:userManage-name、userManage_name等。禁止使用没有明确表示的简写,如:userName写成usName等。

针对老旧接口改造原则:在会影响现有功能(主要考虑APP)的前提下,遵循不动老接口,新增接口原则。

不使用中文原则: 传输过程中,key值不使用中文。

阅读全文 »