- 博客(23)
- 收藏
- 关注
RSS订阅原创 这可能是前端开发中能遇到最全的cookie问题了
什么是 cookieHTTP Cookie（也叫 Web Cookie 或浏览器 Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据。浏览器会存储 cookie 并在下次向同一服务器再发起请求时携带并发送到服务器上。通常，它用于告知服务端两个请求是否来自同一浏览器——如保持用户的登录状态。Cookie 使基于无状态的 HTTP 协议记录稳定的状态信息成为了可能。
2022-11-28 17:07:09
2481
原创 柯里化和组合函数
柯里化思想，利用闭包，把一些信息预先存储起来，目的是供下级上下文使用。组合函数，把处理的函数数据像管道一样连接起来，然后让数据穿过管道连接起来，得到最终的结果。我的主页https://blog.liufashi.top。...
2022-08-30 14:32:57
259
原创 使用node将你的学习笔记一键转化为markdown
最近在学习前端算法与数据结构的时候突然有一个想法，正常做练习算法题肯定是新建 js 文件，然后在文件中将算法题放在注释中像下图这样，[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-L8QT7l7Z-1659004286912)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f9163ed2d69d491b9a0fcb01ad0781dd~tplv-k3u1fbpfcp-zoom-1.image)]然后我们就可以在终端中运行
2022-07-28 18:32:20
853
原创 项目部署，浅谈CI/CD
项目部署的方式很多，针对不同的项目也有不一样方式，下面说一下常见的项目部署是怎么样的。首先呢你需要有一个云服务器💰。文章有错误会第一之间在我的博客更新,有问题也可以在上面提出👆🏻,看到会第一时间回复。...
2022-07-25 15:23:45
508
原创 js异步编程、Promise的应用以及在循环中、递归的时候使用Promise。
Javascript 是一个单线程的语言，在前端编程中，我们在处理一些简短、快速的操作时，往往在主线程中就可以完成。主线程作为一个线程，不能够同时接受多方面的请求。坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段 Javascript 代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任务无法执行。为了解决这个问题，Javascript 语言将任务的执行模式分成两种：同步（Synchronous）和异步（Asynchro
2022-07-12 16:03:11
1398
原创 微信公众号定时提醒
参考:微信公众号定时提醒女友今日天气以及距离发薪日还有多久以上答主已经写的非常详细了,不过关于接口配置信息那一块我还想说两句, 另外我也根据我编写 node 代码的习惯改了下一项目目录,最后的效果如下如果你不想看了 源码奉上为什么是测试号呢? 申请地址 因为发送模板消息目前微信只对认证的服务号开放全局安装 , 创建项目进入项目目录安装依赖在文件夹新建 wechat.js,用于授权验安装 jssha上面代码中的 token 需与此处一致可以随机生成也可以自随便写个符合条件的这些完成后需要将项目部署
2022-06-15 14:45:49
2946
2
原创 造轮子之后台管理模板
常见的后台管理的系统无非是三种：使用下载在 routes 中新建页面的路由,需要布局的页面在 insideRoutes 中新建,不需要的则在 outsideRoutes 中新建.重定向路由 例:子路由需配置一个 path 为’'的 index 路由,添加上 hidden 属性,添加 redirect 属性重定向到指定路由(为了是点击面包屑的时候能跳转到页面),其余子路由与正常规则配置即可react-router-dom v6 新特性的子路由使用 例:修改主题色,项
2022-06-13 18:14:00
196
原创 typescript封装axios
1. 常见配置（跨域携带 cookie，token，超时设置，请求头）2. 请求拦截器和响应拦截器3. 请求封装，使用同一套写法4. 请求失败的提示信息5. 支持单个请求的请求或者相应拦截单独处理
2022-06-08 16:00:52
947
原创 配置react+typescript项目的lint，commit，prettier规范
配置规范 项目没有一个统一的规范和代码风格看起来既难受又不利于维护，随着项目接手的人越多项目就会越来越乱，久而久之就成了所谓的屎山。更多关于项目构建可以去我的博客http://blog.liufashi.top不以规矩,不成方圆lint 规则安装 eslint 和相关的包npm i eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin -D，根目录下创建.eslintrc.js，和.eslintignore 文件。前
2022-04-27 21:23:36
704
原创 前端打包体积优化
前端打包体积优化如何将项目部署到云服务器上?前端的项目通常是将项目打包后的静态资源文件放到服务端代码的根目录中，详细请参考前端项目部署至云服务器。但是个人用户购买的云服务器的带宽通常只有 1M~2M。若是生成的资源文件体积过大会导致加载缓慢。没有使用 gzip 时文件大小为 2M 左右，以 1M 的带宽 128kb/s 加载时长要近 20s。详细优化可以看http://blog.liufashi.top......
2022-04-08 21:33:34
2069
原创 oh-my-zsh安装与常用插件
zsh 介绍工欲善其事,必先利其器zsh也是一种 shell，兼容最常用的 bash 这种 shell 的命令和操作，bash 虽然很标准，但是自己日常使用方便更重要。oh-my-zsh 提供了丰富的插件和提安装先使用命令查看系统支持的 shell cat /etc/shells正常会是/bin/sh/bin/bash/sbin/nologin/bin/dash/bin/tcsh/bin/csh如果没有就安装sudo apt-get install -y zs使用zsh 官网
2022-03-29 14:46:02
8027
原创 原型和原型链
JavaScript深入之从原型到原型链JavaScript深入系列的第一篇，从原型与原型链开始讲起，如果你想知道构造函数的实例的原型，原型的原型，原型的原型的原型是什么，就来看看这篇文章吧。构造函数创建对象我们先使用构造函数创建一个对象：function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // Kevin在这个例子中，Person 就是一个构造函数
2020-12-21 22:27:58
183
原创 执行上下文栈
执行上下文栈js代码执行顺序是什么，大部分人都知道同步执行var foo = function(){ console.log('foo1'); } foo(); // foo1 var foo = function(){ console.log('foo2'); } foo() // foo2然后看以下下面代码 function foo(){
2020-12-15 18:02:37
320
1
原创 模拟js中常用的的API
/** * 两极反转 * @param array * @returns {[]} */function arr_reverse(array) { var result = []; for (var i = array.length - 1; i >= 0; i--) { result[result.length] = array[i]; } return result;}/** * 删除最后一个 * @param array *.
2020-12-15 16:53:51
181
原创 js的数组去重汇总
数组去重是js中很常见的问题这里总结了常用的一些去重算法(7种)使用数组内置api splice() 原数组改变 for (var i = 0; i < arr.length; i++) { for (var j = i + 1; j < arr.length; j++) { if (arr[i] === arr[j]) { arr.splice(j, 1);
2020-12-09 20:49:14
153
原创 var的变量提升函数预解析
预解析:在当前作用域下，js运行之前，会把带有var和function关键字声明的变量先声明，并在内存中安排好。然后从上至下解析js语句。而且function的声明优先于var声明。不多说，，直接上代码正规写法：12345var num=10;fun();function fun(){console.log(num);//undefinedvar num=20; }预解析里：先将变量和函数提前，如下：12345678var num;function fun(){
2020-12-09 19:39:31
282
原创 js实现的排序
简单排序冒泡排序 - 冒泡排序是最简单排序算法,时间复杂度为n的平方,代码如下: function bubbleSort(array) { for (var i = 0; i < array.length; i++) { for (var j = array.length; j > 0; j--) { if (array[j] < array[j - 1]) {
2020-12-08 23:35:28
371
原创 正则表达式
正则表达式正则定义显式定义var reg = new RegExp(“正则表达式模式”);//[0-9]表示匹配数字var reg = new RegExp("[0-9]");隐式定义var reg = /正则表达式模式/;//\d:表示匹配数字var reg2 =/\d/;var reg3=/[0-9]/;方法test作用：是否匹配正则表达式模式。返回：true(匹配)/false(不匹配)match作用：可以在字符串内检索指定的值，或
2020-12-03 22:40:29
191
原创 清除浮动的方式有哪些？
首先我们要知道为什么要清除浮动在html中，默认使用的就是流式布局；流式布局：在一个html中每个元素都有每个元素的位置，行内元素从左往右排列布局，块元素从上往下排列布局；文档流：在一个页面中，在文档流中的元素都有自己的位置，如果某个元素脱离了文档流，那么他将不参与流式布局，不在拥有自己的位置；块元素如果脱离了文档流，那么他将不参照父元素的宽度定宽，所以脱离文档流的块元素，如果没有内容，则必须设置宽高，如果有内容他就取决于他的内容。使用浮动就会使元素脱离文档流*，父级div定义 heig
2020-12-03 21:35:52
295
原创 JS的内置对象及方法总结
js的内置对象先了解正则表达式布尔对象Boolean()构造函数 new Boolean(); 构造函数将参数转为布尔值Boolean() 转变函数，将一个值转换成为布尔类型的数据日期对象Date()构造函数new Date()可以使用任意的时间日期或者获取当前时间var date = new Date(‘2000-11-10 12:00:00’);var date = new Date；日期对象的方法getFullyear() //返回年份，四位数，建议使用ge
2020-12-03 21:01:53
192
原创 总结JavaScript的数据类型转换
js中的数据类型可以分为两大类； 基本数据类型：string number undefined null Boolean 引用数据类型：对象，函数，以及数组他们之间在特定的情况下会发生类型转换显示转换1. 转化为数值型:Number()强制转换...
2020-11-27 21:55:09
231
原创 功能齐全的纯css实现的轮播图
实现内容：1.几张图片自动轮播2.图片上有小圆点自动跟随图片移动3.用css实现点击效果思路：1.图片自动轮播可以在一个小的盒子里面设置一个大盒子，大盒子设置overflow：hidden；然后设置动画。为实现动画的过渡效果，可以在动画中间留有间隙。如：@keyframes swiper {0%,18% { left: 0;}20%,38% { left: -1920px;}40%,58% { left: -3840px;}60%,78% { left
2020-11-16 11:49:04
366
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人