摘要:是一个极度纯净的上传插件,通过简单调整就可以融入到任何项目,支持多文件上传上传速率动态控制真实进度监控分块生成分块上传校验秒传暂停取消等。
跨域学习笔记
前言: 当一个资源,向与之所在服务器不同的域或端口请求另一个资源时,这个HTTP请求,我们认为是跨域的请求。出于安全考虑,浏览器会限制脚本发起的跨域HTTP请求。 那天后端让我把token放到http请求头字段里,说是为了和RN端统一,在此之前我都是放在请求体或者URL里的。于…
欢迎使用或建议
莫装逼、白了少年头,2333。。。
SVG全面介绍下
一直在用 Hexo 写博客,但是对其原理并不是很清晰,在网上找了一些资料,对 Hexo 有了新的认识,现在就来记录一下 使用 Hexo + github pages 搭建博客 记得刚开始知道 Hexo + github pages 搭建博客是在 2016 年,那时候,闺蜜非常激动…
然而前端优化策略却是一件老生常谈的问题,百度一把大量的博文,曾拜读过张成文大大的《现代前端技术解析》,关于前端知识体系与架构思维的一本书,里面有一章讲到前端优化策略,前人总结的较为全面,自知能补充的内容也不多,索性添添简简做一个优化速查列表,以便后期回读,同大家分享。 PC端优…
记住所有API几乎是不可能的,这时候你需要一份备忘录!下面是我收集的最棒的前端备忘录。
Date 获取某月的天数 下一月的第0天就是当前月的最后一天。 function daysInMonth(year, month) { let date = new Date(year, month + 1, 0); return date.getDate(); } // 注意在…
性能优化是一个老生长谈的事情, 我们在说性能优化的时候, 到底在说什么?
本文分析了axios是如何通过朴素而简单的方式,实现了网络请求封装中的各种扩展功能的
只知道用 localStorage 存储键值对,那你就 out 了
anyupload是一个极度纯净的上传插件,通过简单调整就可以融入到任何项目,支持多文件上传、上传速率动态控制、真实进度监控kb/s、分块生成MD5、分块上传、MD5校验秒传、暂停、取消等。
https://www.threecss.com/AnyU...
本文翻译自:Automated testing with Headless Chrome 作者:Eric Bidelman (Google 工程师) 译者:justjavac 如果您想使用 Headless Chrome 进行自动测试,请不要再观望了!本文将教你如何使用 Karm…
JavaScript 通过 XMLHttpRequest(XHR) 来执行异步请求,这个方式已经存在了很长一段时间。虽说它很有用,但它不是最佳 API。它在设计上不符合职责分离原则,将输入、输出和用事件来跟踪的状态混杂在一个对象里。而且,基于事件的模型与最近 JavaScript 流行的 Promise 以及基于生成器的异步编程模型不太搭(事件模型在处理异步上有点过时了 —— 译者注)。
将网页转换为 PDF 的过程记录。
懒加载也就是延迟加载。
当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次,俗称占位图),只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。
很多页面,内容很丰富,页…
目前 GET 到的 HTML5 文件上传
Ajax的流行和前端MVVM框架的快速发展给Web开发带来了极大的便利,也让Web应用体验越来越好,近些年单页应用也随之流行起来。Ajax的应用可以让网页实现无刷新更新数据,但其也会造成浏览器无法前进和后退(浏览器和手机的物理返回键)的问题。早期这个问题通常是借助iframe来…
第一种是最常用的手段,通常还会自定义一个按钮,然后盖在它上面,因为type="file"的input不好改变样式。如下代码写一个选择控件,并放在form里面: 可以看到文件的路径是一个假的路径,也就是说在浏览器无法获取到文件的真实存放位置。同时FormData打印出来是一个空的…
作为战斗在业务一线的前端,要想少加班,就要想办法提高工作效率。这里提一个小点,我们在业务开发过程中,经常会重复用到日期格式化、url参数转对象、浏览器类型判断、节流函数等一类函数,这些工具类函数,基本上在每个项目都会用到,为避免不同项目多次复制粘贴的麻烦,我们可以统一封装,发布…
网站性能优化实践总结
来自 justjavac 的「你可能不知道的前端知识点」
webpack前端工程中扮演的角色越来越重要,它也是前端工程化很重要的一环。本文将和大家一起按照项目流程学习使用wbepack,妈妈再也不用担心我不会使用webpack,哪里不会看哪里。这是一个由浅入深的文章。 现在vue、react等脚手架都会自动将开发环境使用的webpac…
HTML5 一些有用的 APIs
工欲善其事必先利其器,软件工程师每天打交道最多的可能就是编辑器了。入行几年来,先后折腾过的编辑器有 EditPlus、UltraEdit、Visual Studio、EClipse、WebStorm、Vim、SublimeText、Atom、VSCode,现在仍高频使用的就是 …
开发过程辅助工具,QA/Debug Tool
一行代码,就能在当前页面出现悬浮窗,点击悬浮窗可以出来功能测试页面;
测试的页面可以使用注解来实现,无需关心布局,只关心要测试的功能;
Notification API 是 HTML5 新增的桌面通知 API,用于向用户显示通知信息。该通知是脱离浏览器的,即使用户没有停留在当前标签页,甚至最小化了浏览器,该通知信息也一样会置顶显示出来。 想要向用户显示通知消息,需要获取用户权限,而相同的域名只需要获取一次权限。…
作者:滴滴webapp架构组-付楠 BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件(GitHub地址),适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景,它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置,让滚动…
工作中遇到的一些前端性能问题,及对应的解决方案
现在网上也有很多关于前端文件加载的性能优化,我相信大部分的前端程序猿,应该都听说过雅虎的14条优化原则 1. 尽可能的减少 HTTP 的请求数 content 2. 使用 CDN(Content Delivery Network) server 3. 添加 Expires 头(或…
相信大家都存在这样的一个困扰,在前后端分离的大环境下, 前端需要后端的接口去完成页面的渲染, 但是大部分的情况下,前后端需要同时进行开发, 这种情况下,后端还没完成数据输出,前端只好写静态模拟数据。 那么问题就来了 数据太长了,将数据写在js文件里,完成后挨个改url。 某些逻辑…
普及:浏览器的兼容性问题,往往是个别浏览器(没错,就是那个与众不同的浏览器)对于一些标准的定义不一致导致的。俗话说:没有IE就没有伤害。 贴士:内容都是自己总结的,不免会出现错误或者bug,欢迎更正和补充,本帖也会不断更新。 Normalize.css 不同浏览器的默认样式存在差…
前端性能优化这是一个老生常谈的话题,但是还是有很多人没有真正的重视起来,或者说还没有产生这种意识。
当用户打开页面,首屏加载速度越慢,流失用户的概率就越大,在体验产品的时候性能和交互对用户的影响是最直接的,推广拉新是一门艺术,用户的留存是一门技术,拉进来留住用户,产品体验很关键,这里我以美柚的页面为例子,用实例展开说明前端优化的基本套路(适合新手上车)
RegExp 是正则表达式(Regular expression)的缩写,作用是对字符串执行模式匹配。
通常用于格式验证、正则替换、查找子串等
各种编程语言的正则表达式基本相同,不同的语言可能会有一些细小的差别
反正,前端性能优化就是很重要,不好好学习怎么进阶到20K+的薪水啊?! 性能优化方面一直有所关注,但如果不去对自己所负责的项目进行一下回锅,实践实践,优化优化,总会有点“书上得来终觉浅”的感觉吧! 从最开始的CSS放到
里面、js放到前面、使用雪碧图等,到…html5引入的message的API可以更方便、有效、安全的解决这些难题。postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信,可以实现跨文本档、多窗口、跨域消息传递。
如果你用过 Font Awesome 等图标,你可能会觉得它们很好看,用起来很很方便。但是,在用户点击这些图标的时候,它们是不会有反应的。如果有这些图标会动的话,那就更加好。 Titanic 提供一系列的动画图标,以及以 JavaScript 的调用图标动画的方法。
如果你想要看 Hello, World 的版本的话,你可以到我的 Codepen 里面,测试一下。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/90438.html
摘要:管理系统为任何市场提供一个完整的规范标准并使其能够有效运行。在以下部分中,我们将探讨在生态系统中发挥作用的技术和业务考虑因素,并讨论创建和管理有效市场的关键步骤。专业和平台开发人员为该平台创建的服务将在电信公司的应用商店中发布。 API市场关键要点 各个行业的公司正在寻找通过外部API扩展服务来塑造数字业务的方法。然而,要获得API的真正好处,是需要超越基本的API管理,再到创建API...
摘要:作为一组独立的微服务之一被实现并作为一个单独的进行发布。该配置将暴露所有由网关发布的,入口位于,用协议加密保护。由网关发布的所有的所有后端服务均在中被定义。与浏览器不同,网关并不能向客户端发送带有新的命名的重定向。 欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文来自云+社区翻译社,作者ArrayZoneYour Nginx往往是构建微服务中必不可缺的一部分,从本文中...
摘要:如果能自动生成一个帮助页面那就好了。自动化帮助文档假设我们的都是以的形式书写的,那么最好把的完整列表就放在根目录下面,比如这样方法的实现主要依靠来获取中所有的模板的实现接下来我们来文档化每个具体的方法,最终的展示结果会是这样的。 Flask是Python一个非常轻量的库,可以让你毫不费力地写一个简单的网站。如果你需要写一些后台API或者准备自动化测试数据时,Flask是一个非常不错的选...
摘要:只需要填写测试的参数值,点击下方运行按钮,即可发起一次接口请求,请求结果将会在下方显示出来保存历史在接口测试界面,在进行接口测试后点击下方保存按钮将会把本次测试数据接口,测试参数等信息保存下来。 《API管理平台XXL-API》 一、简介 1.1 概述 XXL-API是一个简洁易用API管理平台,提供API的管理、文档、Mock和测试等功能。现已开放源代码,开箱即用。 1.2 特性 ...
摘要:源码使用本文使用的数据库与基础篇相同,故不再重复说明。使用的用法与之前的自定义用法类似,甚至更加简单。首先定义路由如果要查看路由,需要使用创建控制器需要使用这个。 源码 使用 Dingo Api 本文使用的数据库与基础篇相同,故不再重复说明。 初始化 安装 $ composer require dingo/api:1.0.x@dev 注册 /config/app.php provide...
showImg(https://segmentfault.com/img/bV6aHV?w=1280&h=800); 社区优秀文章 Laravel 5.5+passport 放弃 dingo 开发 API 实战,让 API 开发更省心 - 自造车轮。 API 文档神器 Swagger 介绍及在 PHP 项目中使用 - API 文档撰写方案 推荐 Laravel API 项目必须使用的 8 个...
阅读 2863·2023-04-26 01:01
阅读 3655·2021-11-23 09:51
阅读 2496·2021-11-22 14:44
阅读 3459·2021-09-23 11:57
阅读 2778·2021-09-22 14:58
阅读 5833·2021-09-10 11:25
阅读 2080·2019-08-30 13:11
阅读 1574·2019-08-30 12:59