为了方便操作,直接使用Aplayer插件中的MetingJS (基于Meting API 的 APlayer 衍生播放器) 在 Hexo 配置文件 _config.yml 中设置:
我们在维护 WP-China-Yes 插件的同时也在维护一套完善的前端加速服务,从即日起,我们将公开全新升级的加速服务给各位站长/开发者使用。
上个版本因为使用别人的接口导致目前接口会偶尔狗带,最近又有很多小伙伴联系到我,所以迫不得以着手emlog新浪外链上传工具1.2的制作,因为对js的生疏导致昨晚两个小时都没有调试成功,所以今天又继续换了另外一个js进行测试 emlog新浪外链上传工具1.2更新介绍: 更改接口为杨小杰api的接口(如果官网接口不挂我的就不会挂) 增加jquery的引入(因为很多小伙伴反馈按钮点击无效,我猜应该就是jquery这块的问题了) 整理代码 优化css(上个版本大家一致觉得ui
在web产品优化准则中,很重要的一条是针对js脚本的加载和执行方式的优化。本篇文章简单描述一下其中的优化准则。 1. 脚本加载优化 1.1 脚本位置对性能的影响 优化页面加载性能的原则之一是将script标签放在body底部,这跟浏览器的渲染原理有关: js脚本的下载和执行会阻塞浏览器的解析。在较早时期,浏览器不支持并行下载的时候,js脚本的下载执行按照在html文档中的位置依次进行,可以想象当页面有大量js脚本时页面的加载有多慢; js脚本的下载会阻塞其他资源的下载,比如图片、外链css等。虽然目前大多数
1.英文官网: https://reactjs.org/ 2.中文官网: https://react.docschina.org/
从疫情确定开始已两月有余了,虽然国内已经好转起来了,但境外输入在不断增加,并且国外疫情日趋严重,受此影响公司现在没什么事做,加上神兽还没复课,每天在家上课,因此天天在家陪着他。
初学者,特别是自学的孩子,在学习的过程中常会遇到各种各样的瓶颈,例如:如何写好javascript、要注意什么等等。这篇文章中,总结了过去javascript一些高效的写法,供大家参考。
在页面中给一个按钮绑定绑定跳转,如果跳转到项目的路由,引入react-router的Link
JavaScript 是单线程运行的,所以在在执行效率上并不是很高,随着用户体验的日益重视,前端性能对用户体验的影响备受关注,但由于性能问题相对复杂,接下来我们来了解下JavaScript如何提高性能;
日常工作中再牛逼的大佬都不敢说自己的代码是完全没有问题的,既然有问题,那就也就有调试,说到调试工具,大家可能对于fiddler、Charles、chrome devtools、Firebug、还有Safari远程调试等比较熟悉,甚至有些是我可能也没有用过的;
在前端项目开发完成,我们肯定是需要对前端的项目进行测试优化。我们可以先用一些第三方工具对网站进行分析。工具例如
phonegap已经不再是phonegap,而是phonegap build,用来打包的。
博客友链是一个网站必不可少的一部分,简单的 a 标签跳转外链早已不够新颖,很多网站也引入了独立的跳转页,这样能更好的给访客留下深刻印象,其中引用的技术只是一段简单的js代码
1.能够说出什么是路由 2.能够说出前端路由的实现原理 3.能够使用Vue-Router实现前端路由 4.能够实现嵌套路由,动态路由 5.能够实现命名路由以及编程式导航 6.理解并实现后台管理案例
前言 我们为什么要写个组件上传到npm镜像上呢,我们肯定遇到过这样一个场景,项目中有很多地方与某个功能相似,你想到的肯定是把该功能封装成Component组件,后续方便我们调用。但是过了一段时间,你
svg-sprite-loader 可以多个svg图标合并. 使用时只需根据合并的symbol的id即可.
公司的新项目迁移到了 React 16 和 Webpack 4.0,写一篇文章来总结一下。
Tesseract.js是基于Tesseract的一个纯 Javascript 编程语言的 ocr 识别库,简单实用。支持包括中英文等100多种语言(包括中文)的图片和视频文字识别,自动文本方向和脚本检测,用于读取段落,单词和字符边界框的简单界面,底层封装了Tesseract OCR引擎来实现。
灯箱效果是我一直想加又没有加的功能,正好最近百度在推移动落地页检测,顺手做一下优化
貌似作者的这个 JS 是托管在 Cloudflare Workers 上的,所以速度应该还行,也可以用其他 CDN。
前言 First paint 直译过来的意思就是浏览器第一次渲染(paint),在First paint之前是白屏,在这个时间点之后用户就能看到(部分)页面内容。 所以研究这个First Paint的触发时机对于优化浏览器页面的首屏渲染时间有很重要的作用。 在正题开始之前,先说下浏览器的页面的加载流程(大体过程是这样,并不精确,只是为了帮助理解后面内容): 浏览器输入url,浏览器发送请求到服务器,服务器将请求的HTML返回给浏览器。 浏览器下载完成HTML(Finish Loading HTML)之
前几篇文章写了WordPress通过Hermit X插件引入网易云等音乐,但在我实际使用中发现了一些小bug已经影响到了深白站的日常使用,所以不得不放弃通过插件引入的方法。这里推荐直接用插件引入,毕竟方便省力,具体可以看我上上篇文章。
外部链接 外链的作用:宣传你的网站 相信大家都听过“内链为王,外链为皇”这句话,不管这句话对不对,从这句话上面,我们都能体会到外链的重要性。 外链类型: 1.博客 2.论坛 3.分类信息(分类目录,友情链接平台) 4.百科类 5.社区平台 6.视频外链 7.网盘外链 8.问答类 9.B2B平台 10.资源下载类 11.新闻源 博客---现在玩博客的也有很多,通过建立博客,可以实时的发布一些相关的信息,在信息里面带上外链,也是一种不错的方法。 论坛---有很多SEOER喜欢逛论坛,在论坛发帖,带上链接,或者
我想很多小伙伴在写博客的时候都能遇到一个令人头疼的问题,某一篇文章想用 iframe 引入一个外链视频,但是大小总是有问题,宽度可以固定到 100% ,但是高度比如用实际高度来表示,比如 100px, 200px,诸如此类。
我们最开始学前端的时候都会看到教程在处理外部css,js的时候会将css放在header中,js放在body的最后。为什么要这样子处理,今天参考一些资料好好分析下。
Axios 是一个开源的基于 promise 的 HTTP 请求库,一般常用于浏览器和 node.js 中。它能够在具有相同代码库的浏览器和 nodejs 中同时运行,在服务器侧,它利用服务器端原生的 node.js http 模块,而在客户端侧(一般是浏览器),则使用的是 XMLHttpRequest。
在移动互联网迅猛发展的今天,各种APP、小程序满天飞,针对网页的搜索引擎优化(SEO)对于现今的企业来说已经不是头等重要的事情了。但是如果公司的SEO做得好的话,确实可以节约很大一部分宣传开支,因此,并不能说明它是完全没有作用的工作。只是在我看来,重要性确实下降了很多。
作为前端架构的一部分,工程化是个永恒的话题,我们之所以老生常谈这个事情,核心原因在于浏览器这个环境所支持的三种语言没有在语言层面提供统一的模块化支持,这使得大家都在考虑如何添加这些模块特性,更好的支持好开发。而之所以模块本身非常重要,是因为我们知道分而治之的道理。
前段时间做了一个项目,是使用 Create-React-App 脚手架 + TypeScript + Ant Design 组件库搭建的,在减少包体积上有一些方法和大家分享一下。我们目标是将包体积降到几十 k 这样一个级别上,不受限于包体积,坦然使用框架。
在做SEO的过程中,有的时候,习惯性的记录一些小问题,在遇到相关问题的时候,拿出来可以很好的快速解决问题,但对于SEO人员,坚持一天两天可以,有的很难长期坚持,但如果你真的可以做到每天积累一点点,你会发现点滴积累,往往也可以汇成江海。
Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 html+css布局 前端学习的基础 html+css毕业已经有两个星期 现在原生js班学习也有一个多星期了 这是不包含需要用到js的最后一节学习笔记 感慨颇多 笔到纸上却一个字也写不出来 希望自己在js的学习上也能做到不忘初心 付出不亚于任何人的努力 天生我才必有用,千金散尽还复来 我会发上来我做的京东商城的html+css静态代码 算是对html+css学习的一个肯定和总结吧 因为并没有想要去刻意的
前几天上网打开163首页时,发现页面底部莫名其妙的出现一个边框。这在以前可是未曾有过的,而且以后也绝不可能会有这么丑陋的设计。
搭建博客图床 前言 随着博客内容的增加,文章图片的数量也不断增长,如何引用存储图片就成了一个问题。对于我这样没什么访问量,只是写给自己看的博客,要求就是简单方便(当然能白嫖最好 😬),最后采用 GitHub + JsDelivr + uTools 图床插件的办法。 图床选择 先来说一下其他图床吧,简单来说,如果你有一个备案域名的话,做什么事都比较简单,国内的许多平台的对象存储都需要一个 备案域名。如果像我一样仅仅是为 Hexo + github pages 博客搞个图床,感觉再弄那些就有些麻烦了。 公益
ECMAScript(前身为欧洲计算机制造商协会):JavaScript的语法规范
应该算是第二阶段的开发快要结束了吧,基础的页面和功能都已经完成了。接下来的就是对整体的UI和性能的调优。
快速、可靠、安全的依赖管理工具。和 npm 类似, 都是包管理工具, 可以用于下载包, 就是比npm快
“CSS文件在header中引入,JS文件在body底部引入”,这条建议在前端界几乎是黄金法则。
在任意位置创建一个css文件,例如background.css。(简单来说,就是创建一个txt文件,把名字改为background.css即可。注意扩展名)
对于 Vue、React 等框架开发的单页面应用,在某些页面开发特殊功能时经常需要依赖第三方 JS 文件,如果在全局引入 CDN 资源可能会加载冗余文件,此时最好使用动态加载方式。
你是否有过这样的经历,整个SEO团队,在某一个时间节点,不知道干什么,虽然看着每天都非常忙,但在实战的操作中,貌似对于整站优化的提升,并没有什么大的改观,这个时候实际上整个团队是在等待一个有明确方向的决策。
1. 实现发布作品功能 在home.html中 给发布作品超链接添加herf=“ShowSendServlet” 创建ShowSendServlet, 通过THUtils 工具类 显示 send.html页面 在ShowSendServlet中 创建TagDao 并调用里面的findAll方法 把获取到的集合 放到Context中 然后在send.html页面中把容器中的标签信息 显示到选择标签的位置 创建SendServlet,留下doPost方法,方法中设置字符集并获取传递过来的参数
即指用户访问网站时的所有访问、浏览、点击行为数据。比如点击了哪一个链接,在哪个网页停留时间最多,采用了哪个搜索项、总体浏览时间等。而所有这些信息都可被保存在网站日志中。通过分析这些数据,可以获知许多对网站运营至关重要的信息。采集的数据越全面,分析就能越精准。
这几天沉迷 WOT,又是快一个月没更。想起来之前发现 GitHub 上各种比我水的 Next.js 博客程序,干脆把我的也发出来接受民众拷打吧。
TRTCCalling SDK 基于TRTC和TSignaling ,封装了简单易用的 API,接入后可快速实现web和native互通的1v1或群实时通话。 效果展示 群视频通话 语音通话 在线体验 https://web.sdk.qcloud.com/im/demo/latest/index.html 1)注册登录后,创建一个 IM 的群组,拉上其他人入群,打开会话窗口,点击实时音视频选择(语音通话或者视频通话)。 2)选择呼叫用户列表,单击【确定】,就可以发起实时通话了。 3)呼
最近一段时间刚好在公司内部涉及一些老旧项目的优化,所以对于 Web 网页性能方面沉淀了一些自己的看法。
以前一直在用 create-react-app 来创建 React 项目,奈何 CRA 实在太难用了,今天花了点时间扫了一下 Next.js 的官网,发现用起来还挺简单的。
Tesseract.js 一个 纯Javascript编程语言的 ocr 识别库,简单实用。
领取专属 10元无门槛券
手把手带您无忧上云