自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

喋喋的前端之路

面向对象面向君,不负代码不负卿~

  • 博客(22)
  • 收藏
  • 关注

原创 主流app的userAgent

主流app的ua

2024-02-01 15:37:10 598

原创 在线房源识别系统-毕设项目(一篇拖更一年的博客)

毕设项目-在线房源识别系统项目背景:随着我国流动人口的不断增多,网络租房市场快速发展,当前网络房屋成千上万,数据纷杂,很多信息是重复的,还有一些信息属于虚假房源。租客租房前会由于缺乏了解而造成不必要的麻烦,为了给租客提供简明、可靠的房源信息,本课题对网络房源的重复度和真实性进行分析研究,提出合理的度量标准和解决方案,并设计开发出具有实用价值的在线房源识别系统。本系统利用爬虫技术爬取房产中介网站的二手房信息,并对大量网络房源的重复度和真实性进行分析研究,得出合理且真实有效的优质房源数据。在房源展示方面,

2021-10-09 14:30:18 662

原创 跨域的9种解决方案

同源策略同源策略是一个重要的安全策略,它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档,减少可能被攻击的媒介。–引用自MDN同源示例域名 端口 协议三者一致才是同源http://www.example.com:80 === http://www.example.comhttps://www.example.com:443 === https://www.example.com这里注意:这里是为了突出端口的区别才写上端口。在默认情况下 htt

2021-08-13 10:13:37 967

原创 JS--Eval()

引言:被誉为魔鬼的eval函数,今天看了一些文章和问答,总结了此博客,欢迎指正~本文示例默认全部启用严格模式Eval:执行代码字符串内建函数eval允许执行一个代码字符串,代码字符串可能比较长,包含换行符、函数声明和变量等。例如:let code = 'alert("hello")'eval(code) //helloeval的结果是最后一条语句的结果例如:let value = eval('1+1')alert(value) //2let value = eval('let i

2021-06-09 11:56:08 474

原创 linux crontab定时任务小记

介绍通过crontab 命令,我们可以在固定的间隔时间执行指定的系统指令或 shell script脚本。时间间隔的单位可以是分钟、小时、日、月、周及以上的任意组合。这个命令非常适合周期性的日志分析或数据备份等工作。crontab [-u username]    //省略用户表表示操作当前用户的crontab -e (编辑工作表) -l (列出工作表里的命令) -r (删除工作作)我们用crontab -e进入当前用户的工作表编辑,是常见的vi

2021-04-15 11:50:54 826

原创 记一篇Lottie使用方法——前端动画解决方案

Lottie-前端动画解决方法引言什么是Lottie不同情况下的使用方法其他引言为什么写下这篇博文呢,因为Lottie是最近使用率极高的一个动画方案,他可以做很多css不好做又复杂的效果,笔者惊叹于现如今前端的发展,也是越用越香,抽空做个小笔记,有兴趣的同学也可以试试哦~什么是Lottie先上个官方链接,可以看看里面这个动画~我是官方链接上述是Lottie提供的官方效果图,当然你能做到的不止这一个效果。Lottie是一个库,可以解析使用AE制作的动画(需要用bodymovin导出为json格式),

2020-12-15 20:19:35 4606 2

原创 记一个小工具——font-spider(字蛛-css压缩中文字体字体)

font-spider链接用处安装和用法链接先上一个官方链接吧 字蛛再来一个Git地址字蛛Git地址用处这是一个压缩中文字体的小工具,用于前端开发过程中页面需要特定的文字,这些文字要是长期没有变化可以切图????。今天介绍的小工具就是用于有变化的文字,首先通过font-face的方法引入特定字体,通常一个字体文件过大(≥1M),页面上使用的又不是很多,因项目需求使用自定义字体,发现页面加载很慢,所以使用font-spider压缩字体大小,提升页面加载速度。该工具的原理就是浏览整个页面文字,仅保

2020-11-10 11:24:37 4872

原创 vue使用swiper轮播组件遇到的坑

vue中swiper轮播组件使用问题由来(1)普通版本(2)组件版本引入和使用下载引入CDN引入npm安装全局引入组件引入全文总结问题由来工作中需要使用轮播图,自己写的话耽误太多时间,使用插件最好,目前比较稳定好用的轮播插件swiper就这么被选了,不想看英文于是打开了中文文档,这也是坑的由来。建议不要看中文文档,更新太慢,现在目前的swiper版本已经到达6,直接使用npm安装的也会是最新版,中文文档只更新到4,意味着没法参考使用方法,有问题网上也找不到。在此附上英文API=>swiper英文

2020-08-06 11:49:56 3918 6

原创 实现一个简单的CSS上下浮动动画

记一个简单的CSS上下浮动动画动画描述代码实现运行结果动画描述让方块上下浮动代码实现<!DOCTYPE html><html><head><meta charset="utf-8"> <title>方块上下浮动</title> <style> #myDIV{ width:100px; height:100px; background:red; /*Safari 和 Chrome:*/ }#

2020-05-24 17:08:47 4038

原创 知识补充之CDN

一提起可能不知道,但是脑子里肯定有印象,因为在最开始接触前端或者在现在使用框架的过程中都会使用到,比如使用bootstrap的时候懒得下载到本地,使用的css资源和JavaScript资源的直接请求都是从CDNs来的,是不是有那么个概念了呢?让我们一起来看看它到底是个什么东西,引用了MDN的一篇解释,相信大家都可以看得懂哈哈哈~CDN (内容分发网络) 指的是一组分布在各个地区的服务器。这些服务...

