爪哇课堂笔记
文章平均质量分 75
zjLOVEcyj
composing code was a kind of art
展开
-
node.js框架
准确的来说,Buffer 是一种计算机中数据流结构。计算机中是以二进制的方式,进行数据存取的。而 js 在一开始,没有文件读写能力的,就要借助 Buffer 来实现一些缓冲区的内容。Buffer 一般用于表示固定长度的缓冲区序列。File new BlobBuffer 和 String 的转换Buffer 的拼接copyconcatBuffer 的截取Buffer 的类型判断Buffer 进行文件读写Stream流fs 创建可读流。文件压缩Eventc原创 2022-07-07 20:42:06 · 349 阅读 · 0 评论 -
node.js原理
准确的来说,Buffer 是一种计算机中数据流结构。计算机中是以二进制的方式,进行数据存取的。而 js 在一开始,没有文件读写能力的,就要借助 Buffer 来实现一些缓冲区的内容。Buffer 一般用于表示固定长度的缓冲区序列。File new BlobBuffer 和 String 的转换Buffer 的拼接copyconcatBuffer 的截取Buffer 的类型判断Buffer 进行文件读写Stream流fs 创建可读流。文件压缩Eventc原创 2022-07-07 18:43:27 · 189 阅读 · 0 评论 -
node.js基础
命令式编程Node.js 是⼀个 JS 的服务端运⾏环境,基于 V8,是在 JS 语⾔规范的基础上,封装了⼀些服务端的runtime,让我们能够简单实现⾮常多的业务功能。Node.js 在2009年(第一版npm被创建)诞生之初是为了实现高性能的 web 服务器,再后来 Node.js 慢慢演化为了一门服务端“语言”。LAMPnpm run start 运行了node.压缩: UglifyJS, JSMin管理: npm, yarn, bower,模块系统: Commonjs, ESM模块构建: Ba原创 2022-07-07 17:18:54 · 92 阅读 · 0 评论 -
react.js高级用法
⾼阶组件(HOC)是 React 中⽤于复⽤组件逻辑的⼀种⾼级技巧。HOC ⾃身不是 React API 的⼀部分,它是⼀种基于 React 的组合特性⽽形成的设计模式。简单点说,就是组件作为参数,返回值也是组件的函数,它是纯函数,不会修改传⼊的组件,也不会使⽤继承来复制其⾏为。相反,HOC 通过将组件包装在容器组件中来组成新组件。HOC 是纯函数,没有副作⽤。使⽤组合的⽅式,将组件包装在容器上,依赖⽗⼦组件的⽣命周期关系来;抽象state通过props实现条件渲染其他元素wrapper原创 2022-06-02 10:44:24 · 189 阅读 · 0 评论 -
react.js基础
React简介React 是⼀个声明式,⾼效且灵活的⽤于构建⽤户界⾯的 JavaScript 库。使⽤ React 可以将⼀些简短、独⽴的代码⽚段组合成复杂的 UI 界⾯,这些代码⽚段被称作“组件”。Vue是不是MVVM?React呢?严格来讲都不是React:ui = render (data) 单向数据流Vue: ref 直接操作DOM,跳过了ViewModelJSX模板语法JSX称为JS的语法扩展,将UI与逻辑层耦合在组件⾥,⽤{}标识因为 JSX 语法上更接近 JS ⽽不是原创 2022-05-31 22:04:49 · 274 阅读 · 0 评论 -
前端路由和异步组件
课程目标:P6:针对 react / vue ,能够根据业务需求口喷 router 的关键配置,包括但不限于:路由的匹配规则、路由守卫、路由分层等。能够描述清楚 history 的主要模式,知道 history 和 router 的边界;P6+ ~ P7:在没有路由的情况下,也可以根据业务需要,实现一个简单的路由;读过 router 底层的源码,不要求每行都读,可以口喷关键代码即可;课程实际情况0-5 扯淡。5-40 路由发展的背景, 和一些题40-70 简单路由实现70-90原创 2022-05-22 15:55:03 · 344 阅读 · 0 评论 -
Vue进阶
vue 进阶用法优势一:模板化插槽 - 模板更加灵活默认插槽组件外部维护参数以及结构,内部安排放置位置具名插槽以name标识插槽的身份,从而在组件内部可以做到区分开来作用域插槽可以接受props(scope-slot)模板数据的二次加工上过滤器 {{ timer | format }}v-html …… 指令化jsx组件优势二: 组件化传统模板化组件 // 注册 Vue.component('component', { template原创 2022-05-06 12:40:59 · 189 阅读 · 0 评论 -
vue.js基础
vue基础用法理论面试题1:简单聊聊对于MVVM的理解发展史以及旁支a. 语义化模板b. MVC - model view controlerc. MVVM - model view modeli. 数据会绑定在view model层并自动渲染到页面中ii. 视图发生变化时,会通知view model层更新数据写法vue是如何利用MVVM思想进行项目开发数据双向绑定a. 利用花括号 构建了数据和视图的双向绑定面试问题:绑定数据的计算可以写在花括号里吗?答: 可以原创 2022-05-03 16:44:11 · 331 阅读 · 0 评论 -
JS-this指针/闭包/作用域
作用域 + 上下文作用域链面试题: let a = 'global'; console.log(a); function course() { let b = 'zhaowa'; console.log(b); session(); function session() { let c = 'this'; console.log(c);原创 2022-05-02 15:18:31 · 151 阅读 · 0 评论 -
JS面向对象编程/原型和原型链
类与继承课程目标知道组合寄生继承,知道class继承。知道怎么创建类function + class。课程内容0-25分,面向对象的概念25-60分,对象的创建60-100分,继承类ES6 class, extends;OOP的思想;设计模式; ORM;面向过程 和 面向对象object oriented programming如果我们要吃一道菜:从面向过程的角度// 回锅肉// 养猪、获取猪肉、煮肉、炒、端盘、吃。getPork();cookDish();h原创 2022-05-02 15:16:31 · 569 阅读 · 0 评论 -
ES6项目实战
es6 实战前端启动yarn installyarn dev后端启动rollup -c -w (等待30s)nodemon ./dist/bundle.js后端 - node 框架;KoaexpressExpress 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能。回调函数;内置了很多 中间件;koaKoa 是一个新的 web 框架,由 Express 幕后的原班人马打造, 致力于成为 web原创 2022-04-24 18:01:06 · 1458 阅读 · 0 评论 -
ES6规范详解
ES&next0-20 发展史,babel20-50 箭头函数、this、arguments50-60 模板字符串60-85 Object & Array85-105 Proxy, reflect, Map, Set发展历史浏览器脚本: Javascript;服务器脚本: PHP / ASP / JSP;我们需要了解的内容/重点:ECMAScript 是一个标准,JavaScript 是标准的实现;ECMAScript 是 JavaScript 的规格;原创 2022-04-18 22:49:40 · 2056 阅读 · 0 评论 -
TypeScript(下)
一、项目需要使用typeScript1. 引入和使用webpack打包配置 => vue-cli - vue init/create ${myProject} ${template} => 配置webpack => 编译时a. entry - 入口b. extentions 加上ts文件area - 用于处理尝试的数据尾缀列表c. loaders - ts-loader,增加对于ts的处理 => 工程化TS配置tsconfig.json2. vue / vuex +原创 2022-04-18 20:14:26 · 111 阅读 · 0 评论 -
TypeScript(上)
TypeScript 详解一、TS的基础概念1. 什么是TSa. 对比原理他是JS的一个超集,在原有的语法基础上,添加强类型并切换为基于类的面向对象语言面向项目:TS - 面向解决大型的复杂项目、架构、代码维护复杂场景JS - 脚本化语言,用于面向简单页面场景自主检测:TS - 编译时,主动发现并纠正错误JS - 运行时,执行报错类型检测TS - 强类型语言,支持动态和静态的类型检测JS - 弱类型语言,无静态类型选项运行流程TS - 依赖编译,依靠编译打包实原创 2022-04-12 11:38:34 · 1038 阅读 · 0 评论 -
函数式编程
函数式一、 函数式编程的出现编码发展历程: 命令(脚本)式 =》面向对象(进一步提高了模块的概念)=》函数式编程1. 问题的出现 -面试题 // 面试题: 上接浏览器原理 - 参数 parse // 1. 数组在url中的展示形式 // location.search获取参数 => '?name[]=progressive$%coding' // 2 参数提取拼接成数组 // ['progressive', ''] // 3. 手写一个方法转换成对象数组 // [原创 2022-04-09 22:27:32 · 462 阅读 · 0 评论 -
JS性能优化
性能优化一、回到那道经典面试题 地址栏输入url按下回车这期间发生了哪些事情输入URL: url - 统一资源定位符 // http://www.zhaowa.com - http协议 // 追问: http 与 TCP // 1. http - 应用层网络协议 < = > TCP - 传输层网络协议 // 2. 关联: http 基于 TCP实现连接 => http请求、发送、断开 // 优化点:1.0 1.1 2.0原创 2022-04-08 10:46:21 · 235 阅读 · 0 评论 -
浏览器工作原理与实践
浏览器体系一、 认识在浏览器运行态下的JS包含:BOM、DOM、ECMAScript (function(context, undefined){ const _class = ['js', 'browser', 'vue'] // 向全局中挂载 window.classArr = _class.map(item => item) // 获取当前页面地址 const _url = location.href原创 2022-04-07 16:06:16 · 869 阅读 · 0 评论 -
JS模块化+async和await
JS模块化1. 不得不说的历史JS本身就是为了满足简单的页面设计: 页面动画 + 表单提交最初并无模块化 or 命名空间的概念JS的模块化需求日益增长幼年期:无模块化开始需要在页面中加载不同的JS:动画、组件、格式化多种js文件会被分在不同的文件中不同的文件又被同一个模板所引用 <script src="jquery.js"></script> <script src="main.js"></script> <scri原创 2022-04-07 12:36:34 · 1210 阅读 · 0 评论 -
Promise规范及其应用
Promise原创 2022-03-28 16:02:36 · 1078 阅读 · 0 评论