能力说明:
掌握计算机基础知识,初步了解Linux系统特性、安装步骤以及基本命令和操作;具备计算机基础网络知识与数据通信基础知识。
暂时未有相关云产品技术能力~
暂无个人介绍
JS 事件 事件是元素(或者浏览器)天生自带的行为,只要行为处罚,就会触发相关的事件 xxx.onclick = function(){} 属于事件绑定,给这个事件行为绑定方法,行为触发的时候 事件参考文档
浏览器渲染机制 浏览器底层渲染机制 一个页面从服务器访问,拿到页面源代码之后做的事情是什么? 生成Dom树(DOM Tree) => 对HTML文件的处理 基于HTML获取的是流文件 (进制编码) 把进制编码编译为具体的字符 按照令牌TOKEN进行解析 (分词/断词) 生成具体的节点 (元素标签/文本节点....) 按照相互的依赖关系生成一个DOM树 (节点树)
前言 什么是跨域: 浏览器为了安全性,设置同源策略导致的, 或者说是一种浏览器的限制 同源策略: 是一种约定,WEB 应用只能请求同一个源的资源 什么时候会跨域: 协议名、域名、端口号 不同 本文将从原理, 到最简代码实现, 演示解决跨域的方法和流程,纸上得来终觉浅 绝知此事要躬行, 只有自己手敲实现过, 才能对其原理理解更加深刻。
一、前言 最近学习TS,被复杂的类型体操搞的比较晕, 经常想学了那么高深的体操后是不是有用武之地,技术的学习应该是要以落地为目的,要不然很快就忘记了, 其实我在业务开发中用ts用的用的比较浅, 想框架源码中那么高深的ts,我暂时还没有用到过, 还没到给框架提merge的水平, 其实用ts最多的还是方法类库,毕竟经常打交道,而且同事很大可能会用你写的方法, 所以学着给方法加TS,是个不错的选择 处。
前言 上篇文章介绍了 源代码面板中的 workspaces 功能, 可以让我们“面向浏览器编程”, 在浏览器中实时的修改样式和html。 自动热更新到文件中进行修改, 大大简化了我们的开发流程, 今天讲讲 控制台面板 以及 一部分的源代码 面板的内容, 绝对干货满满。
前言 数组去重是面试时候常考的,我们日常工作中,也经常会遇到, 接下来就归纳总结几种数组去重的方案, 在我们开发和面试的时候可以得心应手, 分类 在实现数组去重之前我们我们简单进行一下分类, 数组去重,我们一般 分为单个数组去重 和多个数组交叉去重, 接下来我们就从单个数组开始
前言 前段时间给公司分享前端技术, 因为部门中不光是前端,还有后端、数据。 所以选择了分享 浏览器 相关的, 这个不光前端每天在用,研发人员日常也都离不开使用浏览器。 在准备过程中,学习到了两个让我很惊喜的开发技巧,顿感多年前端白干,相见恨晚, 今天先分享浏览器的 workspaces 功能, 完成一个面向浏览器编程, 无限修改浏览器中的样式,即可修改本地代码中样式的功能
于是基本上我们的多层级效果就实现了, 全部代码如下
纯 css 实现一个级联连线效果 1、前言 今天在css学习群里看到一个下图的效果,看到群中讨论如何实现时, 正好之前其实也做过类似的, 就想写个demo在回顾一下
浏览器的调试与开发 💡 前言: 网页主要是运行在浏览器上, 主要由HTML、CSS、JS三部分组成, 比作一个人的话,HTML是身体、CSS是衣服、JS是动作, 下面主要介绍通过浏览器的调试工具,了解前端在开发过程中,是如何通过浏览器的调试工具进行开发与分析解决问题的
一、 产品视角下复制粘贴需要解决的问题 复制粘贴时,需要静默复制(剪切板内不会看到复制的具体内容, 同miro) 统一自定义鼠标复制粘贴和键盘复制粘贴内容 实现外部内容也可以粘贴到内部
所需文档 微信公众平台(公众号和小程序管理平台): 小程序:mp.weixin.qq.com/wxamp/frame… 公众号:mp.weixin.qq.com/cgi-bin/hom… API文档: developers.weixin.qq.com/doc/offiacc… developers.weixin.qq.com/doc/offiacc…
1、安装模块 全局安装 eslint、commitlint 、 check-prettier npm install eslint commitlint check-prettier -g 本地安装 npm install eslint-config-prettier stylelint stylelint-config-prettier stylelint-config-standard husky @commitlint/config-conventional -D VSCode 安装 Eslint和Prettier插件
1、介绍 轻量级的React状态管理工具 2、安装 安装 npm install --save unstated-next 3、API 使用及优化
6、弹窗表单组件 pages/ListTableList/components/HandleForm.d.ts
0、前言 使用umi3和antd pro5从零实现全栈中后台管理系统
原生html实现一个mini-react-router 前言 实现一个简单版本的react-router, 揭秘路由的神秘面纱 思考 • 前端路由本质上是什么
1.JS底层运行机制之堆(Heap)栈(Stack)内存 相关理论知识 ECStack(Execution context Stack) 执行环境栈: —— 内存中分出来用于执行js代码的空间 EC(Execution context): —— 执行上下文, 为了区分全局和函数执行所处的不同范围(词法作用域),又可以分为全局执行上下文EC(G)和函数执行私有上下文EC(FUNC) 作者:重阳微噪 链接:https://juejin.cn/post/6850418109707190285 来源:稀土掘金 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
✨ RockUI 学习React Hooks和TypeScript实现仿Antd的react UI组件库,并通过此组件库在create-react-app的基础上实现了一套简单的应用,下方链接 样式解决方案——saas 测试——Jest框架 Icon库基于react-fontawesome github 文档 文档使用storybook进行展示 使用eslint和prettier对代码风格进行约束 使用见README.md,学习及开发中的问题与解决见STUDY_README.md
4、从输入URL到页面展示?----导航流程 浏览器进程--主要负责用户交互、子进程管理和文件储存等功能。 网络进程--是面向渲染进程和浏览器进程等提供网络下载功能。 渲染进程--主要职责是把从网络下载的 HTML、JavaScript、CSS、图片等资源解析为可以显示和交互的页面。因为渲染进程所有的内容都是通过网络获取的,会存在一些恶意代码利用浏览器漏洞对系统进行攻击,所以运行在渲染进程里面的代码是不被信任的。这也是为什么 Chrome 会让渲染进程运行在安全沙箱里,就是为了保证系统的安全。
一、简介 1、浏览器进化路线 第一个是应用程序 Web 化 第二个是 Web 应用移动化 第三个是 Web 操作系统化