- 博客(41)
- 收藏
- 关注
RSS订阅原创 ES6 对象方面的新特性
ES6（ECMAScript 2015）为JavaScript语言增加了很多新特性，包括对象字面量属性的简写、计算属性名、方法的简写、对象的解构赋值、Object.assign()方法复制对象属性、Object.is()比较两个值等。
2024-05-06 09:57:48
395
原创 &&前端&&数组扁平化
第一种方法function steamrollArray(arr) { const flattenedArray = []; for (let i = 0; i < arr.length; i++) { if (Array.isArray(arr[i])) { flattenedArray.push(...steamrollArray(arr[i])); } else { flattenedArray.push(arr[i]); } }
2021-11-15 23:49:23
155
原创 &&前端&&sass
NO。1用 Sass 变量存储数据Sass 不同于 CSS 的一个特点是它允许使用变量。 可以在 Sass 中声明变量，并为它赋值，就像在 JavaScript 中一样。在 JavaScript 中，变量是使用 let 和 const 关键字定义的。 在 Sass 中，变量以 $ 开头的，后跟变量名。$main-fonts: Arial, sans-serif;$headings-color: green;<!--这样使用-->h1 { font-family: $main-
2021-11-15 21:19:09
589
原创 &&前端学习&&集合排序
要求编写一个带有两个或更多数组的函数，并按原始提供的数组的顺序返回一个新的唯一值数组。换句话说，所有数组中出现的所有值都应按其原始顺序包括在内，但最终数组中不得重复。去重后的数字应按其出现在参数中的原始顺序排序，最终数组不应按数字大小进行排序。如有疑问，请先浏览下方的测试用例。No。1function uniteUnique(arr1, arr2, arr3) { var finalArray = []; for (var i = 0; i < arguments.length;
2021-11-15 16:52:32
357
原创 &&前端&&寻找缺失的字母
在这道题目中，我们需要写一个函数，找出传入的字符串里缺失的字母并返回它。如果所有字母都在传入的字符串范围内，返回 undefined。第一种方法function fearNotLetter(str) { for (var i = 0; i < str.length; i++) { /* code of current character */ var code = str.charCodeAt(i); /* if code of current character
2021-11-15 16:28:24
479
原创 &&前端&&DNA 配对
给出的 DNA 链上缺少配对元素。 请基于每个字符，获取与其配对的元素，并将结果作为二维数组返回。DNA 的碱基对 有两种形式：一种是 A 与 T，一种是 C 与 G。 请为参数中给出的每个字符配对相应的碱基。注意，参数中给出的字符应作为每个子数组中的第一个元素返回。例如，传入 GCG 时，应返回 [[“G”, “C”], [“C”,“G”], [“G”, “C”]]。字符和它的配对组成一个数组中，所有配对数组放在一个数组里。第一种方法function pairElement(str) {
2021-11-15 16:18:49
150
原创 &&前端&&搜索与替换
在这道题目中，我们需要写一个字符串的搜索与替换函数，它的返回值为完成替换后的新字符串。这个函数接收的第一个参数为待替换的句子。第二个参数为句中需要被替换的单词。第三个参数为替换后的单词。注意： 在更换原始单词时保留原始单词中第一个字符的大小写。 即如果传入的第二个参数为 Book，第三个参数为 dog，那么替换后的结果应为 Dog第一种方法function myReplace(str, before, after) { // Find index where before is on st
2021-11-14 21:20:11
604
原创 &&前端&&儿童黑话
儿童黑话也叫 Pig Latin，是一种英语语言游戏。 规则如下：如果单词以辅音开头，就把第一个辅音字母或第一组辅音簇移到单词的结尾，并在后面加上 ay。如果单词以元音开头，只需要在结尾加上 way。第一种方法function translatePigLatin(str) { let consonantRegex = /^[^aeiou]+/; let myConsonants = str.match(consonantRegex); return myConsonants
2021-11-14 20:13:28
2332
原创 &&前端&& 过滤数组中的重复元素
利用函数删掉数组中的重复元素第一种方法funtion destroyer(arr){ let val = Object.values(agruments).slice(1); for(let i=0;i<arr.length;i++){ for(let j=0;i<val.length;j++){ if(arr[i] === val[i]){ delete arr[i]; } } } return arr;}destroyer([1, 2, 3, 1
2021-11-14 17:01:07
794
原创 &&前端&&数组的对称差
比较两个数组并返回一个新数组，包含所有只在其中一个数组中出现的元素，排除两个数组都存在的元素。 换言之，我们需要返回两个数组的对称差。**注意：**返回数组中的元素顺序不会影响挑战的测试结果。第一种方法function diffArray(arr1, arr2) { var newArr = []; function onlyInFirst(first, second) { // Looping through an array to find elements that don't
2021-11-14 09:12:36
501
原创 &&前端&&函数式编程
函数式编程是一种方案简单、功能独立、对作用域外没有任何副作用的编程范式。1）功能独立——不依赖于程序的状态（比如可能发生变化的全局变量）；2）纯函数——同一个输入永远能得到同一个输出；3）有限的副作用——可以严格地限制函数外部对状态的更改。函数式编程术语Callbacks 是被传递到另一个函数中调用的函数。 你应该已经在其他函数中看过这个写法，例如在 filter 中，回调函数告诉 JavaScript 以什么规则过滤数组。函数就像其他正常值一样，可以赋值给变量、传递给另一个函数，或从其它函数返
2021-11-13 23:42:56
358
原创 &&前端&&找到数组中最大的数字
function largestOfFour(arr) { return arr.map(function(group) { return group.reduce(function(prev, current) { return current > prev ? current : prev; }); });}largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 100
2021-11-10 16:26:39
448
原创 &&前端&& map
map（）方法将调用的数组的每个元素传递给指定的函数，并返回一个数组，它包含该函数的返回值。a=[1,2,3];b= a.map(function(x){ return x*x;})(3) [1, 4, 9]传递给map（）的函数的调用方式和传递给forEach（）的函数的调用方式一样。但传递给map（）的函数应该有返回值。注意，map（）返回的是新数组：它不修改调用的数组。如果是稀疏数组，返回的也是相同方式的稀疏数组：它具有相同的长度，相同的缺失元素。...
2021-11-10 16:19:24
99
原创 &&前端&&找出字符串中最长的单词
第一种方法function findLongestWordLength(str) { let word = str.split(" "); let maxlength = 0; for(let i = 0; i < word.length; i++){ if(word[i].length>maxlength){ maxlength = word[i].length; } } return maxlength;}findLongestWord
2021-11-10 15:54:58
109
原创 &&前端&& 计算整数阶乘
第一种方法 采用for循环递增function factorialize(num) { let product = 1; for (let i = 2; i <= num; i++) { product *= i; } return product;}factorialize(5);第二种方法递归function factorialize(num) { if(num == 0){ return 1; } return num*factoria
2021-11-10 10:32:29
212
原创 &&前端&&反转字符串生成新的字符串
第一个方法是采用for循环 递减function reverseString(str) { let newString = ""; for(let i=str.length-1;i>=0;i--){ newString += str[i]; } console.log(newString); return newString;}reverseString("hello");第二个方法是采用的内部函数function reverseString(str) {
2021-11-10 09:23:27
723
原创 &&前端&& 正则表达式
写在前面的内容以下是我学习记录有不正确的地方 大家一起讨论学习 进步码农双双 在路上正则表达式在编程语言中，正则表达式用于匹配指定的字符串。 通过正则表达式创建匹配模式（规则）可以帮你完成指定匹配。如果想要在字符串 The dog chased the cat 中匹配到 the 这个单词，可以使用如下正则表达式：/the/。 注意，正则表达式中不需要引号。let a =“The dog chased the cat” ;let b = /the/;b.test(a);这里会打印出来是tr
2021-11-09 21:09:09
693
原创 &&前端&& promise
Promise 是异步编程的一种解决方案 - 它在未来的某时会生成一个值任务完成，分执行成功和执行失败两种情况。Promise 是构造器函数，需要通过 new 关键字来创建。构造器参数是一个函数，该函数有两个参数 - resolve 和 reject。resolve 解决reject 拒绝const myPromise = new Promise((resolve, reject) => {});...
2021-11-06 09:50:23
109
原创 &&前端&& ES6 种的三个点点...
在ES6种…这个叫做rest操作符可以用来展开数组使用咱开数组可以做浅拷贝使用浅拷贝就是只能拷贝一维数组
2021-11-05 22:02:47
184
原创 &&前端&& apply
apply 方法能劫持另外一个对象的方法，继承另外一个对象的属性.function Person(name,age,sex) { this.name=name; this.age=age; this.sex =sex } /*定义一个学生类*/ functionStudent(name,age,grade) { Person.apply(this,arguments); this.grade=grad
2021-11-05 19:52:09
165
原创 &&前端&& 数组合方式
&&前端&& 数组合并到两种方式第一种arr1 = [1,2,3];arr2 = [4,5,6];arr1.push(...arr2);「必须有三个点点啊。必须有，为什么，目前不知道，后续更新」第二种arr1 = [1,2,3]arr2 = [4,5,6];Array.prototype.apply(arr1,arr2);「原理目前不是很懂，我保证后续更新；」有知道的也可以留言讨论；；；...
2021-11-05 17:06:06
197
原创 vscode 快速写代码
在vs code 中输入 div.cube>div.cube_$*6 摁下回车键就会生成如下代码 (〃‘▽’〃)<div class="cube"> <div class="cube_1"></div> <div class="cube_2"></div> <div class="cube_3">...
2019-07-23 15:00:07
1260
2
原创 GIT操作
GIT操作1、下载完git安装包 点击git -bash .exe进入命令行界面 输入git init创建新的版本仓库 最新创建的git版本库 需要先提交一遍才能生成最原始的分支(master)2、输入 git add a.txt 然后输入 git commit -m "a.txt"3、然后输入 git branch (新的分支名称) 创...
2018-12-19 13:55:52
226
转载 web前端界面切图命名规范方法
命名规范这个是 老生常谈 的一个问题，不管是切图、还是CSS、JS以及建立文件夹都是如此，此次整理了一篇关于切图命名的文章，除了学习切图命名之外，更多的是要理解命名的思路方向思维，并非全抄即可 我看到过很多小伙伴的切图命名，大多数人和新手是用拼音命名的还有部分小伙伴更是要逆天了，是这样命名的以汉子命名的，（我和我的小伙伴都惊呆了），U妹很担心你会被开发同事打拼音的命名方式也是可...
2018-12-10 11:06:07
13951
原创 html 里面的 script 标签有了新的属性： integrity
这个标签是为了防止 CDN 篡改 javascript 用的。 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" cross...
2018-12-06 14:52:34
7068
原创 JavaScript权威指南 第二章 词法结构
JavaScript程序是用unicode字符集编写的。 JavaScript是区分大小写的语言。 HTML是不区分大小写的语言。 JavaScript会忽略程序中标识（token）之间的空格。 JavaScript也会忽略换行符 JavaScript用「/」进行转义 注释：JavaScript支持两种注释格式 「//这里是注释内容」「/*这里是注释内容*/」 直接量：程序中直接使用...
2018-12-06 14:16:49
187
原创 在HTML中引入JAVAScript
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。<script> 标签如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。<script> 和 </
2018-12-05 14:31:50
323
原创 HTML引用CSS的方法
链接的标签<link href=”index.css” rel=”stylesheet”>样式标签<style>body{width: 100%;}h1 {color: #FFF;}</style>内联样式参数<span style=”font-size: 15px; color: #FFF;”>...
2018-12-05 14:20:45
2273
原创 ES6 视频学习分享NO.2
分享 这篇文章，主要是对自己学习的一个总结。 希望可以帮助到更多的人 今天学习 const 命令 ================================================================= const 用来定义常量 定义常量的名字，一般都是用大写 const 特性之一 一旦复制 不可以再次改变const...
2018-11-23 14:16:37
183
原创 ES6 视频学习分享NO.1
//引入js<script type='text/javascript' src='./index.js'></script>ES6的特性 强大 简洁 严谨引入与ES5 没有太大的区别NO. 1//var 与 let 对于域的看法不同// var 可以作为全局变量和局部变量// let 只要遇到代码库就算一个域if(true){ var ...
2018-11-23 11:28:23
661
3
原创 前端学习正则表达式
第一 权威指南JavaScript中的正则表达式用RegExp对象表示，可以使用RegExp()构造函数来创建RegExp对象，不过RegExp对象更多的是通过一种特殊的直接量语法来创建。var pattern = /s$/;var pattern = new RegExp("s$");正则表达式中的直接量字符字符字母和数字字符 匹配自身\o 匹配NUL\t ...
2018-11-08 15:35:15
279
原创 初次接触 yarn
可以看到这个单词，之前对他并不了解，也不知道是干什么用的。第一次相遇是在electron的文件中。electron-vue的框架推荐试用。 快速、可靠、安全的依赖管理。这应该是作者最开始的目的吧安装我是用的是macportsudo port install yarn你可以使用下面的命令 检查是否安装成功yarn --version安装很顺利，基本上没遇到太大...
2018-11-08 15:34:39
154
原创 在webstorm中搭建electron的环境
之前要运行electron项目的步骤是进入项目electron .当你恰好也用webstorm的时候你还可以这样编辑器的 右上角 这样三角 轻轻一点 你的electron 就运行起来了，方块一点你的项目就停止了是不是很方便来来 配置第一步在bin下面新建一个electron.js的js文件（暂时是空的哦~~~~） 右上角找到Edit Conf...
2018-11-06 18:26:08
7793
1
原创 electron Mac 环境搭建
安装electron之前 首先 确保 你已经安装好了 node.js跟npm检测方法node -vv10.11.0npm -v6.4.1当返回版本号的时候，恭喜你 ~~~ 第一步你成功了 其次是建立node.js的项目，对，你没有看错是node.js的项目，不要着急安装electron。 搭建node.js项目之后你的项目文件列表中，会有node_...
2018-11-06 18:10:37
4329
1
原创 常用终端命令行Mac版（持续更新）
cd 进入当前目录 ls 查看当前目录的内容 mkdir 创建一个目录 pwd 显示当前目录的路径名 rm 删除文件或目录 sudo -s 获取root权限 vim 进入文件 wq 保存修改的文件 先按下esc之后，：wq 退出文件 touch 创建文件 open 打开某个文件 soure 保存某个文件 i 进入文件之后编辑文件 ...
2018-10-07 23:14:07
684
转载 Mac下node提示command not found
第一步：创建.bash_profile文件，～表示在～目录下，.表示隐藏文件，打开终端，输入命令如下[objc] view plain copytouch ~/.bash_profile 第二步：打开.bash_profile文件，输入命令如下：[objc] view plain copyopen -t ~/.bash_profile 第三步：这时候会弹出一个空白的文本编辑...
2018-10-07 23:11:47
883
原创 JavaScript权威指南中项目代码 关于银行贷款的
JavaScript Loan Calculator .output{font-weight: bold;} #payment{text-decoration: underline;} #graph{border: 1px solid black;} th, td{vertical-align: top;} Enter Loan
2017-10-25 17:49:02
323
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人