Learn and practice

Nginx Config In Linux

Nginx 安装 check deploy-nginx-on-aliyun 查看 nginx 安装目录 ps -ef | grep nginx 查看配置文件 nginx.conf 路径 nginx -t 这条命令也可以用于检查配置文件是否正确。 当然也可以使用 find 命令进行文件查找 // 从 / 根目录下查找文件名为 nginx.conf 的文件 ...

Posted by Learning libs on November 27, 2020

Animate Follow Mouse

When we browse blogs online, we always find some blogs have add some animation when we click or move mouse. Here is one sample source code, you can copy this or try it by yourself. 😄 emoji: http...

Posted by Learning libs on November 24, 2020

Deploy Nginx On Aliyun

use root role login the server cd to usr/local folder run wget http://nginx.org/download/nginx-1.18.0.tar.gz to download nginx run tar -xvzf nginx-1.18.0.tar.g...

Posted by Learning libs on November 3, 2020

Chromedevtool Add Wechat Browser

Add wechat mock device into chrome steps F12(open the browser devTool) click Toggle device tool bar(switch to mobile mode) expand the device dropdown list, then click Edit button pop up s...

Posted by Learning libs on November 3, 2020

Good Website

JQuery: https://jquery.cuishifeng.cn/index.html from https://www.cuishifeng.cn/ 前端博客 https://www.cnblogs.com/aaronjs/ 若川的博客 iHTCboy [好记么]https://haoji.me/ 内含vscode插件开发 [flura的博客]https://flura...

Posted by Learning libs on October 12, 2020

Vue Less Scop

vue组件编译后，会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件的元素而不会污染全局，但如果你引用了第三方组件： <div class="box"> <child></child> </div> 假设 child中的内容为 <div class="item"&...

Posted by Learning libs on September 18, 2020

Start Yog2 Project

yog2创建Hello World项目step by step 第一遍看yog2的官网的入门指引有点迷糊，项目搭建完启动后 在浏览器访问 http://127.0.0.1:8085 出现的是cannot get, 命令行里也显示router【home】is missed 我成功启动Hello World项目的步骤如下： 首先安装yog2 npm install -g y...

Posted by Learning libs on September 18, 2020

Get Verifycode

前端ajax请求后端的图片验证码出错 遇到一个问题是，获取从后端的图片验证码出错了，错误分为两种情况，一是获取不到内容(ajax不走done方法也不走fail方法，甚至always方法也不走)。 二是获取到图片验证码出现乱码情况，验证码不能在前台展示。 我使用的JQuery版本是3.2.1代码如下，可以正常请求到验证码。但是当我把这个代码移植到另一个项目之后发现ajax的done方法也不...

Posted by Learning libs on September 18, 2020

Tools In Work

The Tools that i’m using or have used: 设计相关 design, image Sketch (for Mac), also you can use Lunacy (for Windows) 蓝湖https://lanhuapp.com/ ppduck http://ppduck.com/ 图片压缩软件, 熊猫压缩在线, tinypng压缩...

Posted by Learning libs on September 9, 2020

Git Command

git stash /本地修改的代码暂存 git fetch origin master:master //拉取master代码 git rebase origin/master //合并拉取的master代码到本分支 git stash pop //将暂存的修改代码释放出来 git fetch origin master:temp 上面代码的意思是：从远程的origin仓库的m...

Posted by Learning libs on September 7, 2020

Change Input Placeholder Color

CSS 改变input placeholder 颜色 input:-ms-input-placeholder { color: #a9a9a9; }/* Internet Explorer 10+ */ input::-webkit-input-placeholder { color: #a9a9a9; }/* WebKit browsers */ input::-moz...

Posted by Learning libs on September 2, 2020

Css3 Proterties

CSS3属性 CSS3过渡属性transition 属性 描述 transition-property 指定要过渡的css属性 transition-duration 指定完成过渡要花费的时间 transition-...

Posted by Learning libs on September 1, 2020

FEATURED TAGS
前端遇到的问题 1 array 2 event loop 1 fibonacci 1 front-end 1 git 1 iframe 1 interview 1 jQuery 1 javascript 1 jekyll 1 js 13 library 1 linux 3 micro-task 1 nginx 1 node 1 packgage.json 1 plugin 2 promise 1 python 1 react-native 1 seo 1 sort 1 sql 1 task 1 vm 1 vscode 1 vscode plugin 1 vue3 1 webpack 1 issues 1
ABOUT ME

说点励志的话。。。