
JS学习
将之前javascript的一些学习笔记整理一起
我也秃了
全栈工程师转职魔法吟唱大法师
展开
-
JS 数字字符串 计算差值 以及 排序
JS 纯数字字符串 计算差值以及排序原创 2022-06-06 15:20:03 · 436 阅读 · 0 评论 -
JS根据变量变化的字符串
模板字符串描述简述目的简单应用思考解决方案已经有些基础的同学应该已经猜到了这次用的是模板字符串模板字面量 是允许嵌入表达式的字符串字面量。你可以使用多行字符串和字符串插值功能。它们在ES2015规范的先前版本中被称为“模板字符串”。描述模板字符串使用反引号 (` `) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法(${expression})的占位符。占位符中的表达式和周围的文本会一起传递给一个默认函数,该函数负责将所有的部分连接起来,如果一个模板字符串由表达式开头,则该字符串原创 2022-04-18 16:36:07 · 921 阅读 · 0 评论 -
react+ant+XLSX 简易excel前端解析mod
写个前端解析excel的例子项目之前解析一般都在后端的,这次试试前端的首先使用最基础的上传组件<div> <Upload {...props}> <Button icon={<UploadOutlined />}>Click to Upload</Button> </Upload></div>然后搞一个excelTestModel大概长这个样然后加上方法 const props = {原创 2021-12-01 11:05:03 · 1235 阅读 · 1 评论 -
将document的element数组化(htmlCollection toarray)
因为有遍历网页对于className的element的innerText需求所以尝试将getElementsByClassName的数据遍历因为以下语句可行document.getElementsByClassName("myClassName")[0].innerText"myClassName"但是document.getElementsByClassName(“myClassName”)不属于arraytypeof document.getElementsByClassName("myC原创 2021-10-29 15:05:50 · 437 阅读 · 0 评论 -
setInterval读取外部变量
今天发现了一个问题类似如下代码function myFunction(){ const [count, setCount] = useState(0) useEffect(()=>{ setInterval(()=>{ console.log(count) },1000) },[]) ... setCount(...) ...}会发现不管怎么更改count的值,输出的始终是0那么setInterval想要读取到实时原创 2021-08-16 16:36:47 · 1904 阅读 · 0 评论 -
JS Learning note -- Array.map()
The map() method can create a new array populated with the results of calling a provided fuction on the calling array’s every element.there is an example on the MDN:const array1 = [1, 4, 9, 16];// pass a function to mapconst map1 = array1.map(x =>原创 2021-05-13 15:47:00 · 144 阅读 · 0 评论 -
JS 迭代器(ITERATION)和生成器(GENERATOR)
JS Learning Note -- Iteration and spread operationFirst question, what is the Iteration?Iteration and spread operators in ES6The Iterator ProtocolCustomize IteratorEarly termination of iteratorsGeneratorsbasicsINTERRUPTING EXECUTION WITH “YIELD”USING A GEN原创 2020-12-07 17:06:57 · 547 阅读 · 1 评论 -
JS根据conten-disposition保存文件
后台生成Excel并命名后传送命名保存在Headers的Content-Disposition内命名保存语句Response.Headers.Add("Access-Control-Expose-Headers", "Content-Disposition");希望前端以该命名保存数据那么该如何保存呢源代码:我这里先在页面加了<a id="download" style={{ display: 'none' }}></a>然后在调用API返回res后if (r原创 2020-12-02 11:42:58 · 1106 阅读 · 2 评论 -
JS学习笔记——正则表达式
正则表达式概念创建正则表达式方法一方法二编写正则表达式模式简单模式特殊字符模式贪婪与非贪婪使用正则表达式RegExp方法String方法使用括号记住匹配项特殊高级搜索标志概念正则表达式是用于匹配字符串中字符组合的模式在JS中,正则表达式也是对象的一种创建正则表达式方法一var re = /ab+c/方法二var re = new RegExp("ab+c")可能有的人要问,这个’ab+c’是啥意思啊?继续看吧!编写正则表达式模式简单模式举个简单的例子,比如/abc/,/abc原创 2020-11-16 15:47:26 · 553 阅读 · 1 评论 -
Moment.js学习笔记
Moment.jsMoment.js是javaScript 时间处理类库记录一些方便的MOMENT方法格式化moment().format('MMMM Do YYYY, h:mm:ss a'); // 十月 30日 2020, 1:48:42 下午moment().format('dddd'); // 星期五moment().format("MMM Do YY"); // 10月 30日 20moment().format('Y原创 2020-10-30 15:24:58 · 383 阅读 · 0 评论 -
Lodash学习笔记
these days, I am learning English and trying to improve both my language skills and my technology skills . So if you find any errors in my blog, please leave a comment.Useful FunctionsArray_.compact(array)_.differenceWith(array, [values], [comparator])_.f原创 2020-10-30 11:48:05 · 647 阅读 · 0 评论 -
为代码加一点防御力
今天大佬提到了一点防御性编程的概念特地查了一下防御性编程(Defensive programming)是防御式设计的一种具体体现,它是为了保证,对程序的不可预见的使用,不会造成程序功能上的损坏。它可以被看作是为了减少或消除墨菲定律效力的想法。防御式编程主要用于可能被滥用,恶作剧或无意地造成灾难性影响的程序上。在我的理解看来,try catch 语句应该也算一种吧,将error catch住,防止程序出现崩溃。至于为什么会知道这个,是因为在后端 token过期的情况下,后台并未catch住这个erro原创 2020-09-11 10:42:03 · 440 阅读 · 0 评论 -
echarts配色
自己找了一点配色集,有几个也是我自己配的,虽然有可能不是很好看,但我觉得还是看着比原来的主题配色好一些//新特性 const colors1 = [ '#63b2ee', '#76da91', '#f8cb7f', '#f89588', '#7cd6cf', '#9192ab', '#7898e1', '#efa666', '#eddd86', '#9987ce', '#63b2ee', '#76da91原创 2020-09-08 14:07:27 · 5638 阅读 · 0 评论 -
JS Object赋值注意点
记录一下用变量赋值var a='age'; var obj1={a:23};console.log(obj1);//{a:23} a不会主动变为age ×var obj2={[a]:23};console.log(obj2);//{age:23} √原创 2020-08-26 12:58:19 · 1402 阅读 · 0 评论 -
js截取字符串
比如去除最后一个字符串let str='ahsdkjashdkja'; str= str.substring(0, str.length - 1); //ahsdkjashdkj原创 2020-08-05 13:41:59 · 303 阅读 · 0 评论