Flutter环境搭建和应用的创建 Mac 上Flutter的环境搭建和iOS开发环境参考:官网参考：Mac环境参考: windows环境1. 系统要求2. 设置Flutter镜像：如果可以很好的访问外网就不用设置镜像3. 获取Flutter SDK4. ios 开发环境设置5. Android 开发环境的设置系统要求Mac 上的要求1. 操作系统: macOS (64-bit)2. 磁盘空间: 7...
React环境的准备 React环境的准备使用脚手架先安装nodejs全局安装：npm i create-react-app -g创建项目：创建react项目：create-react-app <项目名称> 安装失败可切换到淘宝镜像上：–registry=https://registry.npm.taobao.org// 全局安装npm i create-react-app -g --...
JSX入门 JSX是什么JSX全称JavaScript XML，在js中写XML标签，是JavaScript的一种扩展语法JSX标签，编译后是一个对象。描述要显示的UI信息可以写入的标签W3C规定的标签，浏览器端能够解析自定义标签，首字母大写，封装的组件任意标签，不被浏览器解析let span = React.createElement('span', null, 'hello,span...
React 组件-基础 组件组件让你可以将用户界面分成独立的，可复用的小部件，并可以对每个部件进行单独的设计编写组件的好处：提高可复用性，可维护性组件组合构成UI界面，更方便删除和替换方便对单独组件功能进行测试React组件的分类函数式组件function createE(props) { return <h2><span>{props.title}&l...
js中的事件委托或是事件代理详解 原文链接https://www.cnblogs.com/liugang-vip/p/5616484.html概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，...
事件流，事件代理 事件冒泡、事件捕获和事件委托事件流 JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器来预订事件，以便事件发生时执行相应的代码。 事件流的起源：就是在浏览器发展到第四代的时候，浏览器开发团队遇到一个问题：页面的哪一部分会拥有某个特定的事件？要明白这个问题问的是什么，可以想象画在一张纸上的一组同心圆。如果你把手...
居中布局的整理 居中布局的整理（1）水平居中行内元素：text-align:center 块级元素：margin: 0 auto display:flex; justify-content:center; absolute + transform<!DOCTYPE html><html><head> <meta charset="UTF-8"...
flex布局，flex:1的计算 一、flex的属性梳理注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。（1）flex1的计算规则第一步：先明确：flex 是 flex-grow | flex-shrink | flex-basis 的缩写。1、默认情况：flex：0 1 auto;2、flex取值为none 0 0 auto;3、flex取值au...
函数基础部分和立即执行函数 函数基本的函数写法/*function 命令 函数声明*/function test () { ... }/*函数表达式*/var test = function() { ... }匿名函数表达式var test1 = function test() { }console.log(test1.name)/*构造函数*/var Pe...
闭包 闭包闭包是由函数以及创建该函数的词法环境组合而成。这个环境包含了这个闭包创建时所能访问的所有局部变量参考链接前文了解了，预编译的过程，了解了作用域和作用域链。都为闭包准备的基础当内部函数被返回到外部并保存时一定会产生闭包，闭包会产生原来的作用域链不释放，过渡的闭包可能会导致内存的泄露，或加载过慢。通过作用域链的图解分析来说明不释放问题function test1() { fu...
作用域和作用域链[[scope]] 作用域前面的文章讲解了预编译的过程。就为作用域做了铺垫js中的作用域 全局的GO， 函数的作用域AO。ES6 中的块级作用域。函数也是一中对象，引用类型。fun.name fun.length fun.prototype对象 -> 有些属性是我们无法访问的，JS引擎内部固有的隐式属性[[scope]]:函数创建时，生成的一个js内部隐式属性；函数存储作用域链的容器。AO...
JS 预编译过程的理解 JS中存在变量提升的现象。这个现象的产生是和JS本身的预编译顺序相关联的。之前的文章在变量部分提到过变量的提升，随着理解的深入，这里详细总结下预编译的过程1、 检查通篇的语法错误；1.5、预编译的过程； 函数声明整体提升；变量只有声明提升，赋值不会提升； (1) 在执行之前的过程是预编译 (2) 先产生全局域GO，全局域按照GO的执行顺序进行 (3...
微信的二次分享 微信的二次分享场景描述从App分享一条资讯到微信好友。分享的样式包含：标题，描述，图片，App的logo在微信中预览这条资讯，然后使用微信内部的分享功能，分享给好友，不做任何处理，分析出去的是默认标题，没有logo, 描述部分是文章的链接期望的结果分享出去是文章的标题，图片和初次分享的一直，描述部分是初次分享的描述信息。处理方式使用微信的jssdk。注册微信js...
ES5数据类型的转换 数据类型的转换强制转换数据类型Number() 将任意类型的值转化成数值原始类型值// 数值：转换后还是原来的值Number(324) // 324// 字符串：如果可以被解析为数值，则转换为相应的数值Number('324') // 324// 字符串：如果不可以被解析为数值，返回 NaNNumber('324abc') // NaN// 空字符串转为0Number...
ES5 Array 数组数组定义数组是个对象，创建后在堆中分配内存数组是有序的。下标从0开始 任何类型的数据，都可以放到数组数组的本质数组属于一种特殊的对象。typeof 返回的数组类型是 objecttypeof [1,2,3] // "object"数组的特殊性体现在，它的键名是按次序排列的一组整数var array = ['a', 'b', 'c']Object.ke...
ES5函数 函数声明function 声明function name (s) {}name(s)函数表达式var name = function (s) {};name(s)构造函数function myFun (arg1,arg2) { this.a = arg1 this.b = arg2}var f = new myFun('aa', 'bb')f(...
ES5基本数据类型 数据类型数据类型数量类型概述数据类型实例/分类数值整数、小数/基本数据类型字符串文本/基本数据类型布尔true、false/ 基本数据类型undefined未定义、不存在/ 特殊值null空值 /特殊值对象狭义(object)、数组、函数typeof 运算符typeof instanceof 运算符Object.pr...
ES5 基本语法变量篇的注意点 ES5 基本语法变量篇的注意点JavaScript的基本语法变量变量概念如果只是声明变量而没有赋值，则该变量的值是undefined。var a;console.log(a) // undefined如果变量赋值的时候，忘了写var命令，这条语句也是有效的,但是这里创建的是全局变量。这种方式虽然可以，但是不利于理解和代码管理function test () { a...
cordova 一些配置的讲解 http://www.cnblogs.com/wujy/p/5646341.html禁用 WebViewBounceUIWebView是iOS SDK中一个最常用的控件, 在Cordova中, 默认也是使用UIWebView作为默认视图显示我们的HTML应用的.在使用Cordova的项目中, 默认WebViewBounce这个选项是打开的, 所以使用手指向下或者向上
H5 游戏 俄罗斯方块 双人互动游戏 最近在慕课网上看到了一个课程是关于俄罗斯方块的。用到了socket.io 做双屏互动的游戏。正好最近在看websocket所以就把整个课程看完了，感觉很有意思，这里用一篇文章仔细的分析下这个游戏的制作思路。 实际在操作的时候，对方游戏区域会同步对方的操作。html部分代码 俄罗斯方块 请用方向键和空格键进行操作：上->旋转，左->左移，右->右移，下
关注
