随笔分类 - 框架
摘要：react 中的一个常见模式是一个组件返回多个元素。Fragments 允许你将子列表分组，而无需向 DOM 添加额外节点。 render() { return ( <react.Fragment> <ChildA /> <ChildB /> <ChildC /> </React.Fragment>
阅读全文
posted @ 2020-12-06 12:50
陌路y
摘要：概述 本指南介绍了如何迁移到安全的Buffer构造函数方法，迁移修复了以下弃用警告： 由于安全性和可用性问题，不建议使用 Buffer()和 new Buffer()构造函数，请改用 new Buffer.alloc()、Buffer.allocUnsafe()或 Buffer.from()构造方法
阅读全文
posted @ 2020-12-06 12:49
陌路y
摘要：到底什么是Node.js 先看一下Node.js官网中是如何形容Node.js的，打开官网看到的第一句话就是Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.(Node.js是一个JavaScript运行时
阅读全文
posted @ 2020-12-06 12:48
陌路y
摘要：数据单向流动prop react也是一样prop 1. prop / $emit (常用 父子组件传递) //父传给子 <child :title="title"></child> //子通过props接收 export default { name: 'demo', data: function(
阅读全文
posted @ 2020-12-06 12:46
陌路y
摘要：一、JavaScriptCore 讲react Native之前，了解JavaScriptCore会有帮助，也是必要的。react Native的核心驱动力就来自于js Engine. 你写的所有js和JSX代码都会被JS Engine来执行, 没有JS Engine的参与，你是无法享受ReactJ
阅读全文
posted @ 2020-11-23 15:39
陌路y
摘要：就目前所了解的情况，key的作用有以下这些。 v-for遍历时，用id，uuid之类作为key，唯一标识节点加速虚拟DOM渲染 响应式系统没有监听到的数据，用+new Date()生成的时间戳作为key，手动强制触发重新渲染 场景一大同小异司空见惯，场景二是下面这样的： <div :key="rer
阅读全文
posted @ 2020-11-23 15:37
陌路y
摘要：WebSocket 是 html5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，
阅读全文
posted @ 2020-11-23 15:35
陌路y
摘要：在应用中执行耗时操作时，为了避免界面长时间等待造成假死的现象，往往会添加一个加载中的动画来提醒用户，在58同城中也不例外，而且我们并没有使用系统默认的加载动画，而是制作了一个具有58特色的加载动画。 在本篇文章中，给大家分享下笔者使用Flutter实现58同城中加载动画的过程。先看一下加载动画的效果
阅读全文
posted @ 2020-11-23 15:34
陌路y
摘要：可能大家在看到这个标题的时候，会觉得，只不过又是一篇烂大街的 SSR 从零入门的教程而已。别急，往下看，相信你或多或少会有一些不一样的收获呢。 在落地一种技术的时候，我们首先要想一想： 是否一定需要引入这种技术呢？他能解决什么问题，或者能带来什么收益？ 为什么要采用这种技术选型而不是其他的？ 引入了
阅读全文
posted @ 2020-11-23 15:32
陌路y
摘要：1. js 中的闭包 下面定义了一个工厂函数 createIncrement(i)，它返回一个increment函数。之后，每次调用increment函数时，内部计数器的值都会增加i。 function createIncrement(i) { let value = 0; function inc
阅读全文
posted @ 2020-11-23 15:31
陌路y
摘要：前言 我们在开发一个系统的时候，最重要的就是选择系统开发框架，其次选择UI，有了框架会使我们接下来的开发就游刃有余，大大提升我们的开发效率。那么我们如何选择框架？如何基于框架搭建系统？系统如何布局呢？ 一、框架简介 1.框架与架构 什么是框架 框架是实体，是系统或子系统的半成品 什么是架构 架构是抽
阅读全文
posted @ 2020-11-23 15:30
陌路y
摘要：一、职责范围 职责范围就是框架设计之初要考虑的范围，是一手全包还是只封装底层核心代码？简单说就是这个框架可以为你做多少事情 1.small scope（小职责范围） 代表：react （1）设计理念： 自底向上，只建立核心模型，然后围绕核心模型建立生态系统 （2）优点： 初始时需要理解的概念很少，初
阅读全文
posted @ 2020-11-23 15:29
陌路y
摘要：基础简介 除了核心功能默认的内置指令（v-model和v-show），vue也允许注册自定义指令。注意，在vue2.0中，代码复用和抽象的主要形式是组件，但是在有些情况下，我们需要对普通的DOM元素进行底层操作，这时候就需要我们用到自定义指令。 简单事例，当页面加载时元素就会获得焦点，但是实际上只要
阅读全文
posted @ 2020-11-23 15:26
陌路y
摘要：没有打包构建的日子 nodejs的出现对于构建工具具有重要的意义，在没有nodejs之前，js只能执行在浏览器环境下，所以意味着对发布前的js文件要进行处理，十分局限，没有打包工具，只能用php脚本来处理文件，甚至还需要借助一些在线压缩网站，开发体验十分差劲，在史前时代存在以下几个痛点：1、缺乏文件
阅读全文
posted @ 2020-11-23 15:25
陌路y
摘要：在vue的计算属性中，所定义的都是属性，可以直接调用 正常情况下，计算属性中的每一个属性对应的都是一个对象，对象中包括了set方法与get方法 computed:{ fullNname:{ set:function(newValue){ console.log(newValue) } get:fun
阅读全文
posted @ 2020-10-17 15:44
陌路y
摘要：在vue项目中，假使我们在同一个路由下，只是改变路由后面的参数值，期望达到数据的更新。 mounted: () =>{ this.id = this.$route.query.id; this.getdetail() } getDetail()方法中会用到this.id这个参数，在同一页面切换id的
阅读全文
posted @ 2020-10-17 15:42
陌路y
摘要：1.含义及用法 (1)在html模版中绑定数据时，如果需要的数据不是一个简单的数据，而是需要将一个或者多个数据计算之后得到的数据，这时候就需要用到计算属性(2)使用方法：配置computed属性，它的值为对象，对象里面的键值对就是一个个计算属性，key就是计算属性的名称，值是一个函数，这个函数的返回
阅读全文
posted @ 2020-10-17 15:40
陌路y
摘要：本文的目标是通过下文介绍的适配方案，使用vue或react开发移动端及H5的时候，不需要再关心移动设备的大小，只需要按照固定设计稿的px值布局，提升开发效率。 下文给出了本人分别使用create-react-app搭建的react（create-react-app）项目和使用vue-cli 2.x
阅读全文
posted @ 2020-10-17 15:38
陌路y
浙公网安备 33010602011771号