摘要：
一、背景 现在的App开发，或多或少都会用到Hybrid模式，到了WebView这边，经常会加载一些js文件（例如和WebView用来Native通信的bridge.js），而这些js文件不会经常发生变化，所以我们希望js在WebView里面加载一次之后，如果js没有发生变化，下次就不用再发起网络请 阅读全文
摘要：
哎，Flutter真香啊 早在一年前想学习下flutter，但当时对于它布局中地狱式的嵌套有点望而生畏，心想为什么嵌套这么复杂，就没有xml布局方式吗，用jsx方式也行啊，为什么要用dart而不用JavaScript，走开，劳资不学了。 然而，随着今年google io大会flutter新版本发布， 阅读全文
摘要：
程序调试是程序投入运行之前，使用手工或编译程序等方法进行的测试，主要用以修正语法错误和逻辑错误。程序调试是保证计算机信息系统正确性的必不可少的步骤。在Flutter应用开发中，Android Studio和VSCode是两种比较常见的集成开发环境，因此项目调试也围绕这两款IDE进行。Android 阅读全文
摘要：
1 Appium概念 1）概念：appium是一个自动化测试开源工具，支持IOS、Android平台上的原生应用、web应用和混合应用 2）原生应用：是指使用ios或者android编写的应用 web应用：是指移动浏览器访问的应用，即H5页面 混合应用：原生代码和web内容交互，即APP内嵌的H5页 阅读全文
摘要：
我们知道 vue 模板是非常强大的，基本可以完成我们日常开发的所有任务。但是，有一些用例，如基于输入或插槽值创建动态组件方式，render 函数会比模板完成的更好也更出色。 用过 react 开发的人对 render 函数应该非常熟悉，因为react组件通过 jsX和 render 函数来构建的。 阅读全文
摘要：
现在很多项目的前端都是用vue单页面实现的，而单页面中最重要的一个环节就是路由，今天来实现一个简易版本的vue-router。 路由 先来看下路由的工作流程 后端路由 输入url 请求发送到服务器，服务器解析请求的路径 拿到相应数据-返回给前端 前端路由 输入url js解析地址，找到对应地址的页面 阅读全文
摘要：
进程与线程是操作系统中两个重要的角色，它们维系着不同程序的执行流程，通过系统内核的调度，完成多任务执行。今天我们从 Node.js（以下简称 Node）的角度来一起学习相关知识，通过本文读者将了解 Node 进程与线程的特点、代码层面的使用以及它们之间的通信。 概念 首先，我们还是回顾一下相关的定义 阅读全文
摘要：
引言 前几天写了一篇关于Vue 3.0 reactive API 源码实现的文章，发现大家还是蛮有兴趣对于源码这一块的。阅读的人数虽然不多，但是 200 多次阅读，还是阔以的！并且，在当时阿里的一位前辈也指出了文章存在的不足，就是没有分析 Proxy 是如何配合 Effect 实现响应式的原理，即依 阅读全文
摘要：
vue所有的生命周期钩子自动绑定在this上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文，因此this与你期待的vue实例不同。 详细解释可参考这里。 1、beforeCreate 在实例初始化（new Vu 阅读全文
摘要：
vue提供了两种不同的存储变量：props和data。 这些方法一开始可能会让人感到困惑，因为它们做的事情很相似，而且也不清楚什何时使用props，何时使用data。 那么props和data有什么区别呢？ data是每个组件的私有内存，可以在其中存储需要的任何变量。props是将数据从父组件传递到 阅读全文
摘要：
前言 我日常工作都是使用react来做开发，但是我对react一直不是很满意，特别是在推出React Hooks以后。 不可否认React Hooks极大地方便了开发者，但是它又有非常多反直觉的地方，让我难以接受。所以在很长一段时间，我都在尝试寻找React的替代品，我尝试过不少别的前端框架，但都有 阅读全文
摘要：
我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 一、axios的封装 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如 阅读全文
摘要：
定制 select 标签的设计非常困难。有时候，如果不使用样式化的 div 和自定义 JavaScript 的结合来构建自己的脚本，那是不可能的。在本文中，你将学习如何构建使用完全自定义 css 设置样式的 vue.js 组件。 html <template> <div class="custom- 阅读全文
摘要：
什么是 webpack ? 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包 阅读全文
摘要：
web开发中，尤其使用react开发项目时，我们可以很方便的动态定义标签(jsx) const props = { id: '', className: '', data-a: '' } <button {...props} /> 动态配置标签的好处一是所有逻辑在js端控制，二是使得我们的模板非常规 阅读全文
摘要：
去年年末，微信小程序的分包大小已经到达了 12M 大小,一方面说明小程序的确逐步为开发者放开更大的权限，另一方面也说明了对于某些小程序 8M 的大小已经不够用了。我个人今年也是在开发一个 to B 小程序应用。这里列举一些跨页面交互的场景。 对于 B 端应用的业务需求来说，小程序开发的复杂度相对比网 阅读全文
摘要：
简介 混入 (mixins) 是一种分发 vue 组件中可复用功能的非常灵活的方式。 混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。 // 定义一个混入对象 var myMixin = { created: function () { this.he 阅读全文
摘要：
学习组件化开发，首先掌握组件化的开发思想，组件的注册方式，组件间的数据交互方式，组件插槽的用法，vue调式工具的用法，组件的方式来实现业务逻辑功能。 组件化开发思想，组件注册，组件调式，组件间的数据交互，组件插槽 组件化规范，就是多的可能性重用 全局组件注册语法 vue.component(组件名称 阅读全文
摘要：
随着小程序的发展与功能的逐步完善，越来越多的产品需要小程序与 APP 的功能能有一些共性，社区跨平台的解决方案越来越多，比如 taro 等为代表的把一套代码编译成多端运行的机制，本文会使用 Swift 作为原生语言，在 iOS 应用上运行一个小程序 Demo， 使用 Android && react 阅读全文
摘要：
v-bind绑定标签属性通过添加v-bind:标签属性来控制标签的属性,设置后自动查询vue里面的数据,通常简写成:标签属性,也可以传入对象,通过对象的值来控制是否为真 <body> <div id="app"> <a v-bind:href="BaiDuUrl">{{txt}}</a> <p :c 阅读全文