Fish's Blog

浅色#ffaa00深色#ff5500

- 阅读全文 -

1.什么是图片懒加载？懒加载也就是延迟加载。当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图）。只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。2.为什么要使用懒加载？很多页面，内容很丰富，页面很长，图片较多。比如说各种商城页面。这些页面图片数量多，而且比较大，少说百来K

- 阅读全文 -

正则表达式一、用户名正则//用户名正则，4到16位（字母，数字，下划线，减号） var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; //输出 true console.log(uPattern.test("jxdn"));二、密码强度正则//密码强度正则，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符 var pPattern

- 阅读全文 -

VuePress 搭建教程VuePress-theme-hope 主题不仅在默认主题的基础上大幅提高美观性，同时搭配各种插件，在各种细节与功能上为 VuePress 提供全方位的增强。一、环境配置node.js 下载地址（请确保你的 Node.js 版本 >= 8.6）下载完成后按自身需求进行 node.js 的安装npm 防警告配置教程（可跳过）找到 node.js 安装路径修改 npm,

- 阅读全文 -

一、git安装后-指定名称和邮箱$ git config --global user.name "Your Name"$ git config --global user.email "email@example.com"二、创建版本库$ mkdir learngit //创建$ cd learngit //使用$ pwd //查看当前目录$ git init //初始化，

- 阅读全文 -

经常会忘记一些常用命令，在这里进行汇总记录，会不断进行更新初始化npm init生成一份package.json配置，会以询问的方式进行一些初始化配置。参数--force--yes可以通过这两个配置跳过询问环节，直接生成默认的配置。配置npm config list查看基本配置，后面增加参数-l能查看所有配置npm config set registry https://registry.npm.

- 阅读全文 -

一、Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{display: flex;}行内元素也可以使用 Flex 布局。.box{display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{display: -webkit-fl

- 阅读全文 -

PHP字符串前N位截取<?php header('content-type:text/html;charset=utf-8'); $str="欢迎来到Fish's Blog"; echo "原字符串：".$str."<br>"; echo "截取前1位：".mb_substr($str,

- 阅读全文 -

sticky跟前面四个属性值都不一样，它会产生动态效果，很像relative和fixed的结合：一些时候是relative定位（定位基点是自身默认位置），另一些时候自动变成fixed定位（定位基点是视口）。语法：选择器 { position: sticky; top: 10px; }sticky能够形成"动态固定"的效果。比如，百度新闻首页的导航栏，初始加载时在自己的默认位置（relative定位

- 阅读全文 -

Fish' Blog 1.0正式版已发布欢迎大家留言

- 阅读全文 -