前端
文章平均质量分 54
frcoder
FRLH
展开
-
ApiHistory请求记录器
发布:https://codechina.csdn.net/-/snippets/1072/raw/master/ApiHistory.js// ==UserScript==// @name ApiHistory// @namespace FRLH// @version 0.1// @description 记录api请求历史// @author FRLH// @match http://*/*// @match ht原创 2021-11-06 20:45:34 · 153 阅读 · 0 评论 -
研修网学习脚本【XCC版】
发布:https://codechina.csdn.net/-/snippets/1071/raw/master/xcc-yanxiu.js// ==UserScript==// @name 研修网学习脚本【XCC版】// @namespace https://greasyfork.org/// @version 0.1// @description 研修网学习脚本【XCC版】// @author FRLH// @match http原创 2021-11-06 20:33:05 · 4943 阅读 · 0 评论 -
Chrome-API应用
在插件页打开控制台,输入下面的代码,即可获取打开的标签页。chrome.tabs.query({}, function (tabs) { let res = ''; for (let tab of tabs) { if (tab.title != undefined) res += '[' + tab.title + '](' + tab.url + ')\n'; } console.info(res);});注意:需要在插件页打开控原创 2020-09-16 18:18:09 · 249 阅读 · 0 评论 -
echartsjs数据地图(带数据排行)
效果预览:代码(放入【echartsjs编辑器】里即可执行):var data = [ { name:"北京", value:223}, { name:"上海", value:110}, { name:"广州", value:94}, { name:"深圳", value:153}, { name:"成都", ...原创 2020-02-11 21:36:46 · 2568 阅读 · 0 评论 -
前端表单型页面——小结
一、整体流程解析打开页面之后,首先显示loading样式,同时请求权限。权限应该包括2个方面,数据和界面。数据:比如同一个图表,小组的成员只能自己的数据,组长可以看到全组的数据,部门领导人可以看到整个部门的数据。界面:根据权限的不同,页面上部分控件的可见性和可操作性对不同的员工是不一样的。根据请求到的权限,再去请求数据和初始化页面(渲染页面)。初始化页面就是在页面上渲染无数据的控...原创 2019-11-16 17:32:58 · 621 阅读 · 0 评论 -
记录一次vue实践过程中的经验与启发
一、实践失败经验小结1. 过度依赖vuex,破坏了组件的分装性只应该把一些全局数据,或者多个组件共用的数据放到vuex里。和组件相关的属性和数据应该包含在组件内部,尽量让一个组件是可以独立工作的。对于组件从数据使用上可以分为2类:一类是展示型组件,对数据是只读的;一类是交互型组件,对数据进行读写。展示型组件从父组件给子组件传值没有问题,交互型组件的情况则更复杂。交互型组件在读数据时父组件给...原创 2019-09-27 13:36:06 · 149 阅读 · 0 评论 -
详解谷歌Chrome浏览器中的各种刷新姿势(点击链接,在地址栏回车,F5,Ctrl + F5,Shift + F5,Ctrl + R,Ctrl + Shift + R)
正常重新加载(F5,Ctrl + R,在地址栏回车,点击链接):使用缓存数据。硬性重新加载/强制刷新(Ctrl/Shift + F5,Ctrl + Shift + R):强制浏览器重新下载项目并重新加载。使用的资源可能来自缓存版本。清空缓存并硬性重新加载:页面的缓存完全清除,必须根据需要重新下载所有内容。原创 2019-09-11 14:32:54 · 14600 阅读 · 0 评论 -
浏览器缓存(Cache-Control、max-age和Expires、Etag和Last-Modified)
零、 Cache-Control可缓存性public:http请求返回的过程当中,在cache-control中设置这个值,代表http请求返回的内容所经过的任何路径当中(包括中间一些http代理服务器以及发出请求的客户端浏览器),都可以对返回内容进行缓存操作。private:代表只有发起请求的浏览器才可以进行缓存。no-cache:可以在本地进行缓存,但每次发请求时,都要向服务器进行验证...原创 2019-09-11 13:58:59 · 10087 阅读 · 0 评论 -
浏览器打开一个页面的完整流程(整理)
1. 各个步骤概览参考:《前端性能监控:window.performance》2. 页面加载和渲染过程参考;《web页面加载、解析、渲染过程》3. 渲染引擎简介参考:《浏览器渲染原理及流程》《DOMContentLoaded与load的区别》《你不知道的 DOMContentLoaded》《浏览器渲染过程》区分DOMContentLoaded事件和load事件DOM...原创 2019-09-09 10:53:30 · 3295 阅读 · 1 评论 -
前端实践建议
ajax尽量采用异步的,如果有同步操作,尽量规划好请求顺序,把可以批量执行的异步操作批量执行。如果是全局性的数据,尽量只请求一次,可以缓存到一个全局变量里,比如在多个地方都用到的公用的下拉菜单。...原创 2019-03-20 14:27:57 · 364 阅读 · 0 评论 -
js原型链与new运算符
1. 原型链勘谬:链上被穿起来的是“原型”,而不是链子本身是“原型”。“原型”是链的对象,而不是链的材质。一根绳子把“原型”串了起来,而不是指一根叫原型的绳子。指正:这条链上有节点有边,节点是prototype(“原型”),边是__proto__。绳子是__proto__,原型是prototype。图文:图片出处:[1] 最详尽的 JS 原型与原型链终极详解,没有...原创 2018-11-29 14:26:09 · 289 阅读 · 0 评论 -
前端问题记录
1. 找不到Dom节点原因一般有2种:脚本写在了header里,脚本在运行时,所用的Dom节点还没有被初始化。使用js动态创建的Dom节点,被加入到页面之前,只能通过指向该节点的指针找到它,而不能通过页面找到。所以,要特别注意节点的加载顺序与事件的挂载顺序。如果在节点还没有被加载到页面上,就去给它挂载事件,是挂载不上的。...原创 2018-09-10 10:00:32 · 182 阅读 · 0 评论 -
关于对前端工程结构的思考
1. js有3个层次纯前端样式变换,及用户交互纯后端数据交换,及数据对象的处理业务逻辑处理所以,每个页面应该有3个js文件,发布时可以通过打包工具进行合并压缩。...原创 2018-08-31 22:20:25 · 198 阅读 · 0 评论 -
基于html和strapdown的MarkDown模板
基于html和strapdown的MarkDown模板,直接在html文件中用MarkDown语法书写内容,提供多种配色方案的皮肤。原创 2017-03-03 16:57:29 · 2365 阅读 · 0 评论