前端开发
文章平均质量分 75
FBm2016
君子终日乾乾,夕惕若厉,无咎
github地址:https://github.com/FBmm
展开
-
谈谈前端包管理工具 npm & yarn & pnpm
为什么需要包管理工具?每种主流编程语言都有包管理工具,比如 java 的 Maven、Gradle,Python 的 pip,nodejs 的 npm、yarn、pnpm 等。包管理工具的主要作用是管理第三方依赖,也可以看成一个"轮子"工厂,每个人都可以上传自己造的"轮子"和下载使用别人的"轮子",包管理工具顾名思义就是统一管理这些轮子的软件或者工具,它以多种方式自动处理项目依赖关系、提供了命令行工具(CLI)、支持跟踪依赖项和版本等功能,除此之外还可以安装、卸载、更新和升级包,配置项目设置,运行.原创 2022-03-12 17:23:18 · 15263 阅读 · 0 评论 -
2022年哪些前端技术点会火
转载于 2022年哪些前端技术点会火 @扫地盲僧 (原创不易,文章质量很高,个人留存,希望大家支持原作者)「2022 年什么会火?什么该学?本文正在参与“聊聊 2022 技术趋势”征文活动 」前段时间我发布了一篇关于《2022年前端行业技术发展趋势》的文章,里面介绍了整个前端技术大趋势的方向。这篇文章将以实际技术方案为起点,给大家分享一下我们团队的技术栈以及未来关注的方向。以Vite为代表的前端构建工具进入加速赛道ESM 大势所趋,势如破竹,由于 ESM 转载 2022-01-16 23:53:11 · 1118 阅读 · 1 评论 -
网站黑白色调之filter属性
2020.4.4清明节全国哀悼,各大网站变成黑白色调,第一次访问CSDN时,看到头像竟然也变黑白色,当时以为是网站经过某种算法实现这种效果。当时感觉有点复杂,所以选择性跳过了这个问题哈哈。但是下午江哥(成都oppo前端大佬~~),突然提出一个问题,你们知道网站怎么实现黑白色吗?然后分享了现实原理,竟然一行代码。。。// 在html或body元素设置css属性filter: graysc...原创 2020-04-04 16:30:14 · 512 阅读 · 0 评论 -
es6、es7、es8、es9、es10各版本特性
es6(2015)let const模板字符串 (``)箭头函数 (() => {})函数参数默认值对象属性简写延展操作符 (…)Promise类 (class)模块化(import export)es7(2016)Array.prototype.includes()指数操作符(**)es8(2017)async/awaitObject.values(...原创 2019-12-02 16:58:48 · 828 阅读 · 0 评论 -
js原型、原型链、原型链继承
每次面试都要被原型虐一次,写个帖子加深一下记忆。继承、原型、原型链概念首先要知道两个概念:几乎所有函数有 prototype 属性,几乎所有对象有 __proto__ 属性。(注意几乎所有这个词,例如:Obejct.create(null) 创建的对象没有任何属性)实例对象的 __proto__ 指向创建它构造函数的原型对象。console.log(Obejct.creat...原创 2019-11-22 19:12:16 · 482 阅读 · 0 评论 -
浅谈 Object.prototype.toString.call()
浅谈 Object.prototype.toString.call()今天学习 vue 看 node_modules 源码,看到 shallow-clone、以及 clone-deep 时,isPlainObject() 方法源码中使用 Object.prototype.toString.call(o) === ‘[object Object]’ 判断 o 是否是对象。所以后面将自己的理解...原创 2019-11-20 16:52:58 · 1238 阅读 · 0 评论 -
vue + element-ui + axios + webpack + mock.js项目构建(简书前端)
vue仿简书博客该项目为vue仿简书前端静态模板,功能:实现登陆,主页,详情等模块;公共:封装header组件,svg-icon加载组件等;解决问题:web基本的布局,静态图标加载,路由,webpack打包,vue组件化等更新日志2019.8.11目前增加Mock实现登陆功能封装了axios拦截器等效果图登陆主页主详情...原创 2019-08-11 22:01:25 · 1316 阅读 · 5 评论 -
彻底理解cookie,session,token
彻底理解cookie,session,token发展史1、很久很久以前,Web 基本上就是文档的浏览而已, 既然是浏览,作为服务器, 不需要记录谁在某一段时间里都浏览了什么文档,每次请求都是一个新的HTTP协议, 就是请求加响应, 尤其是我不用记住是谁刚刚发了HTTP请求, 每个请求对我来说都是全新的。这段时间很嗨皮2、但是随着交互式Web应用的兴起,像在线购物网站,需要登录的网...转载 2019-07-24 22:43:38 · 133 阅读 · 0 评论 -
web前端基础知识
1 基础技术:HTML CSS JS2 编译工具:WebStorm(功能强大)、sublime(轻量)、Hbuilder(智能提示强大 博主推荐)、Dreamweaver、notepad++等原创 2017-11-17 13:31:31 · 326 阅读 · 0 评论 -
文本编辑器POST上传大文件失败原因探究
新项目需要新闻发布功能,类似csdn发帖,前端可使用文本编辑器插件(博主使用JQuery文本编辑器插件),究其原理,编辑器是独立的html,数据提交时内容以html片段存于数据库,文字尚可(假设gbk编码,汉字占2字节,则1M 可存1*1024*1024/2 = 524288个汉字),但编辑器插入大图及多图时,图片通过base64转码为字符串(经测试约1M大小图片转码后的base64码长度约为21原创 2018-01-03 19:35:01 · 1106 阅读 · 0 评论 -
360浏览器插入VLC播放器播放rtsp视频流
公司需要将监控rtsp视频流插入html播放,经查阅相关文献总结以下方法一 安装VLC播放器1.VLC下载地址 链接:https://pan.baidu.com/s/1dGeMivJ 密码:2svg2.注册axvlc.dll运行cmd 进入VLC安装文件夹根目录,运行命令:regsvr32 axvlc.dll 提示axvlc.dll已成功进行下一步。二 HTML代码param name='mrl'...原创 2018-02-10 12:20:27 · 7802 阅读 · 1 评论 -
IT学习资源及网站分享
视频:幕客网 https://www.imooc.com/视频:优达学城 https://www.udacity.com/视频:可汗学院 https://www.khanacademy.org/社区:CSDN,掘金,前端网,知乎专栏,DZone,Medium,sitepoint, Google+博客:张鑫的博客:http://www.zhangxinxu.com/life/about/W3Cplu...原创 2018-01-11 12:54:27 · 1862 阅读 · 0 评论 -
js异步提交form表单之serialize()方法及FormData对象
serialize()和FormData对象都可将表单数据序列化,后通过ajax异步提交,但二者有实质区别:1 serialize() serialize()是JQuery方法,可序列化表单值创建 URL 编码文本字符串,就是将表单数据以字符串的形式返回。 缺点:只能序列化一般数据,文件上传则无法序列化。 用法:<form id="form"> <inp...原创 2018-04-18 17:00:40 · 18497 阅读 · 1 评论 -
浏览器UA mozilla/5.0发展史
你是否好奇标识浏览器身份的User-Agent,为什么每个浏览器都有Mozilla字样?Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/27.0.1453.94 Safari/537.36Mozilla/5.0 (Linux; U; Android 4.1.2; zh-tw; GT-...转载 2018-05-13 17:06:15 · 14590 阅读 · 1 评论 -
移动端html5网页a标签实现打电话、发短信
来源:https://jingyan.baidu.com/article/e5c39bf59ff18339d7603385.html在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动web页面中列出的电话号码,点击需要实现调用通讯录,网页一键拨号的拨打电话功能。如果需要在移动浏览器中实现拨打电话,发送email,美国服务器,调用sns等功能,移动手机WEB页面(HTML5)Javascr...转载 2018-04-28 17:00:41 · 6968 阅读 · 0 评论 -
sublime配置文件拷贝粘贴等操作
1 下载安装sublime2 Ctrl + Shift + P 打开命令模式 搜索 package control:install package 选择后出现插件安装窗口3 搜索SideBarEnhancements点击安装SideBarEnhancements 是一款很实用的右键菜单增强插件,有以 diff 形式显示未保存的修改、在文件管理器中显示该文件、复制文件路径、在侧边栏中定位该文件等功能...原创 2018-06-23 12:28:28 · 5973 阅读 · 0 评论