2021年11月_劲枫_CSDN博客

劲枫

码龄7年

个人简介：有所选择，有所坚持～

IP 属地：四川省

查看详细资料

个人成就

获得306次点赞
内容获得150次评论
获得887次收藏
代码片获得804次分享

TA的专栏

React
3篇
前端
60篇
VUE
18篇
Node
16篇
ES6相关
10篇
PHP相关
18篇
微信小程序开发
3篇
后端
4篇
Python Web
11篇
Tornado相关
9篇
Jupyter相关
4篇
Nginx
2篇
Hadoop
5篇
服务器相关
14篇
编码方式
1篇
数据库相关
5篇
笔记
9篇
TypeScript
2篇

创作活动更多

新星杯·14天创作挑战营·第9期

这是一个以写作博客为目的的创作活动，旨在鼓励大学生博主们挖掘自己的创作潜能，展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴，那么，快来参加吧！我们一起发掘写作的魅力，书写出属于我们的故事。我们诚挚邀请你们参加为期14天的创作挑战赛！注： 1、参赛者可以进入活动群进行交流、分享创作心得，互相鼓励与支持（开卷），答疑及活动群请见 https://bbs.csdn.net/topics/619626357 2、文章质量分查询：https://www.csdn.net/qc

475人参与去参加

搜TA的内容

字符串和unicode编码互转

但是不希望name字符在代码中出现（避免灰产全局搜name，定位到代码所在位置，打断点调试等）。所以可以将name字符串转成unicode编码，如下。有的场景需要避免某些明文字符串出现在代码中，但是后端接口又定义好了字段名。比如，接口字段名为name:xxx。然后在需要使用的地方转回来。那么接口设置的时候就是。

发布博客 2023.07.13 ·

字体文件提取指定文字，压缩字体包体积

在项目中，经常遇到设计给到的ui稿中包含特殊字体，但是要引用对应的字体包又特别大，对页面性能造成困扰。我们只需要提取项目中需要用的文字、数字、符号等特殊字体，尽可能减少包体积。

发布博客 2023.05.04 ·

React Hooks实现组件生命周期，监听组件挂载、卸载、更新事件

【代码】React Hooks实现组件生命周期，监听组件挂载、卸载、更新事件。

发布博客 2023.03.09 ·

自定义hooks实现useEffect中异步请求

/ 自定义hook。

发布博客 2023.02.02 ·

使用ES新特性过滤JS对象中不需要的属性

Object.fromEntries([['name', '张三'], ['age', 18]]): 就是把键值对列表转换为对象，这个键值对就是Object.entries()生成的。个人理解：就是二维数组，里面的每一项都是由对象的key、value组成的数组。// [['name', '张三'], ['age', 18]]：返回一个数组，成员是参数对象自身所有可遍历属性的键值对数组。接下来介绍另一种解决方案，相对来说更加的便捷且稳定。// {name: '张三', age: 18}name: '张三',

发布博客 2022.10.13 ·

es6 sleep函数

es6 sleep函数

发布博客 2022.07.12 ·

js运算精度丢失问题处理

