- 博客(47)
- 收藏
- 关注
RSS订阅原创 HTML - 标签自定义属性
html标签中，除了标准的属性名外，还可以自定义属性名，下面看下两种自定义属性的使用1.自定义属性名<body> <button desc="this is a button">Click me!</button> <script> var btn = document.querySelector('button') console.log(btn.getAttribute('desc')) // 获取属性值 b
2020-08-20 19:40:16
15526
3
原创 JS - 事件循环机制（Event Loop）
JS事件循环机制，最常用到的地方应该是做面试题，经常给出一段代码，让你写出console.log()顺序，很伤脑经，死记题目过不久又忘了。了解JS事件循环机制之后，可以很轻松的解决这类题目。这里安利一下我这次学习课程《2分钟了解 JavaScript Event Loop | 面试必备》，视频很短，用动画的形式讲解了JS事件循环机制，真的很不错！有能力的同学去给UP主三连吧。题外话：之前看这个UP主的自我介绍视频，挺励志的一个前端工程师，从三本的学校再到读国外计算机研究生，现在应该30+岁了吧，可能他厌
2020-08-20 13:14:42
320
原创 JS - 闭包 & 作用域 & 内存泄漏
之前看了很多关于闭包概念的文章，看完后总是处于似懂非懂的状态，时间一长又忘了。最近重新找资料学习，在b站发现了后盾人这个教程视频：《第九章 这次把JS闭包给你讲得明明白白》，这个老师讲的很清晰，从作用域开始讲，到闭包的概念，再到闭包使用场景（商品排序），我觉得记牢一个知识点要联系它的使用场景，课程中的商品排序例子就是一个很好解释闭包的例子。挺推荐大家去观看学习的，特别是初学者、对闭包概念很模糊、看文章又看难理解的同学，有能力的同学去给老师投币哈哈哈！闭包1.学习闭包之前，先要了解JS的作用域，JS主
2020-08-19 11:56:50
265
原创 JS - ＜script＞加载顺序
!async !defer在<head>中，<script>不加async defer属性值时，浏览器至上而下加载html文档，遇到script引用，暂停html加载，等待script脚本加载&执行完，再加载之后的html// index.html<!DOCTYPE html><html><head> <script type="text/javascript" src="./main.js"></..
2020-08-17 23:34:58
817
原创 JS - Map Set & 去重方法
MapMap是一种数据结构，由键值对组成。Map看起来像一个二维数组，存放着一对对键值对，可通过键名获取对应的键值。将一个对象数组（例如学生成绩对象）转化为Map，可以通过“学生姓名”获取“学生成绩”，Map查询速度更快。var scoreList = [ { name: 'Tim', age: 18, score: 90 }, { name: 'Tony', age: 17, score: 95 }, { name: 'Kevin', age: 18, score: 91 }];
2020-08-17 22:28:05
8533
原创 JS - 笛卡尔积算法
笛卡尔积的定义假设集合A={a, b}，集合B={0, 1, 2}，则两个集合的笛卡尔积为{(a, 0), (a, 1), (a, 2), (b, 0), (b, 1), (b, 2)}。使用场景计算出商品的SKU，SKU是英语中Stock Keeping Unit的缩写，直译过来就是存货单元。举个例子，女孩子去买衣服，找到喜欢的款式，喜欢的颜色，还得找到自己的尺码——款式 + 颜色 + 尺码就是这里说的SKU，是我们识别产品所必须的，也是商场进出存的最小单元。算法reduce()函数使
2020-08-14 16:26:43
6590
原创 JS - 回文字符串
回文字符串字符串正序读的结果与倒序读的结果一样，例如“上海自来水来自海上”两种判定方法数组指针 递归数组指针：移动头指针与尾指针进行元素比较var s = '上海自来水来自海上';var len = s.length;var mid = len % 2 ? len / 2 - 1 : len / 2; // 字符串长度为奇、偶数时的比较次数 var flag = true;for (let i = 0; i < mid; i++) { let head = s[i]
2020-08-14 10:47:46
2356
原创 Module build failed: Error: Unexpected "space" found
在 vue-cli 脚手架中使用 stylus 时，莫名其妙会出现下面的错误stylus 语法是正确的，相关依赖插件都安装了，还是报错... 挣扎了一个多钟找到了解决办法，我用的是 sublime text 3，点击右下角（如图所示）在选择图中箭头所指向的选项，将所有的[ 缩进 ]转化为 [ 空格 ] 或者 [ Tabs ] ...
2018-08-26 22:21:23
2776
1
转载 npm 镜像切换
1.得到原本的镜像地址npm get registry > https://registry.npmjs.org/设成淘宝的npm config set registry http://registry.npm.taobao.org/ 2.换成原来的npm config set registry https://registry.npmjs.org/...
2018-08-21 18:03:10
15520
原创 git入门
git 查看/修改用户名、密码参考博客：https://blog.csdn.net/bit_girl/article/details/53560885 使用git将项目上传到github参考博客：https://www.cnblogs.com/cxk1995/p/5800196.html...
2018-08-21 17:50:05
482
原创 JavaScript jsonp解决跨域问题
产生跨域原因[浏览器同源策略]：协议不同（http/https）、域名不同、端口不同演示下出现跨域的情况，请求豆瓣api：http://api.douban.com/v2/movie/top250jquery-ajax请求function req_test () { var url = "http://api.douban.com/v2/movie/top250" $.ajax...
2018-08-03 17:55:30
1878
原创 JavaScript typeof instanceof的使用
typeof检测一个变量的类型，还可以检测一个变量是否声明// 这种写法会出现异常if (a) {}// 使用typeof判断变量是否定义，这里属于RHS查询~if (typeof(a) === 'undefined') { }// 检测数组var arr = []console.log(typeof(arr)) // Objectconsole.log(ar...
2018-08-03 12:01:53
146
原创 vue-cli打包后如何运行
参看博客：https://blog.csdn.net/u014054437/article/details/79981307#commentBox 执行npm run build进行打包，生成dist文件夹，直接打开dist中的index.html文件将会是一片空白dist中的文件需要放在服务器上运行，具体的操作参考上面的博客，感谢这位博主啦！！！ config/index...
2018-08-03 00:01:27
5432
原创 判断移动端是ios还是android
获取浏览器的userAgent，这个字符串信息包含了手机使用的系统描述// toLowerCase()转化为小写，方便后面匹配~var phone_flag = navigator.userAgent.toLowerCase();console.log(phone_flag)F12打开控制台，选择手机调试模式~可以看到，选择iphone 5/SE的时候，浏览器信息中出现'ip...
2018-08-02 12:01:47
892
原创 计算机网络学习
http://www.ruanyifeng.com/blog/2017/05/websocket.htmlhttps://www.pubnub.com/blog/2014-12-01-http-long-polling/https://www.pubnub.com/blog/2014-10-01-websockets-and-long-polling-in-javascript-ruby-...
2018-08-02 00:02:53
228
原创 JavaScript this学习
学习参考博客：https://www.cnblogs.com/chenhuichao/p/9351754.html 函数中的this在函数定义时，并不会知道指向谁，只有在调用的时候才能确定，大部分情况下，this指向函数的调用者由window调用function f () { var user = "cjn"; console.log(this) // window ...
2018-08-01 21:39:55
135
原创 如何在word里面贴代码
http://www.planetb.ca/syntax-highlight-word1.打开网站2.选择编程语言3.点击Show Highlighted4.复制粘贴
2018-08-01 14:58:02
517
原创 JavaScript apply() call()学习
个人理解，apply()、call()的作用就是"借用"其他的函数，完成事情，第一个参数都是运行时的对象apply()与call()区别apply()第二个参数传入的是数组，call()第二个传入的参数是一串变量（记忆方法：call打电话，需要一个一个拨）以下代码是网上普遍的例子1.function person (name, age) { this.name = name...
2018-07-31 17:28:25
163
原创 JavaScript search match test exec总结
一直对JS正则表达式中的几个函数傻傻分不清楚，search()，match()，test()，exec()，下面对四个函数进行总结按所属对象划分 search()，match()属于String对象；test()，exec()属于RegExp对象按函数功能划分 - 验证是否匹配search()，test()按函数功能划分 - 提取出匹配项match()，exec()St...
2018-07-31 14:28:07
551
原创 Vue数据绑定底层实现
通过Object.defineProperty()，数据改变时触发set()函数下面是简单的示例var obj = {}Object.defineProperty(obj, 'name', { get: function () { console.log("get init") }, set: function (newVlue) { console.log("set ...
2018-07-30 22:40:34
276
原创 JavaScript slice() splice()学习
slice(startIndex, endIndex)，endIndex选填，可为负数，不填则截取剩余所有。不会修改原始的数组splice(startIndex, length, item1,....,item2)，length必填（删除的元素个数），item1,...,item2选填（新插入的元素），返回值为删除元素组成的数组。会修改原始的数组var _arr = [0, 1, 2, ...
2018-07-30 16:40:25
513
原创 JavaScript 根据key获取url中value
代码参考于网上面试题function getValue (key) { var _href = window.location.href; if(_href.split('?')[0] === _href) { return ""; } var arr = _href.split('?')[1].split('&'); var obj = {} for (var i=...
2018-07-30 15:42:11
993
原创 Sublime Text Sublimerge插件 比较两份文件差异
这个插件可以比较两份文件代码，提示两份文件中代码不一样的地方（在更新版本时，可以清楚看出新文件修改的地方）官网：https://www.sublimerge.com/sm3/使用方法：https://blog.csdn.net/qq_14994863/article/details/79864659 ...
2018-07-30 08:57:38
11399
原创 游戏开发引擎了解
游戏分为端游、页游、手游国内流行的游戏引擎Cocos2d-x、Egret（白鹭）、LayaBox等什么是Cocos2d-js，是Cocos2d-x的JavaScript版本，详情查看这个链接技能：JavaScript、TypeScript、ActionScript3，熟悉TCP/IP、WebSocket网络通信。LayaBox: https://www.layabox.com/...
2018-07-29 22:17:44
318
原创 localStorage本地存储，数据存在哪？
localStorage.setItem("laker", "championship")突发奇想，localStorage存储的"laker"数据放在系统那个盘？以Chrome浏览器为例，数据放在C:\Users\你的计算机名\AppData\Local\Google\Chrome\User Data\\Default\Local Storage\leveldb用Notepad+...
2018-07-25 15:08:26
27257
2
转载 单页面应用网上项目
https://blog.csdn.net/sinat_17775997/article/details/59491899https://github.com/bailicangdu/react-pxq
2018-07-24 09:34:35
248
原创 ES6 解构赋值学习
学习博客：ES6-变量的解构赋值-阮一峰核心：按照一定模式 ，从数组和对象中提取值数组的解构赋值，根据索引位置进行赋值// 根据位置进行赋值let [a, b, c] = [1, 2, 3];console.log(a, b, c);let [head, ...tail] = [1, 2, 3, 4];console.log(head, tail)// 也可以设置默认值...
2018-07-20 17:42:38
160
原创 vue-cli脚手架搭建学习
参考博客：https://blog.csdn.net/wulala_hei/article/details/80488674 在当前文件夹下运行Powershell窗口，Win10系统下，Shift+右键，选择 [在此处打开Powershell窗口]1.运行vue init webpack sell （webpack为脚手架的模板之一，sell为自定义的项目文件夹名称）2.cd s...
2018-07-20 14:06:12
259
原创 vue-cli的build文件夹下，没有dev-server.js文件
在学习慕课网《饿了么App》vue视频教程中，需要在dev-server.js中编写请求本地文件的api但是创建的脚手架并没有发现dev-server.js...解决方法参考这个链接、链接2 2018-7-31原因：此项目视频录制时间就早，项目为vue1.x的版本，vue2.0的webpack已经更新...
2018-07-19 20:51:54
737
原创 JavaScript 立即执行函数
学习参考文章：JavaScript中立即执行函数实例详解 立即执行函数表达式（IIFE）IIFE（Immediately Inoveked Function Expression）立即知悉你跟函数表达式特点函数创建后立即执行，不需要被调用作用1.不必为函数命名，避免了污染全局变量（第三方库中存在大量的变量与函数）2.形成了一个单独的作用域，可以封装一些外部无法读取的私有...
2018-07-19 10:32:52
222
原创 HTML5 定位功能（配合腾讯地图API）
参考教程：W3C HTML5 地理定位学习博客：基于浏览器的HTML5地理定位HTML5 地理定位 HTML5 Geolocation（地理定位）用于定位用户的位置，浏览器的限制较大，在手机上体验更好代码逻辑1.判断浏览器是否支持地理定位功能2.运行getCurrentPosition (showPosition, showError)，showPosition方法...
2018-07-18 17:21:37
18919
4
原创 JavaScript with语句和LHS和RHS查询
学习博客：JavaScript中with的用法 JavaScript中的LHS和RHS查询with语句总结改变作用域 容易造成内存泄漏 性能低 “严格模式“下禁用1.with语句可以方便多次修改对象中的值（通过改变对象的作用域）// 修改obj对象中的变量var obj = { a: 1, b: 2, c: 3}// 方式一obj.a = 11;obj...
2018-07-17 18:39:51
219
原创 JavaScript filter map函数学习
filter(function(currentValue, index, arr)), thisValue) ：function遍历判断A数组中的每一个元素，如果为True测返回，最终生成B数组var arr = [1, 2, 3, 4, 5]function foo (value, index, arr) { return value >= 4}console.log(a...
2018-07-17 15:31:28
148
转载 需要仔细阅读的博客文章
JavaScript中with的用法JavaScript中的LHS和RHS查询从JavaScript的作用域链到闭包 ..立即执行函数表达式（IIFE）10道典型的JavaScript面试题 ...Javascript 严格模式详解 ...Javascript模块化编程（一）：模块的写法 ......
2018-07-13 15:20:17
173
原创 Vue开发版本与生产版本的区别
引入vue.js可以从官网在线引入，官网共提供两个版本，分别是开发版和生产版开发版：<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>生产版：<script src="https://cdn.jsdelivr.net/npm/vue"></script>区别之一在于...
2018-07-12 14:13:37
11226
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人