发表于

.class #id

  1. font-family
  2. font-size
  3. font-style
  4. font-weight

a:link a:hover a:visited a:active
text-align
color

文本样式：

  1. text-align
  2. line-height
  3. text-decoration
  4. text-shadow: x,y,z,color z越大越模糊

列表样式：list-style-type, list-style-image:url(…)
背景样式：
background-color
background-image
background-repeat
linear-gradient(top, red, pink)
盒子模型：外边距margin，边框border，内边距padding
border-color, border-top/bottom/left/right-color
border-width
border-style: none/hidden/dotted/dashed/solid/double
border: solid 1px red;
border-radius 圆角
margin: 上 右 下 左。 左右均auto=居中
box-shadow: x y z color;
transform: rotate; 旋转
浮动：float: left/right
相对定位：positon: relative; top,left,right,bottom
绝对定位：positon: absolute;
相对是相对于自身，绝对是绝对于先祖元素。
z-index, 必须要有postion
input[type="option"]*3

发表于
  1. [a]只能一个字符a。
  2. [abc]只能一个字符，a或b或c。
  3. [0-9]或\d只能一个字符且只能是数字。
  4. [abc]{2}2个字符，且都只能是a或b或c。
  5. [abc]{3,}至少3个字符，且都只能是a或b或c。
  6. [abc]{2,4}2-4个字符，且都只能是a或b或c。

举个例子：
<input type="name" pattern="[a-zA-z]{3-12}" required="required" placeholdeer="请输入用户名">

发表于

最近看了个系统化的教学，把HTML的基础先列出来，这些都是很基础的需要掌握的知识：
标签：<html>/<body>/<h1> ~ <h5>
注释：<!-- -->
换行：<br>
水平分割线：<hr/>
段落：<p>
图片：<img>
转义符： 

&nbsp; //空格  
&amp; //&  
&lt; //<
&gt; //>
&quot; //"
&qpos; //'
&copy; //©

无序列表(unordered list)<ul><li>
有序列表（orderded list）<ol><li>
快捷输入：ul>li*3生成一个3行的无序列表
表格：<table><th><td> border,width,height,cellspacing, colspan=”2”, rowspan
视频与音频：<video>,<audio> controls=”controls”
输入：<input> type,name,value;type: text,password, checkbox,radio,file,color,number,date,button,submit,email,reset..
radio: name一致
<form>, <select>, <options> value=
<textarea>,rows, cols

发表于
  1. 看到了个漂亮的纯色GIF波浪图，看了下就是单纯地设置了mix-blend-mode: screen; 这个属性，然后放在页面上效果拔群。查了下，其实mix-blend-mode就是将颜色和图片混合，有的时候使用，却意外地巧妙。

发表于

发现已经大概2个月没更新过内容了。仔细想想，这两个月在干啥？工作上有个管理平台要做，这又触及到了我的知识盲区。经过了摸爬滚打，大致了解了thymeleaf，并把这个管理平台成功上线。运行了大概一个月了，还算稳定，还更新了两个版本。
另一方面，沉迷于《猛男捡树枝》，不过也算是没抛弃之前刚学的前端技术，自制了一个简易的钓鱼、捕虫图鉴。纯前端，最近刚空下来准备想改进下，改成前后端掉用接口查询。然而，发现新的项目要看iOS开发。
嗯，开发永远在路上。。发现自己现在Android、iOS、前端、后端都粗通皮毛，感觉有成为一名泛用型杂务程序员潜质了。

发表于
  1. 安装cross-env
    npm 安装cross-env
  2. package.json:
    “build-prod”: “cross-env NODE_ENV=production node build/build.js”,
    “build-test”: “cross-env NODE_ENV=testing node build/build.js”
  3. build/webpack.prod.conf.js:
    // const env = process.env.NODE_ENV === ‘testing’
    // ? require(‘../config/test.env’)
    // : require(‘../config/prod.env’)
    const env = config.build[process.env.NODE_ENV+’Env’]
  4. config/index.js:
    build: {
    productionEnv: require(‘./prod.env’),
    testingEnv: require(‘./test.env’),
    developmentEnv: require(‘./dev.env’),
  5. build/build.js:
    // process.env.NODE_ENV = ‘production’.
    使用方法：
    在config/dev.env.js、prod.env.js、test.env.js下分别定义，如：WO_PLUS_API: ‘“http://aaa.bbb.ccc/aa"',在vue使用时就直接写：process.env.WO_PLUS_API

发表于

md5加密:

npm install js-md5 –save

屏幕适配:

npm install lib-flexible –save
npm install px2rem-loader –save-dev

提示弹框，仿jquery的layer,用法也类似:

npm install vue2-layer-mobile -S

网络请求:

npm install axios

发表于

最近看到个文章，大致是说：你怎么度过这段日子的，你就可能是怎么度过一生。

宅在家里，没有了约束，睡懒觉、打游戏、刷视频、看剧、饮食混乱、熬夜。。完全把自己春节前的计划抛诸脑后了，等到疫情过去，你会发现身边有的人，和以前不一样了。有人做事更专业了，有人身体更健美了，有人厨艺大涨。。你可能会有些羡慕，但是回头细想，时间是你自己浪费的，别人在你混日子的时候，自律着做着自己的事，差距就是这么慢慢拉开的。

阅读全文 »

发表于

前端页面在iOS设备的safari浏览器上打开，点击输入框时屏幕会自动放大的问题。在index.html其中一行改为： 

1
<meta content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width" name="viewport">

解决。

发表于

最近发现vscode右下角老是弹出提示：Could not create temporary directory: 权限被拒绝

解决方法如下：
sudo chown $USER ~/Library/Caches/com.microsoft.VSCode.ShipIt/

重启VSCode，就能正常更新了。