web
文章平均质量分 93
南麟剑首
前端开发
展开
-
富文本编辑器-tinymce的各种应用
为什么用这个编辑器?pc和H5皆可,纯粹的html?vue?angular?react?皆可简单,直接,输出dom功能强大,你想要的几乎都有了安装这里建议下载源码到本地使用下载地址然后引入js你的路径+/tinymce/js/tinymce/tinymce.min.js初始化tinymce.init({各种配置})配置项随心所欲吧自定义配置选择H5H5的基本配置框架中使用?vue,react,anular以及其他框架怎么用?Java,python等等也行哟汉化包也给你原创 2021-05-26 15:54:15 · 1633 阅读 · 0 评论 -
call() bind() apply() 一看就懂
// 安啦,看似懵懂,其实简单的一比// 废话少说直接扯代码// 举个栗子var name = '哪吒', age = 13;var obj = { name: '松岛老师', objAge: this.age, fun: function () { console.log('name:', this.name + ',Age:' + this.age); }}...原创 2019-09-04 18:13:44 · 249 阅读 · 0 评论 -
浏览器解析js的机制
浏览器解析JS机制浏览器解析JS机制一、浏览器的运行机制 浏览器是多进程的,其中包含了: 1)GPU进程 2)第三方插件进程 3)浏览器渲染进程 4)Browser进程 这里面的进程很好理解,浏览器本身,第三方插件扩容,浏览器渲染,GPU。其中,浏览器渲染JS就是通过浏览器渲染进程进行的。 浏览器渲染引擎是多线程的,其中包括以下线程: 1)GUI渲染线程 --...原创 2019-07-31 13:35:20 · 602 阅读 · 0 评论 -
web性能优化系列(5)react-ssr
vue渲染面临的问题:1、脚本依赖,加载耗时蓝色(Loading):网络通信和HTML解析黄色(Scripting):JavaScript执行紫色(Rendering):样式计算和布局,即重排绿色(Painting):重绘灰色(other):其它事件花费的时间白色(Idle):空闲时间事件总结:Loading事件事件描述Parse HTML浏览器执行HTML解析Fini...原创 2019-03-12 01:29:14 · 523 阅读 · 0 评论 -
typescript 快速上手
假如翻到了此文章,如果你写过类似java,c#等强类型面向对象语言,就可以阅读此文,迅速入手TS,否则就移步到此:https://ts.xcatliu.com/introduction/what-is-typescript.htmlts:优点:1,增加了代码的可读性和可维护性(编译阶段就发现大部分错误,优越于运行时发现错误)2,TypeScript 最大的优势便是增强了编辑器和 IDE 的功...原创 2019-02-20 10:01:31 · 521 阅读 · 0 评论 -
web页面性能优化系列(2)页面重绘和回流
浏览器渲染线程互斥的概念问题:css渲染会影响js渲染性能嘛?答:会的,原因是在浏览器渲染过程渲染css和渲染js各开启一个线程去工作但是这两个线程是互斥的,当渲染css在工作,渲染js的线程将会停止工作,则如果页面css频繁进行重绘势必会降低js的渲染速度回流的概念当rander tree中的一部分或者全部因为元素的规模尺寸,布局,隐藏等改变而需要重新构建render tree 这个过程...原创 2018-12-19 01:39:19 · 475 阅读 · 0 评论 -
web页面性能优化系列(3)浏览器存储-包含PWA基础方案
客户端浏览器存储技术涉及到几个点分别是localstorage、cookie、sessionstorage、indexdb,service worker ,PWAcookie:1,存储数据4KB左右2,需要设置过期时间3,httponly应用场景1,用于与服务器发生交互场景cookie解决最重要的一个问题就是HTTP的无状态请求,即通过cookie让服务器识别访问者是谁以此...原创 2018-12-20 01:20:09 · 556 阅读 · 1 评论 -
web页面性能优化系列(附录)其他必会的基础知识
001:即建立TCP链接1,根据域名解析IP获取IP地址2,TCP|IP三次握手1,根据域名解析IP获取IP地址—发生在互联层DNS解析IPA:浏览器会先解析我们输入的url地址,浏览器会先搜索自身的DNS缓存,看自身的缓存中是否有对应的条目,而且没有过期,如果有且没有过期则解析到此结束。B:如果浏览器自身的缓存里面没有找到对应的条目,那么Chrome会搜索操作系统自身的DNS缓存,如...原创 2018-11-17 02:17:16 · 354 阅读 · 0 评论 -
ES6学习笔记 -2017年初(全)
开发环境构建1,基础架构2,任务自动化(gulp)3,编译工具(babel, webpack)4,代码App gulp+webpake server常规创建三个板块:app:前端资源server:交互代码task:自动化构建国内npm(淘宝镜像)安装:命令提示符执行npm install cnpm -g --regis...原创 2018-09-26 09:47:36 · 264 阅读 · 0 评论