- 博客(64)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 JavaScript小记（持续更新）
学习js遇到的疑问和js基础都记录在这里，持续更新中。1、正则表达式/b+/g 至少出现一次b（1~n次）/b*/g 可以不出现b，也可以出现一次或多次（0~n次）/b{n,m}/g 最少出现n次b，最多出现m次b（n~m次）/colou?r/g 可以匹配color或colour，？表示前面的字符最多只出现一次（0次或1次）2、代码回收规则1.全局变量不会被回收2...
2019-09-08 22:22:05
1038
原创 随机获取1到100之间（包括）的一个数值 / 随机获取一个范围内的一个数值
随机获取1到100之间（包括）的一个数值 / 随机获取一个范围内的一个数值function selectFrom(lowerValue, upperValue) { var choices = upperValue - lowerValue + 1; return Math.floor(Math.random() * choices + lowerValue);}var num = selectFrom(1, 100);console.log(num); // 介于1到100（包
2021-03-23 15:12:13
916
原创 通过循环调用 indexOf() 或 lastIndexOf() 来找到所有匹配的子字符串
通过循环调用indexOf()或lastIndexOf()来找到所有匹配的子字符串var stringValue = "Lorem ipsum dolor sit amet, consectetur adipisicing elit";var positions = new Array();var pos = stringValue.indexOf("e");while(pos > -1) { positions.push(pos); pos = stringValue.in
2021-03-23 10:49:13
447
原创 作为值的函数应用：根据某个对象属性对对象数组进行排序
参考《JavaScript高级程序设计》因为ECMAScript中的函数名本身就是变量，所以函数也可以作为值来使用。也就是说，不仅可以像传递参数一样把一个函数传递给另一个函数，而且可以将一个函数作为另一个函数的结果返回。应用：根据某个对象属性对对象数组进行排序假设有一个对象数组，我们想要根据某个对象属性对数组进行排序。要解决这个问题，可以定义一个函数，它接收一个属性名，然后根据这个属性名来创建一个比较函数：function createComparisonFunction(propertyName)
2021-03-22 11:25:58
238
转载 移动端开启调试器 手机上也能看到console
前端开发现在都流行真机测试，但是有时候在手机上无法看到console的内容 或者检查结果 在页面中添加以下代码即可即可（切记，项目发布时候一定要去掉）<script> window.onload = function() { var script = document.createElement('script'); script.src = "https://cdn.bootcss.com/eruda/1.5.4/eruda.m
2021-02-01 10:29:45
1324
原创 TypeScript小记（持续更新中）
TypeScript小记（持续更新中）正在学习typescript中，想通过博客做笔记记录下学习的内容，内容在同步更新2020.12.04 创建文档，更新TypeScript基础2020.12.18 理了一遍基础知识点排列顺序2020.12.30 更新至泛型，完成ts小实践：使用 TypeScript 编写爬虫工具参考来源：TypeScript入门教程史上最全的TypeScript入门教程TypeScript －系统入门到项目实战ts小实践：使用 TypeScript 编写爬虫工
2021-01-04 16:02:03
308
原创 解决ios系统显示时间为NaN的问题
问题：例 2020-11-23 能在安卓机上正常显示，但在ios系统上显示错误，显示为NaN-NaN-NaN。原因：ios系统无法识别 2020-11-23 这样格式的时间，前端时间格式 " - " 在ios的safari浏览器不兼容，要转换成 " / " 才可以解决办法：let date = new Date("2020-11-23".replace(/\-/g, "/"))...
2020-11-23 14:08:11
1268
转载 ECharts数据可视化项目-大屏数据可视化展示学习笔记（Echarts基本使用）
Echarts基本使用来源：ECharts数据可视化项目（PS：这个老师讲的不错，风趣生动）Echarts-介绍常见的数据可视化库：D3.js 目前 Web 端评价最高的 Javascript 可视化工具库(入手难)ECharts.js 百度出品的一个开源 Javascript 数据可视化库Highcharts.js 国外的前端数据可视化库，非商用免费，被许多国外大公司所使用AntV 蚂蚁金服全新一代数据可视化解决方案 等等Highcharts 和 Echarts 就像是 O
2020-08-05 14:30:24
1784
原创 快速解决无法登录网页版微信的问题，亲测有效
在公司开发测试阶段，需要使用网页版微信对开发页面进行调试，但是我的两个微信号在扫码登录网页版微信时，都出现了以下提示：为了你的帐号安全，此微信号不能登录网页微信。你可以使用Windows微信或Mac微信在电脑端登录。Windows微信下载地址：https://pc.weixin.qq.com Mac微信下载地址：https://mac.weixin.qq.com经过网络搜索和尝试下，终于发现一种可以成功在浏览器登录微信且可以调试页面的方法：下载QQ浏览器 然后用里面的插件登录即可（显示在浏览器的
2020-06-28 15:44:21
24899
6
原创 使用Vue自定义指令v-loadmore实现列表下拉加载
使用Vue自定义指令实现列表下拉加载参考链接： https://www.cnblogs.com/Neilisme/p/10245588.html1、在 main.js 同级创建 directive.js 注册自定义指令import Vue from 'vue'Vue.directive('more', { bind(el, binding) { var p = 0; var t = 0; var down = true; el
2020-06-17 15:19:28
1605
1
原创 图片懒加载和预加载
图片懒加载和预加载参考：https://www.cnblogs.com/psxiao/p/11542930.html预加载：提前加载图片，当用户需要查看时可直接从本地缓存中渲染。懒加载：懒加载的主要目的是作为服务器前端的优化，减少请求数或延迟请求数。两种技术的本质：两者的行为是相反的，一个是提前加载，一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用，预加载则会增加服务器前端压...
2020-03-01 23:58:29
254
原创 模块化及AMD、CMD、CommonJS、ES6的对比
模块化**概念：**将一个复杂的程序依据一定的规则（规范）封装成几个块（文件）并进行组合。模块的内部数据的实现是私有的，只是向外部暴露一些接口（方法）与外部其他模块通信，这就是模块化。**优点：**模块化可以降低代码耦合度，减少重复代码，提高代码重用性，并且在项目结构上更加清晰，便于维护。AMD、CMD、CommonJs、ES6的对比他们都是用于在模块化定义中使用的，AMD、CMD、Co...
2020-03-01 23:57:20
338
原创 Ajax,jQuery ajax,axios和fetch的区别
Ajax,jQuery ajax,axios和fetch的区别Ajax：Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在...
2020-03-01 23:53:00
271
原创 事件捕获、事件冒泡、事件委托（代理）
事件捕获：事件从最不精确的对象(document对象)开始触发，然后到最精确事件冒泡：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发不是所有事件都能冒泡。以下事件不冒泡：blur、focus、load、unload（关闭页面）事件委托（代理）：不在事件的发生地（直接dom）上设置监听函数，而是在其父元素上设置监听函数，通过事件冒泡，父元素可以监听到子元素上事...
2020-03-01 23:50:38
247
原创 JavaScript继承的六种方式
JavaScript继承的六种方式我觉得有些地方我可能理解的不是很到位，如果我下文有出现错误直接提出，谢谢~另外可以看看这两篇文章：https://www.cnblogs.com/humin/p/4556820.htmlhttps://www.cnblogs.com/Grace-zyy/p/8206002.html继承就是让子类拥有父类的资源继承的意义 减少代码冗余 ...
2020-03-01 23:47:35
151
原创 5个原型规则
5个原型规则所有的引用类型（数组，对象，函数），都具有对象特性，即可自由扩展属性（除了null以外）所有的引用类型（数组，对象，函数），都有一个_ proto _(隐式原型)属性，属性值是一个普通对象所有的函数，都有一个prototype(显式原型)属性，属性值也是一个普通对象所有的引用类型（数组，对象，函数）,_ proto _属性值指向他的构造函数的prototype属...
2020-03-01 23:43:34
225
原创 JS中数据类型的判断（ typeof，instanceof，constructor，Object.prototype.toString.call() ）
JS中数据类型的判断（ typeof，instanceof，constructor，Object.prototype.toString.call() ）typeof对一个值使用typeof操作符可能返回：undefined、string、number、boolean、object（对象或null）、function、symbol（新）console.log(typeof 2); ...
2020-03-01 23:38:12
289
原创 Linux基本命令
Linux基本命令服务器使用Linux居多，server版只有命令行测试环境要匹配线上环境，因此也是Linux经常需要登录测试机来自己配置，获取数据命令解释ssh name @server登录mkdir a创建名为a的文件夹ls当前目录下的文件（只显示文件名）ll会列出该文件下的所有文件信息，包括隐藏的文件cd a到a文件夹p...
2020-03-01 20:52:34
178
原创 this
另外，可以看看这篇文章：https://www.cnblogs.com/pengshengguang/p/11105323.htmlthis对象是在运行时基于函数的执行环境绑定的:在全局函数中，this—>window在函数中1、作为对象的方法来调用 this—>当前的对象2、作为普通的函数调用 this—>window（1.2可总结为 看函数名前面是否有“...
2020-02-25 10:06:23
187
转载 git 合并分支出现 Please enter a commit message to explain why this merge is necessary.
Please enter a commit message to explain why this merge is necessary.请输入提交消息来解释为什么这种合并是必要的git 在pull或者合并分支的时候有时会遇到这个界面。可以不管(直接下面3,4步)，如果要输入解释的话就需要:1.按键盘字母 i 进入insert模式2.修改最上面那行黄色合并信息,可以不修改3.按键盘左上...
2020-02-18 17:32:19
283
原创 git clone时报RPC failed; curl 18 transfer closed with outstanding read data remaining 错误
git clone时报RPC failed; curl 18 transfer closed with outstanding read data remaining 错误可能是因为网络下载速度缓慢解决方法：命令行输入git config --global http.lowSpeedLimit 0git config --global http.lowSpeedTime 999999...
2019-12-14 23:04:56
215
转载 正则表达式的先行断言(lookahead)和后行断言(lookbehind)（转）
正则表达式的先行断言(lookahead)和后行断言(lookbehind)（转）正则表达式的先行断言和后行断言一共有4种形式：(?=pattern) 零宽正向先行断言(zero-width positive lookahead assertion)(?!pattern) 零宽负向先行断言(zero-width negative lookahead assertion)(?<=pat...
2019-11-04 21:19:13
188
原创 Vue评星组件开发
star文件夹下建立Star.vue，及相关的图片信息。便于组件的就近维护Star.vue<template> <div class="star" :class="starSize"> <span v-for="(itemClass,key) in itemClasses" :class="itemClass" class="star-i...
2019-11-04 21:15:37
164
转载 Web前端开发标准规范总结（转）
Web前端开发标准规范总结（转）Web前端作为开发团队中不可或缺的一部分，需要按照相关规定进行合理编写（一部分不良习惯可能给自己和他人造成不必要的麻烦）。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。备注：实际开发请以本公司的规范为标准。A.基本原则符合web标准（UTF-8，HTML5），语义化html（HTML5新增要求，减少div和span...
2019-11-04 21:12:41
307
转载 offsetHeight,clientHeight,scrollHeight,offsetY等属性的理解（转）
el.offsetHeight = height + padding + border（表示可视区域的高度，包含了border和滚动条）el.clientHeight = 表示的是可视区域的高度，不包含border和滚动条el.scrollHeight = 整个元素的高度 （ 包括了clientHeight看不到的那部分，一般就是你css设置的元素高度）el.offsetTop = 子元素的...
2019-11-04 21:10:28
378
原创 Vuex
Vuex一、Vuex是什么？vuex是一个专为vue.js应用程序开发的状态管理模式（它采用集中式存贮管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化）。简单来说：Vuex解决项目中多个组件之间的数据通信和状态管理。Vuex将状态管理单独拎出来，应用统一的方式进行处理，采用单向数据流的方式来管理数据。用处负责触发动作（Action）进而改变对应状态（State），...
2019-10-09 22:09:54
255
原创 关于定位（position属性）
1、absolute生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。absolute绝对定位元素相对的元素是它最近的父元素进行定位，该父元素满足：position的值必须是：relative、absolute、fixed，若没有这样的父元素则相对于body进行定位。元素的位置通过“left”，“top”，“right”以及“bottom”属性进行规定。...
2019-09-30 21:30:10
357
原创 什么是图灵完备语言？
前端语言中只有JS是图灵完备语言。什么是图灵完备语言？能实现各种逻辑的语言，能做到判断，递归，循环。一切可计算的问题都能计算，这样的虚拟机或编程语言就叫做图灵完备的。一个能计算处每一个图灵可计算函数的计算系统被称为图灵完备的。一个语言是图灵完备的，意味着该语言的计算能力与一个通用图灵机相当，这也是现代计算机语言所能拥有的最高能力。...
2019-09-22 22:59:32
1246
3
原创 vue react jquery的区别
jquery和框架的区别框架：数据和视图分离，以数据驱动视图，只关心数据变化，dom操作被封装。数据驱动jquery： 依靠dom操作去组合业务逻辑。事件驱动React和Vue对比两者本质区别Vue—本质是MVVM框架，由MVC发展而来React—本质是前端组件化框架，由后端组件化发展而来模板的区别Vue—使用模板（最初由Angular提出）React—使用JSX模板语法...
2019-09-22 22:37:50
2362
原创 两个数不使用四则运算得出和
// 写一个函数，求两个整数之和，要求在函数体内不得使用+、-、*、/四则运算符号。// 按位异或 每一位都不同，结果才为 1// 8 ^ 7 // -> 15// 8 ^ 8 // -> 0// 1000 ^ 0111 -> 1111 -> 15// 1000 ^ 1000 -> 0000 -> 0// 这道题中可以按位异或，因为按位异或就是不...
2019-09-21 20:13:43
264
原创 移动端一像素边框最后一个商品不需要边框
.food-item display: flex 7margin: 18px padding-bottom: 18px border-1px(rgba(7, 17, 27, 0.1)) &:last-child border-none() margin-bottom: 0border-1px($color) position: relative &:a...
2019-09-20 14:00:58
177
原创 CSS小记（持续更新）
CSS小记（持续更新）1、text-decoration属性值描述none默认。定义标准的文本。无划线underline下划线overline上划线line-through中划线blink定义闪烁的文本。（只有FireFox支持）inherit规定应该从父元素继承 text-decoration 属性的值。2、CSS代码书写顺...
2019-09-19 22:51:12
699
原创 HTML小记（持续更新）
HTML小记（持续更新）1、HTML5中的新特性1.图像 canvas2.多媒体 video，audio3.本地存储 localStorage、sessionStorage4.语义化更好的内容元素 article、header、footer、nav、section5.表单控件 date、time、canlendar、url、search6.新的技术 webworker、websock...
2019-09-19 22:04:44
349
原创 Node节点
节点属性1、nodeType：节点类型Node.ELEMENT_NODE(1)；（元素节点）Node.ATTRIBUTE_NODE(2)；（属性节点）Node.TEXT_NODE(3)；（文本节点）Node.CDATA_SECTION_NODE(4)；Node.ENTITY_REFERENCE_NODE(5)；Node.ENTITY_NODE(6)；Node.PROCESSING...
2019-09-19 22:02:23
1050
原创 计算机网络面试题
1、TCP和UDP的区别TCPUDP面向连接无连接（发送数据前不需要先建立连接）可靠（无差错，不丢失，不重复，且按序到达，适合大数据量的交换）不保证可靠交付，尽最大努力交付面向字节流（应用比如电子邮件、文件传送）面向报文（不会因网络拥塞而降低发送速率，因此会出现丢包，对实时的应用比如IP电话和视频会议等）首部20字节首部8字节1对11对1,1...
2019-09-19 21:31:07
1575
原创 vue的两种路由模式：hash与history
hash模式hash ——即地址栏URL中的#符号（此hsah 不是密码学里的散列运算）。 比如这个URL：http://www.abc.com/#/hello, hash 的值为#/hello。它的特点在于：hash 虽然出现URL中，但不会被包含在HTTP请求中，对后端完全没有影响，因此改变hash不会重新加载页面。 hash模式背后的原理是onhashchange事件,可以在w...
2019-09-18 20:50:39
251
原创 Vue整体实现流程
1.解析模板成render函数<div id="app"> <p>{{price}}</p></div>// render函数with(this){ // this即vm return _c( 'div', { attrs: {"id": "app"} }, [...
2019-09-18 15:24:22
455
原创 React基础
React基础1、什么时候用react，什么时候用vuereact灵活性比较大，处理复杂业务时有更多技术方案的选择 。vue提供了更丰富的api，实现功能简单，但也因api多会对灵活性有一定的限制。做复杂度比较高的项目时使用react，面向用户端复杂度不高的使用vue 。2、JSXReact发明了JSX，利用HTML语法来创建虚拟DOM。React的核心机制之一就是可以在内存中创建虚拟...
2019-09-17 21:31:14
211
原创 vue将时间戳转化为日期格式
date.jsexport function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } let o = { '...
2019-09-14 21:53:32
418
超全面软件设计师笔记.pdf
2020-10-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人