- 博客(62)
- 收藏
- 关注
RSS订阅原创 Flutter环境搭建和应用的创建
Mac 上Flutter的环境搭建和iOS开发环境参考:官网参考：Mac环境参考: windows环境1. 系统要求2. 设置Flutter镜像：如果可以很好的访问外网就不用设置镜像3. 获取Flutter SDK4. ios 开发环境设置5. Android 开发环境的设置系统要求Mac 上的要求1. 操作系统: macOS (64-bit)2. 磁盘空间: 7...
2019-06-09 12:38:55
457
原创 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 --...
2019-03-10 23:41:34
250
原创 JSX入门
JSX是什么JSX全称JavaScript XML，在js中写XML标签，是JavaScript的一种扩展语法JSX标签，编译后是一个对象。描述要显示的UI信息可以写入的标签W3C规定的标签，浏览器端能够解析自定义标签，首字母大写，封装的组件任意标签，不被浏览器解析let span = React.createElement('span', null, 'hello,span...
2019-03-10 23:40:50
646
原创 React 组件-基础
组件组件让你可以将用户界面分成独立的，可复用的小部件，并可以对每个部件进行单独的设计编写组件的好处：提高可复用性，可维护性组件组合构成UI界面，更方便删除和替换方便对单独组件功能进行测试React组件的分类函数式组件function createE(props) { return <h2><span>{props.title}&l...
2019-03-10 23:17:04
178
转载 js中的事件委托或是事件代理详解
原文链接https://www.cnblogs.com/liugang-vip/p/5616484.html概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，...
2019-03-01 13:16:34
202
转载 事件流，事件代理
事件冒泡、事件捕获和事件委托事件流 JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器来预订事件，以便事件发生时执行相应的代码。 事件流的起源：就是在浏览器发展到第四代的时候，浏览器开发团队遇到一个问题：页面的哪一部分会拥有某个特定的事件？要明白这个问题问的是什么，可以想象画在一张纸上的一组同心圆。如果你把手...
2019-03-01 13:05:05
288
原创 居中布局的整理
居中布局的整理（1）水平居中行内元素：text-align:center 块级元素：margin: 0 auto display:flex; justify-content:center; absolute + transform<!DOCTYPE html><html><head> <meta charset="UTF-8"...
2019-02-27 12:51:37
235
原创 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...
2019-02-26 17:22:10
6134
1
原创 函数基础部分和立即执行函数
函数基本的函数写法/*function 命令 函数声明*/function test () { ... }/*函数表达式*/var test = function() { ... }匿名函数表达式var test1 = function test() { }console.log(test1.name)/*构造函数*/var Pe...
2019-02-23 22:11:53
203
原创 闭包
闭包闭包是由函数以及创建该函数的词法环境组合而成。这个环境包含了这个闭包创建时所能访问的所有局部变量参考链接前文了解了，预编译的过程，了解了作用域和作用域链。都为闭包准备的基础当内部函数被返回到外部并保存时一定会产生闭包，闭包会产生原来的作用域链不释放，过渡的闭包可能会导致内存的泄露，或加载过慢。通过作用域链的图解分析来说明不释放问题function test1() { fu...
2019-02-23 19:46:09
198
原创 作用域和作用域链[[scope]]
作用域前面的文章讲解了预编译的过程。就为作用域做了铺垫js中的作用域 全局的GO， 函数的作用域AO。ES6 中的块级作用域。函数也是一中对象，引用类型。fun.name fun.length fun.prototype对象 -> 有些属性是我们无法访问的，JS引擎内部固有的隐式属性[[scope]]:函数创建时，生成的一个js内部隐式属性；函数存储作用域链的容器。AO...
2019-02-23 13:28:09
423
原创 JS 预编译过程的理解
JS中存在变量提升的现象。这个现象的产生是和JS本身的预编译顺序相关联的。之前的文章在变量部分提到过变量的提升，随着理解的深入，这里详细总结下预编译的过程1、 检查通篇的语法错误；1.5、预编译的过程； 函数声明整体提升；变量只有声明提升，赋值不会提升； (1) 在执行之前的过程是预编译 (2) 先产生全局域GO，全局域按照GO的执行顺序进行 (3...
2019-02-15 13:43:16
203
原创 微信的二次分享
微信的二次分享场景描述从App分享一条资讯到微信好友。分享的样式包含：标题，描述，图片，App的logo在微信中预览这条资讯，然后使用微信内部的分享功能，分享给好友，不做任何处理，分析出去的是默认标题，没有logo, 描述部分是文章的链接期望的结果分享出去是文章的标题，图片和初次分享的一直，描述部分是初次分享的描述信息。处理方式使用微信的jssdk。注册微信js...
2019-01-19 17:10:08
476
原创 ES5数据类型的转换
数据类型的转换强制转换数据类型Number() 将任意类型的值转化成数值原始类型值// 数值：转换后还是原来的值Number(324) // 324// 字符串：如果可以被解析为数值，则转换为相应的数值Number('324') // 324// 字符串：如果不可以被解析为数值，返回 NaNNumber('324abc') // NaN// 空字符串转为0Number...
2019-01-07 22:56:23
498
原创 ES5 Array
数组数组定义数组是个对象，创建后在堆中分配内存数组是有序的。下标从0开始 任何类型的数据，都可以放到数组数组的本质数组属于一种特殊的对象。typeof 返回的数组类型是 objecttypeof [1,2,3] // "object"数组的特殊性体现在，它的键名是按次序排列的一组整数var array = ['a', 'b', 'c']Object.ke...
2019-01-07 22:54:54
924
原创 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(...
2019-01-07 22:53:00
588
原创 ES5基本数据类型
数据类型数据类型数量类型概述数据类型实例/分类数值整数、小数/基本数据类型字符串文本/基本数据类型布尔true、false/ 基本数据类型undefined未定义、不存在/ 特殊值null空值 /特殊值对象狭义(object)、数组、函数typeof 运算符typeof instanceof 运算符Object.pr...
2019-01-07 22:51:34
1143
原创 ES5 基本语法变量篇的注意点
ES5 基本语法变量篇的注意点JavaScript的基本语法变量变量概念如果只是声明变量而没有赋值，则该变量的值是undefined。var a;console.log(a) // undefined如果变量赋值的时候，忘了写var命令，这条语句也是有效的,但是这里创建的是全局变量。这种方式虽然可以，但是不利于理解和代码管理function test () { a...
2019-01-07 22:46:18
365
转载 cordova 一些配置的讲解
http://www.cnblogs.com/wujy/p/5646341.html禁用 WebViewBounceUIWebView是iOS SDK中一个最常用的控件, 在Cordova中, 默认也是使用UIWebView作为默认视图显示我们的HTML应用的.在使用Cordova的项目中, 默认WebViewBounce这个选项是打开的, 所以使用手指向下或者向上
2017-09-04 18:10:12
467
原创 H5 游戏 俄罗斯方块 双人互动游戏
最近在慕课网上看到了一个课程是关于俄罗斯方块的。用到了socket.io 做双屏互动的游戏。正好最近在看websocket所以就把整个课程看完了，感觉很有意思，这里用一篇文章仔细的分析下这个游戏的制作思路。 实际在操作的时候，对方游戏区域会同步对方的操作。html部分代码 俄罗斯方块 请用方向键和空格键进行操作：上->旋转，左->左移，右->右移，下
2017-09-03 17:34:14
4550
1
原创 nodejs-websocket 实现单聊和群聊
nodejs-websocket 实现单聊和群聊下载nodejs-websocket https://github.com/sitegui/nodejs-websocket 最新公司有需求交给我一个任务，研究下关于websocket的即时通讯。写了一个在上面的基础上有优化了界面，也增加了功能 使用nodejs-websocket的步骤 1、npm init 创建packag
2017-09-03 12:02:43
12569
2
原创 html5 新增 websocket(2) 原理
我们在上篇文章中说道websocket是一个客户端和服务器端之间进行的非HTTP的通信机制，是双向的、实时的、永久的。http的工作原理（1）http协议是在应用层的协议，是基于TCP的，http连接的建立需要3次握手才能发送消息。http://blog.csdn.net/enre_enre/article/details/54619813这篇文章详细的
2017-08-31 14:54:58
542
原创 html5 新增 web socket（1）
最近在工作中用到了websocket，在逐步的总结下这块的知识。这篇文章不会讲很多原理性的东西，还下感性的认识下websocket，后面也附带了一个Demo。我会在后面逐步深入的理解websocket之后在写文章总结学习心得。一、websocket的基本知识1、websocket是HTML5 提供的在Web应用程序中客户端和服务器端之间进行的非HTTP的通信机制。
2017-08-31 14:41:40
603
原创 html5 contenteditable 可编辑属性
今天在工作中遇到了这样的需求。如上gif显示。于是就仔细的看下了 h5新增的这个可编辑属性 contenteditablecontenteditable 属性规定是否可编辑元素的内容。contenteditable 可以设置为true/falseul{margin: 0;padding: 0;}ul li{display:
2017-08-31 10:47:46
7649
原创 js setTimeout 和 setInterval
JavaScript 一个设定的时间间隔之后来执行代码，称之为计时事件。主要通过两个方法来实现：1.setInterval() - 间隔指定的毫秒数不停地执行指定的代码。2.setTimeout() - 暂停指定的毫秒数后执行指定的代码并且，这两个方法都是window对象的方法。setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或
2017-08-25 10:30:05
425
原创 jQuery删除元素方法remove(),detach(),empty()
1.empty()它是清空节点，但是那些节点的标签还在。结果是：p里面的都被删除了，而不是只有 class为hello的p2.remove() 从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将
2017-07-21 17:03:06
11668
原创 html5 新元素和Canvas
（1）HTML5 新元素自1999年以后HTML 4.01 已经改变了很多,今天，在HTML 4.01中的几个已经被废弃，这些元素在HTML5中已经被删除或重新定义。为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如:图形的绘制，多媒体内容，更好的页面结构，更好的形式 处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储，网络工作者，等。
2017-07-21 13:38:51
525
原创 html 内敛SVG
HTML5 内联 SVG什么是SVG？SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准SVG优势与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG
2017-07-21 13:32:09
516
原创 OC数据类型
今天做项目的时候遇到了一些问题，发现自己对OC的数据类型的认识还有点欠缺，于是就总结了一点东西（1）C基本数据类型Int；float；double；short Int；long long Int；char；（2）OC的数据类型NSInteger，NSUInteger，NSNumber，NSString，NSArray， NSDictionary，NSSet（3）空类型nil；NULL；NSNULL；
2017-01-03 17:02:31
528
原创 iOS 录视频，相册选择视频，视频压缩，存储本地文件，播放，上传
iOS 录视频，相册选择视频，视频压缩，存储本地文件，播放，上传工程中用到了这部分的功能，也纠结了几天后做完了，现在总结下这部分的东西。先说描述下需求：（1）从相册取视频、录视频； （2）视频转码为mp4； （3）存储在文件中，覆盖更新后也能读取视频 （4）视频的播放注意：在iOS9之后需要在plist文件中添加一些限制 Privacy - Microphone Usage Descript
2016-12-25 12:31:18
8309
原创 苹果ipa应用重新签名
以前还真不知道原来已经打包好的.ipa可以通过某种方法更换证书。今天是周一刚到公司就遇到了这个问题，还好有万能的百度。 下面大概的描述下具体的步骤http://jingyan.baidu.com/article/39810a23902fccb636fda61d.html 这个是我搜索到的步骤很详细了。 http://dantheman827.github.io/ios-app-signer/
2016-12-19 11:40:00
1000
原创 iOS 异步加载网络图片，获取图片真实尺寸
项目需求： 在网络上加载一组图片的数据，并且这组图片要按照比例展示出来做法分析：（1）首页界面上要是使用的图片控件的创建，这里的高度是用设定的高度，这部分需要在主线程完成； （2）第二部部分是获取图片的实际尺寸，这部分在线程中完成； （3）然后需要在主线程刷新frame，并使用sdweb加载图片 参考的网址： dispatch_group http://blog.csdn.net/yao
2016-12-17 22:35:57
3249
原创 课程总结任务四-2 雪碧图（1）
前面的课程在学习的时候没有总结，现在开始补充。学过之后留下点痕迹还是好的。这是任务四中必须课第二个视频中的一个知识点雪碧图。本节课的主要任务有： （1）雪碧图 （2）滑动门 （3）CSS的渐变一、雪碧图 http://blog.csdn.net/bingkingboy/article/details/51059209（1）什么是雪碧图：CSS雪碧（CSS Sprite）：是一种CSS图像合并
2016-12-14 14:57:32
1112
原创 HTML 链接和图像
一、链接点击链接可以跳转到指定的界面，也可以跳转到当前界面的指定位置； 超链接可以是一个字，一个词，一个图片等。默认情况下： 当鼠标放到网页的某个链接上时，箭头会变成一个小手； 一个未访问过得链接显示蓝色的字体并带有下划线； 访问过的链接显示为紫色并带有下划线； 点击链接时，链接显示为红色并带有下划线；属性： href=“链接的地址”； target:定义被链接的文档在何处显示； t
2016-12-11 18:35:39
608
原创 HTML的基础知识（1）
一 、元素 （1）元素的语法：html元素以该是标签起始，以结束标签终止；元素的内容是开始标签和结束标签之间的内容； 注：没有内容的元素是空元素“br、hr”（2）属性：html元素可以设置属性，属性可以在元素中添加附加信息。一般描述于开始标签，并且属性总是以名称/值对的形式出现。name=“value”二、html常用的标签介绍（1）标题 <h1></h1> <h2></h2>
2016-12-11 18:19:44
502
原创 CSS 的基础知识（创建、语法）
学习前端有一个多月了，都是工作之余，为了让学习系统以来，还是做做笔记比较好。如有错误，欢迎大家指出。1、什么是CSSCSS：层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态的修饰网页，还可以配合各种脚本语言动态的对网页个元素进行格式化。CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。2、 CSS的
2016-11-29 18:00:19
715
原创 iOS 状态栏的一些设置
iOS 状态栏的一些设置参考： http://www.cnblogs.com/zhangxueke/p/5881948.html http://www.2cto.com/kf/201410/342382.html http://blog.csdn.net/jkwmscq/article/details/47107447 https://my.oschina.net/shede333/blog
2016-11-24 15:47:27
543
原创 IOS 修改UIAlertController的按钮标题的字体颜色，字号，内容
现在只是实现了功能，原理是通过runtime获取对应的可以修改的key。具体还后续的学习中进行补充主要的代码：//按钮点击- (IBAction)buttonClick:(UIButton *)sender { UIAlertController *alertController = [UIAlertController alertControllerWithTitle:@"提示" messa
2016-11-21 17:21:16
11016
1
原创 iOS 使用百度地图，仿滴滴打车的定位方法。拖动时时定位
先看下效果，没有录屏，放张图片，如果想体验效果可以看看滴滴打车的定位，我这里没有写动画效果参考http://bbs.lbsyun.baidu.com/forum.php?mod=viewthread&tid=15752这里的思路： （1）把图片放到屏幕的中间，这样在拖动的时候就不会跟随着地图移动了。 （2）百度地图提供了，View坐标和地理坐标转换的方法。正式这个方法的存在，方便我们及时的获取拖
2016-11-21 15:52:43
7047
1
原创 iOS 百度地图的检索（正向、反向、周边）
正向反向检索：功能描述： （1）我们在项目中往往会需要根据经纬度在地图中定位一个地点，在哪里插个大头针展示下； （2）当经纬度没有的时候，可以根据具体的地址信息去获取经纬度在地图上插个大头针展示下。具体的工程： （1）根据官方文档导入百度地图的FrameWork，根据官方文档先处理好所有需要的配置。 （2）我这里给出的我的代码其实在百度的Demo中是可以找到的，我这里只是总结下我的步骤；代码
2016-11-21 15:24:08
3811
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人