风雨后见彩虹

2023年1月29日

摘要：先看个示例代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>svg-viewbox</title> <style> body { text-align: center; } svg { margin-top: 100 阅读全文

posted @ 2023-01-29 20:12 风雨后见彩虹阅读(1638) 评论(0) 推荐(0) 编辑

【笔记】利用七牛云CDN加速提高前端图片静态资源访问速率

摘要：第一步，注册七牛云账号打开七牛开发者平台，选择注册,注册后登录系统然后实名认证。第二步，创建七牛云空间七牛对象存储将数据文件以资源的形式上传到空间中。您可以创建一个或者多个空间，然后向每个空间中上传一个或多个文件。通过获取已上传文件的地址进行文件的分享和下载。您还可以通过修改存储空间或文件阅读全文

posted @ 2023-01-29 20:11 风雨后见彩虹阅读(877) 评论(0) 推荐(0) 编辑

2023年1月18日

【笔记】前端人脸检测之clmtrackr.js的使用

摘要： clmtrackr.js使用示例代码 html代码： <div class="video-con"> <video id="video" playsinline autoplay width="300" height="300"></video> <canvas style="visibility: 阅读全文

posted @ 2023-01-18 10:01 风雨后见彩虹阅读(852) 评论(0) 推荐(0) 编辑

2022年10月24日

【JS设计模式笔记】给我一张名片-工厂方法模式（创建型）

摘要：广告展现例如，关于计算机培训广告资源需要投放，一批是Java的用绿色字体，一批是PHP的，用黄色字体，红色背景。 // 创建Java学科类 var Java = function (content) { // 将内容保存在content里面以备后面使用 this.content = content 阅读全文

posted @ 2022-10-24 23:03 风雨后见彩虹阅读(56) 评论(0) 推荐(0) 编辑

2022年10月11日

【JS设计模式笔记】神奇的魔术师-简单工厂模式（创建型）

摘要：简单工厂模式（Simple Factory）:又叫静态工厂方法，由一个工厂对象决定创建某一种产品对象类的实例。主要用来创建同一类对象。第一次需求开发一个登录模块的需求，用户名输入框如果输入的内容不符合规范就自定义一个警告框警示一句：‘用户名不能多于16个字母或数字’ var LoginAlert 阅读全文

posted @ 2022-10-11 22:15 风雨后见彩虹阅读(66) 评论(0) 推荐(0) 编辑

2022年10月9日

【JS设计模式笔记】-观察者模式（即发布-订阅模式）（结构型）

摘要：发布-订阅模式的作用比如常见的发送短信就是一个典型的发布-订阅模式，例如，小明、小红去售楼处购买房子，但是售楼处的工作人员告诉小明、小红当前楼盘已经售罄，新楼盘还没有开售，这个时候，小明、小红把自己的手机号告诉工作人员，当有新楼盘开售的时候让工作人员短信通知到他们。那么小明、小红等购买者就是订阅阅读全文

posted @ 2022-10-09 21:01 风雨后见彩虹阅读(132) 评论(0) 推荐(0) 编辑

2022年10月8日

小tips：CSS实现0.5px的边框的两种方式

摘要：方式一 <style> .border { width: 200px; height: 200px; position: relative; } .border::before { content: ""; position: absolute; left:0; top: 0; width: 200 阅读全文

posted @ 2022-10-08 09:17 风雨后见彩虹阅读(614) 评论(0) 推荐(0) 编辑

2022年8月30日

vue中如何使用JSX？

摘要： JSX是什么？ JSX 是一种 Javascript 的语法扩展，JSX = Javascript + XML，即在 Javascript 里面写 XML，因为 JSX 的这个特性，所以他即具备了 Javascript 的灵活性，同时又兼具 html 的语义化和直观性。注：灵活度强的部分组件可以用阅读全文

posted @ 2022-08-30 22:49 风雨后见彩虹阅读(6751) 评论(0) 推荐(0) 编辑

2022年8月18日

小tips：怎样实现简单的前端hash与history路由方式？

摘要：前端路由实现方式，主要有两种，分别是history和hash模式。 hash模式不同路由对应的hash是不一样的，如何能够监听到URL中关于hash部分发生的变化？浏览器已经暴露给我们一个现成的方法hashchange,在hash改变的时候，触发该事件。实现示例代码： <!DOCTYPE htm 阅读全文

posted @ 2022-08-18 23:20 风雨后见彩虹阅读(187) 评论(0) 推荐(0) 编辑

2022年7月4日

关于高清显示屏下canvas绘制模糊问题探索处理

摘要：一般场景我们看下，我们在高清显示屏下，实现这样一个内容，里面填充颜色及文字。第一种是用普通div元素的方式绘制，第二种就是用canvas的方式来绘制，示例效果如下：从图上我们可以看出，普通div的绘制方式是清晰的，但是用canvas的绘制方式是模糊的。参考示例代码如下： css代码： html 阅读全文

posted @ 2022-07-04 22:31 风雨后见彩虹阅读(3123) 评论(0) 推荐(0) 编辑

2022年6月11日

圣杯布局和双飞翼布局实现两侧宽度固定，中间宽度自适应及其他扩展实现

摘要：前沿简介圣杯布局和双飞翼布局是前端重要的布局方式。两者的功能相同，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局。圣杯布局来源于文章In Search of the Holy Grail,双飞翼布局来源于淘宝UED。两者的实现方式有差异，但是都遵循以下几点：两侧宽度固定，中间宽度自适阅读全文

posted @ 2022-06-11 16:34 风雨后见彩虹阅读(121) 评论(0) 推荐(0) 编辑

shell脚本字符串截取方法整理

摘要：首先先声明一个变量str,下面演示以该变量为例： str='https://www.baidu.com/about.html' 1.#号截取，删除左边字符，保留右边字符 echo ${str#*//} 说明： str为变量 #号是运算符 *//表示从左边开始删除第一个//号及左边的所有字符结果：w 阅读全文

posted @ 2022-06-11 11:31 风雨后见彩虹阅读(782) 评论(0) 推荐(0) 编辑

2022年6月6日

原生JavaScript实现可旋转立方体效果基础示例

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>旋转立方体效果</title> <style type="text/css"> *{padding: 0; margin: 0} img{border: 0} 阅读全文

posted @ 2022-06-06 21:40 风雨后见彩虹阅读(185) 评论(0) 推荐(0) 编辑

前端微服务qiankun 2.x主子应用通信代码片段

摘要：主应用代码主应用工程里面源代码新建qiankun/index.js，通信代码如下： import { initGlobalState } from "qiankun"; import store from '@/store' // 主应用与微应用数据通信 const state = { subap 阅读全文

posted @ 2022-06-06 21:20 风雨后见彩虹阅读(309) 评论(0) 推荐(0) 编辑

2022年5月12日

画流程图、状态图、时序图、甘特图的JS库-mermaid-js

摘要：参考地址：https://github.com/mermaid-js/mermaid 原生使用方式： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="./js/mermaid.min. 阅读全文

posted @ 2022-05-12 09:20 风雨后见彩虹阅读(2911) 评论(0) 推荐(0) 编辑

2022年5月5日

前端微服务之样式隔离插件代码笔记

摘要：样式隔离插件代码postcss-namespace.js如下： const postcss = require('postcss'); function specailTest(rule) { if ( rule.parent && rule.parent.name && rule.parent.n 阅读全文

posted @ 2022-05-05 09:15 风雨后见彩虹阅读(369) 评论(0) 推荐(0) 编辑

2022年3月10日

『前端算法』数组-合并两个有序数组

摘要：题目描述给你两个有序整数数组 nums1 和 nums2，请你将 nums2 合并到 nums1 中，使 nums1 成为一个有序数组。说明: 初始化 nums1 和 nums2 的元素数量分别为 m 和 n 。你可以假设 nums1 有足够的空间（空间大小大于或等于 m + n）来保存 nu 阅读全文

posted @ 2022-03-10 09:01 风雨后见彩虹阅读(233) 评论(0) 推荐(0) 编辑

2021年12月17日

JS的可选链操作符（?.）与双问号（??），你用到了吗？

摘要：可选链操作符（?.）以前一般这样使用： let nestedProp = obj.first && obj.first.second; 或者这样： let temp = obj.first; let nestedProp = ((temp null || temp undefined) ? und 阅读全文

posted @ 2021-12-17 09:14 风雨后见彩虹阅读(3452) 评论(2) 推荐(2) 编辑

小tips：使用babel-upgrade从babel6升级babel7

摘要：基础使用完整使用参考地址：https://www.npmjs.com/package/babel-upgrade 使用方式： # npx lets you run babel-upgrade without installing it locally npx babel-upgrade --wri 阅读全文

posted @ 2021-12-17 09:11 风雨后见彩虹阅读(632) 评论(0) 推荐(0) 编辑

2021年12月1日

JS处理html的编码(encode)与解码(decode)

摘要：一、用浏览器内部转换器实现转换代码： var HtmlUtil = { // 1.用浏览器内部转换器实现html编码 htmlEncode: function(html) { // 创建一个元素容器 var tempDiv = document.createElement('div'); // 把阅读全文

posted @ 2021-12-01 20:21 风雨后见彩虹阅读(9199) 评论(1) 推荐(0) 编辑

2021年10月12日

JAVA开发常见问题整理（持续更新）

摘要： maven项目出现：“致命错误: 在类路径或引导类路径中找不到程序包 java.lang”的解决方法原文地址：https://www.cnblogs.com/xuehuashanghe/p/9397982.html maven项目有时候会出现报：“致命错误: 在类路径或引导类路径中找不到程序包 j 阅读全文

posted @ 2021-10-12 13:44 风雨后见彩虹阅读(503) 评论(0) 推荐(0) 编辑

2021年9月13日

JavaScript之Blob对象基本用法及分片上传示例

摘要： Blob基本用法创建通过Blob的构造函数创建Blob对象： new Blob(blobParts[, options]) blobParts：数组类型，数组中的每一项连接起来构成Blob对象的数据，数组中的每项元素可以是ArrayBuffer(二进制数据缓冲区), ArrayBufferV 阅读全文

posted @ 2021-09-13 21:51 风雨后见彩虹阅读(1427) 评论(0) 推荐(0) 编辑

2021年9月12日

JS实现树形结构数据的模糊搜索查询

摘要：简单示例：需求：输入 “题2” 字，希望树形结构中带有 “题2” 字的项显示，即使父节点没有，但子节点含有，父节点仍要返回。 let arr = [ { title: '标题1', children: [ { title: '标题11', children: null }, { title: '标阅读全文

posted @ 2021-09-12 20:38 风雨后见彩虹阅读(4371) 评论(0) 推荐(1) 编辑

【转】一种Vue应用程序错误/异常处理机制

摘要：在前端应用程序中，最常见的错误/异常类型可能包括以下几种：语法错误：使用了一些错误的语法运行时错误：由于执行期间的非法操作导致的逻辑错误：由于程序逻辑错误 Http 错误：API 返回的错误有很多方法可以解决上面的问题，例如使用 eslint 来检查语法错误，使用适当的 try-catch 阅读全文

posted @ 2021-09-12 19:56 风雨后见彩虹阅读(786) 评论(0) 推荐(0) 编辑

【转】git常用操作

摘要：创建版本库 git clone url 克隆远程版本库 git init 初始化本地版本库配置 git config --global user.name 'chengcp' 配置global级别的用户名 git config --global user.email '1326895569@qq. 阅读全文

posted @ 2021-09-12 19:43 风雨后见彩虹阅读(89) 评论(0) 推荐(0) 编辑

2021年9月11日

使用Hexo主题搭建个人博客（markdown）

摘要：依赖环境安装node.js：node.js下载可以从其官方界面开始https://nodejs.org/zh-cn/ 安装git：git下载则可以从其官方界面开始https://git-scm.com/ Hexo安装新一个blog文件夹，单机右键启动Git Bash Here，输入如下命令： n 阅读全文

posted @ 2021-09-11 21:59 风雨后见彩虹阅读(401) 评论(0) 推荐(1) 编辑

2021年9月10日

Node.js开发博客项目笔记-初始化路由（博客列表、新增、更新、删除、详情、登录）（3）

摘要：工程目录如图所示，工程目录如下：我们在工程下新建src的目录，src目录下新建三个文件夹： controller：交互数据放到该目录下； model：model类放到该目录下； router：路由（模块接口处理）放到该目录下。 model目录我们在model目录下，新建一个resModel.j 阅读全文

posted @ 2021-09-10 09:14 风雨后见彩虹阅读(166) 评论(0) 推荐(0) 编辑

2021年9月9日

Node.js开发博客项目笔记-搭建环境（2）

摘要：搭建环境首先新建blog-1文件夹，在文件夹下初始化package.json，执行命令： npm init -y 生成的package.json文件中的main属性默认值index.js改成bin/www.js(即是在工程目录下新建bin文件夹，并在下面新建一个www.js) 1.安装nodemo 阅读全文

posted @ 2021-09-09 09:10 风雨后见彩虹阅读(72) 评论(0) 推荐(0) 编辑

Node.js开发博客项目笔记-http请求处理（1）

摘要：处理get与post请求示例代码： const http = require('http'); const querystring = require('querystring'); const server = http.createServer((req,res) => { const meth 阅读全文

posted @ 2021-09-09 09:05 风雨后见彩虹阅读(82) 评论(0) 推荐(0) 编辑

2021年7月29日

『前端积累』算法汇总【持续更新】

摘要：简单 1.两数之和（数组）给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出和为目标值 target 的那两个整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1：输阅读全文

posted @ 2021-07-29 21:30 风雨后见彩虹阅读(180) 评论(0) 推荐(0) 编辑

风雨后见彩虹

无论什么时候开始，重要的是不要停止

公告