/** * 将科学计数法的数字转为字符串 * 说明：运算精度丢失方法中处理数字的时候，如果出现科学计数法，就会导致结果出错 * 4.496794759834739e-9 ==> 0.000000004496794759834739 * 4.496794759834739e+9 ==> 4496794759.834739 * @param num */var toNonExponential = (num)=> { if(num == null) { .

发布博客 2021.11.02 ·

ts版本react reducer

定义// action-type的类型export const UPDATE_EXPANDEDROW = 'UPDATE_EXPANDEDROW';// state的类型export type RowkeyType = PrimaryTableProps['expandedRowKeys'];// action的类型type ExpandAction = { type?: typeof UPDATE_EXPANDEDROW; payload?: RowkeyType };// redu.

发布博客 2021.09.15 ·

react实现input搜索框延时发送请求

const onKeywordsChange = debounce((v: any) => { setSalePkgName(v);}, 800);//防抖函数function useDebounce(fn: any, delay: any, dep = []) { const { current }: any = useRef({ fn, timer: null }); useEffect(() => { current.fn = fn; }, [fn]); .

发布博客 2021.06.02 ·

达夫设备（Duff‘s Device）

众所周知，过多的循环会带来一定的性能开销，增加总体运行时间。而减少迭代次数能够优化性能。”Duff’s Device” 作为广为人知的一种限制循环迭代次数的模式，还是有必要了解的。下面贴出了几个js版本的Duff's Device实现方式function duff(items) { var len = items.length, //缓存局部变量 iterations = Math.floor(len / 8), //商数，存放duff迭代次数 startAt = len .

发布博客 2021.03.22 ·

小程序/H5固定单页面展示（长短屏自适应，不出现滚动条）的适配方案

场景描述：在开发小程序、H5中，可能存在需要在各种长短屏下都一个页面展示内容，不出现滚动条的场景。我们知道宽度的话按照设计稿750计算，大家基本没啥问题，H5就是750rem，小程序用750rpx，对吧，什么屏幕都能适配全屏。但是高度怎么办呢？方案介绍：此种方案中，必须有些可缩放元素存在：一张图片；其他部分如：底部按钮、底部文字、底部介绍等元素不能缩放。此时可以利用750/windowWidth计算一个比率。然后对于适配图片的处理方式是，1、计算设计稿中，不可缩放元素的高度；2.

发布博客 2021.03.11 ·

vue启动项目报sockjs-node错误

vue启动后报错。分析大致原因是公司内网络策略限制，在启动vue项目时访问了一个内网ip，访问不到解决办法：vue.config.js中devServer里面添加下面这端。其中ip通过cmd输入ipconfig查看

发布博客 2020.12.10 ·

node.js使用http.createServer搭建简单服务

方法说明：该方法属于http模块，使用前需要引入http模块（var http= require(“http”) ）使用该函数用来创建一个HTTP服务器，并将 requestListener 作为 request 事件的监听函数。语法：http.createServer([requestListener])接收参数：requestListener 请求处理函数，自动添加到 request 事件，函数传递两个参数： req 请求对象，想知道req有哪些属性，可以查看 ...

发布博客 2020.10.18 ·

15632 阅读 ·

js将13位时间戳转换成日期格式

function formatterTime(time, fmt='yyyy-MM-dd hh:mm:ss') { if(!time){ return ''; } if(typeof(time) == "object" || typeof(time) == "OBJECT") { var z = { M: time.getMonth() + 1, d: time.getDate(), h: time.getHours(), m: .

发布博客 2020.09.14 ·

将UTC时区转成本地时区

function datetimecut(UTCDateString) { if (!UTCDateString) { return '-'; } function formatFunc(str) { return str > 9 ? str : '0' + str } var date2 = new Date(UTCDateString); var year = date2.getFullYear(); var mon = formatFunc(da.

发布博客 2020.09.14 ·

HTML中使用VUE的模板页面

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>111</title> <script src="https://unpkg.com/vue/dist/vue.js"></script></head><body><div id="app"> <.

发布博客 2020.09.08 ·

vue和js文件相互监听DOM内容变化

前言：vue文件引入一个js文件，js中的按钮控制vue input弹框的出现，vue中的弹框输入的内容需要存入js文件。（ps:不要问为何不都用vue，设计如此），那么现在需要在vue中获取js控制弹框显隐的值，需要在js中获取vue中input后的内容。实现：先介绍一下MutationObserverMutationObserver 是一个可以监听DOM结构变化的接口。官方示例：//选择一个需要观察的节点var targetNode = document.getElementBy..

发布博客 2020.08.19 ·

JS获取路由参数

function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return decodeURI(r[2]); return null; } let ADTAG = getQuery...

发布博客 2020.08.06 ·

egg.js+vue前后端分离项目，后端如何使用set-Cookie为前端设置cookie

前后端分离，必然涉及跨域。直接设置不行的。网上看到很多设置方式比如 axios配置：withCredentials: true。然后后端采用cors ,添加Access-Control-Allow-Credentials：true。是不行的哈！本人项目栈，egg.js + vue +axios+nginx 实现后端为前端设置cookie。思路，消除跨域，只有从本质上解决跨域问题，后端才能为前端设置cookie，这个没价讲~操作如下：vue:8080 egg:7001nginx配置如下：.

发布博客 2020.07.22 ·

Nginx配置同一个域名访问不同端口的项目（前后端分离项目）

前端是8080，访问地址不变，xx.xx.com即可后端访问为 xx.xx.com/api 开头。以egg.js为列，需要配置前缀/api开头才可以，否则会报404 not found

发布博客 2020.07.22 ·