2019-10-06 22:34:31 803

原创 Promise的retry(重试)功能实现

Promise的retry功能实现题目描述解析执行结果在做金山笔试题的时候出现了这样一道对一个promise失败然后加上重试功能的题印象深刻,题目描述如下:题目描述已有请求函数getData,其功能为异步请求数据返回promise对象,如getData(params).then(…).catch(…)。实现一个myGetData,返回promise对象,要求加入失败重试功能,该函数内部依然使...

2019-10-02 16:19:52 8428

原创 vue.js路由原理

更新视图但不重新请求页面vue-router是Vue.js框架的路由插件,它是通过mode这一参数控制路由的实现模式的,在创建VueRouter实例对象是,mode以构造参数的形式传入,传入string类型指示history的类别,可用SupportPushState判断浏览器是否支持‘history’模式,两种方法都是在浏览器环境下使用,若不在浏览器环境下需强制使用‘abstract’模式。根据mode判断确定history实例的类并实例化对应关系为:history => HTML5Histotyh

2019-09-16 16:18:01 448

原创 vue.js之插槽使用

vue.js插槽插槽介绍插槽介绍

2019-08-20 10:49:46 1035 2

原创 什么是浮动?为什么要清除浮动?如何清除浮动?

css浮动问题引入解决问题1(什么是浮动?)解决问题2(怎样就是浮动了?)解决问题3(既然都浮动了为什么还要清除浮动?)解决问题4(清除浮动的几种方法)小结问题引入首先思考这样几个问题,要是都回答上了说明你对浮动的理解还不错,本文有什么需要补充的欢迎指正,要是回答不上或者回答不全请看我慢慢道来,希望看完本文对浮动有一个更清楚的认识!!问题1:什么是浮动?问题2:怎样就是浮动了?问题3:既...

2019-07-30 15:11:56 1328

原创 nvm版本安装及node版本控制

NVM可以帮助我们快速切换 node版本。但是安装NVM过程中有很多坑,早上也是安装了很久,这里分享一下nvm的安装过程。1.git上下载nvm安装包如果你是Linux环境:点我如果你是windows环境直接下载安装:点我直接下载选第三个解压傻瓜式安装:有两点需要注意:安装过程中会有两个地址选择,第一个设置的是nvm的安装路径,第二个设置的是nodejs存放的路径,自行选择就好。这...

2019-07-18 17:58:24 480

原创 CSS之BFC与IFC

不管各行各业,精通一门也是非常厉害的,就像前端,之前一直觉得JavaScript是前端最重要的,殊不知不起眼的css用好了也是一门很强大的技术!废话不多说,今天来谈谈css中的BFC和IFC。FCFC的含义就是Fomatting Context。它是CSS2.1规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。BFC和I...

2019-05-28 21:57:37 547

原创 js面试积累之深拷贝

关于深拷贝是一个人们津津乐道的问题,面试也是很常见的,本人在面试遇到这个问题回答的不是很清楚,可能因为本身自己就不是很清楚,现在将自己查过资料以后的理解记录在这里,欢迎大家指导!js对象的深拷贝:我们知道在JavaScript中,引用类型指向堆内存,非引用类型指向栈内存,有时候我们需要原始数据的拷贝,但会在无形之中影响到原始数据,比如拿到了一份引用类型的赋值,由于在赋值时引用类型拿到的只是原始数...

2019-05-08 11:56:48 488

原创 JavaScript面向对象之对象的创建(js的面向对象)

JavaScript作为一门面向对象的语言,对象当然一个很重要的概念,但是js又和其他面向对象语言又有区别,面向对象首先得有对象,有了对象才能“搞对象”吧,今天我们就从对象创建开始慢慢进入js面向对象的世界吧!在面向对象语言语言都有一个标志,就是都有类的概念,通过类可以创建任意多个具有相同属性和方法的对象。而ECMAScript中没有类的概念,他的对象定义为“无序属性的集合,其属性可以包含基本值...

2019-04-26 13:25:20 216

原创 前端面试积累之http缓存

之前一直不太在意的点在面试和笔试中还是很重要的,花了一个小时功夫把它弄懂,可能还是有所欠缺,欢迎指点~~浏览器缓存定义 :把一个已经请求过的web资源拷贝一份副本存储在浏览器中。缓存会根据进来的请求保存输出的内容副本。当下一个请求来临的时候如果是相同的URL,缓存会根据缓存机制决定是直接使用副本响应还是请求原服务器再次发送请求。浏览器缓存好处:减少网络带宽消耗降低服务器压力减少网络延...

2019-04-19 18:45:25 1451

原创 Ajax和跨域

Ajax关于Ajax你要知道:AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。核心...

2019-04-05 14:37:28 396 1

原创 git小白-手把手教你github上传本地项目

如何使用github上传本地项目一个简单的操作整了一早上,终于成功托管了第一个项目,马上写下自己的心得不然忘了,哈哈哈。具体步骤看我分解:读到这个能完成这些的前提就是你对分布式版本控制系统有一定了解,具体的大家可以去了解一下GitHub,我这主要讲托管项目嘻嘻!!第一步首先得有一个自己的GitHub账号(创建账号不会的可以百度一下,那个英文头皮发麻的话用谷歌翻译,毕竟创建账号大家应该不止...

2019-03-27 22:30:50 222

原创 JSON初认识

JSONJSON语法,解析JSON,序列化JSON语法对象数组解析与序列化小结如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入JSON语法,解析JSON,序列化JSON简介:曾经有一段时间,...

2019-03-03 20:16:34 496

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除