
前端
Roselane_Begger
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
随机获取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 · 961 阅读 · 0 评论 -
通过循环调用 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 · 486 阅读 · 0 评论 -
作为值的函数应用:根据某个对象属性对对象数组进行排序
参考《JavaScript高级程序设计》因为ECMAScript中的函数名本身就是变量,所以函数也可以作为值来使用。也就是说,不仅可以像传递参数一样把一个函数传递给另一个函数,而且可以将一个函数作为另一个函数的结果返回。应用:根据某个对象属性对对象数组进行排序假设有一个对象数组,我们想要根据某个对象属性对数组进行排序。要解决这个问题,可以定义一个函数,它接收一个属性名,然后根据这个属性名来创建一个比较函数:function createComparisonFunction(propertyName)原创 2021-03-22 11:25:58 · 264 阅读 · 0 评论 -
各个浏览器对ES6的支持
各个浏览器对ES6的支持性你的浏览器支持ES6吗?原创 2021-03-04 14:57:15 · 796 阅读 · 1 评论 -
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 · 333 阅读 · 0 评论 -
解决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 · 1324 阅读 · 0 评论 -
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 · 1898 阅读 · 0 评论 -
使用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 · 1790 阅读 · 1 评论 -
图片懒加载和预加载
图片懒加载和预加载参考:https://www.cnblogs.com/psxiao/p/11542930.html预加载:提前加载图片,当用户需要查看时可直接从本地缓存中渲染。懒加载:懒加载的主要目的是作为服务器前端的优化,减少请求数或延迟请求数。两种技术的本质:两者的行为是相反的,一个是提前加载,一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用,预加载则会增加服务器前端压...原创 2020-03-01 23:58:29 · 286 阅读 · 0 评论 -
模块化及AMD、CMD、CommonJS、ES6的对比
模块化**概念:**将一个复杂的程序依据一定的规则(规范)封装成几个块(文件)并进行组合。模块的内部数据的实现是私有的,只是向外部暴露一些接口(方法)与外部其他模块通信,这就是模块化。**优点:**模块化可以降低代码耦合度,减少重复代码,提高代码重用性,并且在项目结构上更加清晰,便于维护。AMD、CMD、CommonJs、ES6的对比他们都是用于在模块化定义中使用的,AMD、CMD、Co...原创 2020-03-01 23:57:20 · 375 阅读 · 0 评论 -
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 · 303 阅读 · 0 评论 -
事件捕获、事件冒泡、事件委托(代理)
事件捕获:事件从最不精确的对象(document对象)开始触发,然后到最精确事件冒泡:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发不是所有事件都能冒泡。以下事件不冒泡:blur、focus、load、unload(关闭页面)事件委托(代理):不在事件的发生地(直接dom)上设置监听函数,而是在其父元素上设置监听函数,通过事件冒泡,父元素可以监听到子元素上事...原创 2020-03-01 23:50:38 · 270 阅读 · 0 评论 -
JavaScript继承的六种方式
JavaScript继承的六种方式我觉得有些地方我可能理解的不是很到位,如果我下文有出现错误直接提出,谢谢~另外可以看看这两篇文章:https://www.cnblogs.com/humin/p/4556820.htmlhttps://www.cnblogs.com/Grace-zyy/p/8206002.html继承就是让子类拥有父类的资源继承的意义 减少代码冗余 ...原创 2020-03-01 23:47:35 · 166 阅读 · 0 评论 -
5个原型规则
5个原型规则所有的引用类型(数组,对象,函数),都具有对象特性,即可自由扩展属性(除了null以外)所有的引用类型(数组,对象,函数),都有一个_ proto _(隐式原型)属性,属性值是一个普通对象所有的函数,都有一个prototype(显式原型)属性,属性值也是一个普通对象所有的引用类型(数组,对象,函数),_ proto _属性值指向他的构造函数的prototype属...原创 2020-03-01 23:43:34 · 248 阅读 · 0 评论 -
this
另外,可以看看这篇文章:https://www.cnblogs.com/pengshengguang/p/11105323.htmlthis对象是在运行时基于函数的执行环境绑定的:在全局函数中,this—>window在函数中1、作为对象的方法来调用 this—>当前的对象2、作为普通的函数调用 this—>window(1.2可总结为 看函数名前面是否有“...原创 2020-02-25 10:06:23 · 210 阅读 · 0 评论 -
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 · 319 阅读 · 0 评论 -
正则表达式的先行断言(lookahead)和后行断言(lookbehind)(转)
正则表达式的先行断言(lookahead)和后行断言(lookbehind)(转)正则表达式的先行断言和后行断言一共有4种形式:(?=pattern) 零宽正向先行断言(zero-width positive lookahead assertion)(?!pattern) 零宽负向先行断言(zero-width negative lookahead assertion)(?<=pat...转载 2019-11-04 21:19:13 · 217 阅读 · 0 评论 -
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 · 183 阅读 · 0 评论 -
Web前端开发标准规范总结(转)
Web前端开发标准规范总结(转)Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦)。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。备注:实际开发请以本公司的规范为标准。A.基本原则符合web标准(UTF-8,HTML5),语义化html(HTML5新增要求,减少div和span...转载 2019-11-04 21:12:41 · 357 阅读 · 0 评论 -
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 · 417 阅读 · 0 评论 -
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 · 370 阅读 · 0 评论 -
CSS小记(持续更新)
CSS小记(持续更新)1、text-decoration属性值描述none默认。定义标准的文本。无划线underline下划线overline上划线line-through中划线blink定义闪烁的文本。(只有FireFox支持)inherit规定应该从父元素继承 text-decoration 属性的值。2、CSS代码书写顺...原创 2019-09-19 22:51:12 · 743 阅读 · 0 评论 -
如何使用Easy Mock
如何使用Easy MockEasy Mock是什么Easy Mock是一个可视化,并且能快速生成模拟数据的服务。以项目管理的方式组织MockList,能帮助我们更好的管理Mock数据,不怕丢失。解决的问题 开发时,后端还没完成数据输出,前端只好写静态模拟数据。 数据太长了,将数据写在js文件里,完成后挨个改url。 某些逻辑复杂的代码,加入或去除模拟数据时得小心翼翼。 想要尽...原创 2019-07-12 13:19:39 · 648 阅读 · 0 评论 -
简单理解Vue中的nextTick
简单理解Vue中的nextTick定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。一、示例先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。模板<div class="app"> <div ref="msgDiv">{{msg}}</div> <div v-...转载 2019-07-12 13:20:19 · 222 阅读 · 0 评论 -
webpack概念与基本配置
webpackwebpack配置学习可以看这篇文章 https://www.jianshu.com/p/42e11515c10f可以跟着他的操作一步一步来,不过有些地方已经过时了,但还是有很多可以学习的地方。这是我根据该文章操作的代码,可以进行参考https://github.com/csmSimona/webpacktest更多详情请阅读webpack中文文档概念什么是webpac...原创 2019-08-06 17:16:38 · 341 阅读 · 0 评论 -
vue react jquery的区别
jquery和框架的区别框架:数据和视图分离,以数据驱动视图,只关心数据变化,dom操作被封装。数据驱动jquery: 依靠dom操作去组合业务逻辑。事件驱动React和Vue对比两者本质区别Vue—本质是MVVM框架,由MVC发展而来React—本质是前端组件化框架,由后端组件化发展而来模板的区别Vue—使用模板(最初由Angular提出)React—使用JSX模板语法...原创 2019-09-22 22:37:50 · 2421 阅读 · 0 评论 -
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 · 1164 阅读 · 0 评论 -
vue.js基础入门
vue.js基础入门该文章只是我对vue基础知识的一点总结,详细vue知识请看Vue官方文档。一、什么是vue.js是一个轻量级MVVM框架,数据驱动+组件化的前端开发。数据驱动:数据响应原理——数据(model)改变驱动视图(view)自动更新。组件化:扩展html元素,封装可重用代码。组件设计原则页面上每个独立的可视/可交互区域视为一个组件每个组件对于一个工程目录,组...原创 2019-04-14 20:18:09 · 351 阅读 · 0 评论 -
Vuex
Vuex一、Vuex是什么?vuex是一个专为vue.js应用程序开发的状态管理模式(它采用集中式存贮管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化)。简单来说:Vuex解决项目中多个组件之间的数据通信和状态管理。Vuex将状态管理单独拎出来,应用统一的方式进行处理,采用单向数据流的方式来管理数据。用处负责触发动作(Action)进而改变对应状态(State),...原创 2019-10-09 22:09:54 · 276 阅读 · 0 评论 -
一像素边框实现
下文部分引用于移动端1像素边框问题,这篇文章写得很详细,值得一看。为什么移动端一像素边框和pc端不一样?其实这两个px的含义其实是不一样的,UI设计师要求的1px是指设备的物理像素1px,而CSS里记录的像素是逻辑像素,它们之间存在一个比例关系,可以用javascript中的window.devicePixelRatio来获取,也可以用媒体查询的-webkit-min-device-pixel...转载 2019-03-31 22:09:59 · 541 阅读 · 0 评论