苛性钠
码龄5年
关注
提问 私信
  • 博客:25,068
    25,068
    总访问量
  • 34
    原创
  • 2,136,433
    排名
  • 11
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:浙江省
  • 加入CSDN时间: 2020-07-15
博客简介:

苛性钠的博客

查看详细资料
个人成就
  • 获得14次点赞
  • 内容获得6次评论
  • 获得49次收藏
  • 代码片获得103次分享
创作历程
  • 1篇
    2022年
  • 12篇
    2021年
  • 21篇
    2020年
成就勋章
兴趣领域 设置
  • 前端
    javascriptcssxhtml前端框架
  • 微软技术
    typescript
创作活动更多

2024 博客之星年度评选报名已开启

博主的专属年度盛宴,一年仅有一次!MAC mini、大疆无人机、华为手表等精美奖品等你来拿!

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

【ant-design】-upload组件个性化实现上传文件

1.实现ant-design的upload组件个性化定制 beforeUpload() ;2.前端自定义打开文件选择器-Window.showOpenFilePicker()3.File类型限制 excludeAcceptAllOption
原创
发布博客 2022.05.20 ·
2751 阅读 ·
2 点赞 ·
0 评论 ·
3 收藏

nginx部署项目-入门

Nginx 是什么?Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点开发的。2021年,稳定版本1.20.0目前,我用的是1.18.0版本Nginx 怎么用?先看目录结构:放置项目文件夹当前目录中、html目录中随便放置;我的在html中打开conf文件夹,进入nginx.conf文件中 server { // 端
原创
发布博客 2021.09.14 ·
283 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

nvm管理node版本

一、简介在日常工作中,不同的项目对node的版本要求不一样;如果每次都去手动下载和配置不同版本的node,估计得累死;因此,防止优秀的程序员因这…就暴毙而亡,nvm隆重登场;下面,跟随作者的安装步骤,开启对node版本的控制之旅。二、配置本篇讲述我自己安装所遇到的问题,如果你们遇到跟我不同的问题,欢迎讨论和指导。1.安装nvm网址:https://nvm.en.softonic.com/gitHub网址:https://github.com/coreybutler/nvm-windows/rel
原创
发布博客 2021.08.10 ·
374 阅读 ·
1 点赞 ·
1 评论 ·
0 收藏

JS-柯里化函数

柯里化函数1.高阶函数的一种,即接收函数为参数,返回一个处理函数的函数。2.我们在不知道一个函数的参数个数的时候,做收集参数的操作;等待传参的数量达到接收函数的参数个数,再执行这个接收的函数。3.如果这个函数的传参数量没有达到接收函数的参数数量或者我们规定的参数数量,返回一个函数,继续去做收集参数的事情,等到参数收集完毕,执行这个函数。// 柯里化函数封装 function curry(fn,args){ // 保存当前this let _this = this;
原创
发布博客 2021.06.09 ·
347 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JS-对象深克隆

对象深克隆在实际开发过程中,经常遇到需要对引用类型进行深克隆的地方;引用类型的地址存在栈中,而值存在堆中。如果对象浅拷贝,拷贝的对象的属性变化会引起原对象的属性变化,在一些地方我们不希望原对象属性跟随新对象的属性变化;需要我们实现深克隆。function deepClone(obj){ // 判断传参是否是一个有值的对象 function isObj(obj){ return (typeof obj==='object'||typeof obj==='function'
原创
发布博客 2021.06.09 ·
127 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JS-防抖节流函数

防抖节流函数有什么用?当用户疯狂点击按钮时,那个按钮被绑定了一些事件,就会疯狂触发事件的处理函数。又不能阻止用户的疯狂行为,我们就要限制事件触发的频次。如果用户鼠标结实,可以让他一直点下去,还不影响性能;就用到了防抖节流函数。1.防抖在用户疯狂点击的情况下,在点击结束后的规定时间内触发一次事件处理函数。原理:使用一次性计时器,计时器是异步操作,用户的每一次点击会将debonce函数放进事件队列,当debonce函数执行的时候,会在指定时间之后将setTimeout的函数放进事件队列进行排队
原创
发布博客 2021.06.09 ·
232 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

ES6--高阶函数之bind函数模拟封装

bind函数模拟封装bind的函数:创建一个新的函数,在bind()被调用时,这个新函数的this被指定为bind()的第一个参数,而其余参数将作为新函数的参数,供调用时使用。作用:call()、apply()和bind()函数都可以改变当前函数this指向;区别于call()和apply()不会立即执行该函数,传参方式和call()方法一样1.初步模拟改变this指向:(function(){ let obj={ name:'XX', age:18 } function A(n1
原创
发布博客 2021.04.06 ·
620 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JS-sequelize(一种ORM框架)

sequelize是什么?1.它是基于 promise 的运行在node环境的ORM框架;2.它具有强大的事务支持, 关联关系, 预读和延迟加载,读取复制等功能。3.本文用操作数据库的例子来描述它用来进行模块化开发的步骤。4.参考网址:https://www.sequelize.com.cn/core-concepts/getting-started5.建议阅读:<<mock.js模拟数据>>中的如何运行“node ./”中和生成package.json文件的方法。
原创
发布博客 2021.03.29 ·
645 阅读 ·
1 点赞 ·
1 评论 ·
0 收藏

JS-mock.js模拟数据

mock.js是什么?官网上说它是用来生成随机数据,拦截 Ajax 请求的。http://mockjs.com/本文主要讲述它如何模拟生成随机数据。一、安装githuab上的文档详细介绍了它的安装。https://github.com/nuysoft/Mock/wiki/Getting-Started本文主要讲述node环境下,mock.js的安装与使用。因为这为了下面的博客中使用:squelize的博客地址二、使用var Mock = require('mockjs');le
原创
发布博客 2021.03.28 ·
178 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

node.js事件循环

node.js事件循环Node.js的运行机制(1)V8引擎解析JavaScript脚本。(2)解析后的代码,调用Node API。(3)Node API的执行。是将不同的任务分配给不同的线程,形成一个Event Loop(事件循环),以异步的方式将任务的执行结果返回给V8引擎。(4)V8引擎再将结果返回给用户。分析nextTick和setImmediate(1)process.nextTick方法可以在当前的执行尾部,即下一次读取"任务队列"之前;触发回调函数。也就是说,它指
原创
发布博客 2021.03.22 ·
195 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

js--移动端点击事件延迟问题

1.描述:移动端页面若没有加视口标签,则点击事件会比触摸结束事件晚300ms左右触发。2.原因:因为在没有视口标签的情况下,允许用户双击缩放;而为了兼容双击事件,判断300ms以内点击两次为双击事件,点一次为单击事件。解决方案1.加视口标签原理:加视口标签之后,禁止用户双击缩放2.使用touch事件来模拟点击事件 function tap(ele,callBack){ // 定义开关--用于判断是否触发了click事件 var flag=true; .
原创
发布博客 2021.02.25 ·
523 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

javascript-数组去重方法合集

数组去重方法合(本章总结七大类)首先,我们制造一些数组来测试我们的去重方法 // 纯数字数组 var arr_1=[1,6,3,3,1,2,2,2,6]; // 字符串数组 var arr_2=['123','asc','qw2','qw2','123','123','qw2','ghh']; // 数字+字符串数组 var arr_3=[1,'a',2,2,'a','a','1']; // DOM对象是类数组--页面至少写一个div v
原创
发布博客 2021.01.14 ·
177 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

CSS3-奔跑的熊

2D转换平移旋转缩放倾斜过渡动画-transition
原创
发布博客 2021.01.02 ·
290 阅读 ·
0 点赞 ·
1 评论 ·
1 收藏

JavaScript-三级联动的详细操作

三级联动之用户选取省-市-区的案例分析1.基础–html+css布局布局根据实际项目需求,一下仅为案例参考:<ul class="box"> <li><span>省份:</span><select name="pro" id="pro"></select></li> <li><span>城市:</span><select name="c
原创
发布博客 2020.12.29 ·
776 阅读 ·
1 点赞 ·
0 评论 ·
4 收藏

原生JS--DOM怎么玩?(事件绑定相关)

DOMJavaScript的组成:核心语法(ECMAScript)+文档对象模型(DOM)+浏览器对象模型(BOM)。webAPI = DOM + BOM。ECMAScript:定义了JavaScript的语法规范,描述了语言的基本语法和数据类型,标准。BOM:用于操作浏览器的API集合;通过BOM可操作浏览器窗口。DOM:用于操作页面元素的API集合;DOM将HTML看做文档树,通过DOM提供的API对树的节点进行操作。专业名词文档:一个网页可以称为文档。节点:网页中的所有内容都
原创
发布博客 2020.12.14 ·
1061 阅读 ·
0 点赞 ·
1 评论 ·
0 收藏

原生JS--DOM的操作

准备好了吗?基础概念别睡着了喔 。。。查找DOM元素按照HTML查找document.getElementById 通过id获取元素document.getElementsByTagName 通过标签名获取元素 返回类数组document.getElementsByName 通过name属性查找元素 多用于表单 返回动态类数组document.getElementsByClassName 通过类名获取元素document.querySelector 通过css选择器获取元素 得到匹配的第一
原创
发布博客 2020.12.14 ·
301 阅读 ·
0 点赞 ·
1 评论 ·
0 收藏

JavaScript--分支+循环(continue、break、return的区别)

分支使用分支,让程序有选择的执行代码块,可以实现多次调用和节省运行效率if…else// 写法一:if (condition) { console.log('满足条件');}else{ console.log('不满足条件');}// 写法二--如果if后面只有一条语句可简写:if (condition) console.log('满足条件');else console.log('不满足条件');// 写法三--多语句:if (condition_1) { c
原创
发布博客 2020.11.30 ·
308 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JS--构造函数和实例化对象

构造函数在对象的创建过程中,我们发现Object就是构造函数;new关键字调用构造函数就会得到一个对象。var a=new Object('361546');console.log(typeof a);//'object'new关键字做了什么?function Stu(name,age,height){ // var this={};创建新对象 this.name=name; this.age=age; this.height=height; thi
原创
发布博客 2020.11.29 ·
2056 阅读 ·
0 点赞 ·
0 评论 ·
5 收藏

js---变量与常量声明专区

变量和常量的声明首先,变量的存在是为了存储数据。变量及常量的声明方式:一、var 声明变量:1.变量提升到当前作用域最顶端。2.仅声明变量不赋值时,变量值初始化为undefined;因此在声明语句前面可以打印变量的值为undefined。3.当赋值给未声明的变量, 则执行赋值后, 该变量会被隐式地创建为全局变量(它将成为全局对象的属性)。4.声明多个变量,可以用英文逗号分隔,上述c由var关键字声明,而变量d未声明。 b=6//变量未声明,会造成全局污染 console.log(a)
原创
发布博客 2020.11.23 ·
418 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

HTML--(ul+li)元素个性化设计表格实例

为什么不使用table做布局1.Table要比其它html标记占更多的字节。(延迟下载时间,占用服务器更多的流量资源)。2.Table会阻挡浏览器渲染引擎的渲染顺序。(会延迟页面的生成速度,让用户等待更久的时间)。3.Table里显示图片时需要你把单个、有逻辑性的图片切成多个图。(增加设计的复杂度,增加页面加载时间,增加HTTP会话数)。4.在某些浏览器中Table里的文字的拷贝会出现问题。(这会让用户不悦)。5.Table会影响其内部的某些布局属性的生效(比如<单元格里的元素的heigh
原创
发布博客 2020.11.19 ·
2670 阅读 ·
0 点赞 ·
0 评论 ·
9 收藏
加载更多