摘要：
一、前言 我们先通过代码来分别打印出实例对象、构造函数，以及修改了原型对象的构造函数，通过对比内部结构来看看他们之间的区别。 我们创建的每一个函数都会有一个原型（prototype）属性，这个属性是一个指针，指向函数的原型（prototype）对象。使用原型对象可以让构造函数的实例对象共享原型对象包 阅读全文
摘要：
一、实现当前时间到指定截止时间的倒计时功能 <html> <head> <title>TEST</title> </head> <body> <script> //获取当前时间距离截止时间的倒计时 //参数为截止时间 var leftTimer = function(year, month, day 阅读全文
摘要：
一、前言 了解JavaScript面向对象，需要先了解三个名词： 构造函数，实例对象和原型对象。 注意：JavaScript中没有类（class）的概念，取而代之的是构造函数，两者类似却又有很大的差别。 先上代码，最常用的： Chrome打印测试，上图： 上图分别是： 图一打印perspn1实例对象 阅读全文
摘要：
一、问题 javascript是面向对象的，还是面向过程的？基于对象是什么意思？ 对象： 指的是对某一类事物进行抽象，抽象出这一类事物共同的特征以及行为（也就是属性和方法），那些拥有这一共同属性和方法的事物就是对象 二、分析 面向对象和基于对象的区别：引用一个例子，比如建造房子 面向对象：是先设计好 阅读全文
摘要：
一、前言背景： 学习react native的关键在于组件，依靠组件的拼接达到想要的效果，由此可见，组件就像一块块功能各异的零件，最终搭建出我们想要的效果。 今天我们就从组件的导入、导出开始 下面是我们编写react native代码时，很普遍的代码范式： 其实，这就是体现了组件的导入和导出，imp 阅读全文
摘要：
一、问题背景： react native的跨平台开发没有button的概念，而是使用touchable系列实现点击触发效果。 而touchable系列就有四个之多，而且相互之间仍有较大差别，这就给我们造成很大的困扰，今天就来分析一下这类在react native中必不可少的组件。 二、分析描述 （一 阅读全文
摘要：
react-navigation升级了， 看这个： react-navigation 3.x版本的使用 一、问题背景 react-navigation是react-native官方推荐的，基于Javascript的可扩展且使用简单的导航，功能强大且完备 回顾一下，react-navigation包含 阅读全文
摘要：
一、背景： 想要实现一功能： 1. 最多只能输入两位小数，类似的价格限制 2. 实时监听限制输入，禁止输入不符合规范的字符（当输入违禁字符，进行删除操作） 这样做的优点： 1. 在用户输入时直接进行限制，而不是在输入完才进行检测提示 --> 实时性 2. 直接在输入时进行规范，用户体验更好 二、分析 阅读全文
摘要：
一、前言 问： 什么是组件的生命周期？ 组件的生命周期中都包含哪些方法，各有什么作用？ 生命周期的方法都在什么时候调用？ 生命周期： 顾名思义，一个主体从出生到死亡的整个过程 学习组件（React的基石、核心），必须先去了解他整个生命的流程，才能掌握组件的使用方法，否则盲目的使用，只是在一次次的碰运 阅读全文
摘要：
一、前言 在开发项目时，常常需要展示大量数据。如果全部显示出来，数据相对少时，看不出来什么不同，如果数据很多时，一次请求全部显示，这就相当可怕了。 面对这种问题，PC里使用了分页效果，将数据分成一页页，换页时请求当前页数据， 而屏幕较小的移动端，分页就不怎么好看了，常用的方法是滚动到底部时继续加载数 阅读全文
摘要：
navigation的几个难点和问题： 1.底部tab是否可以加上中间的大按钮？ 如果加上，如何触发事件？ js文件放哪？ 2.navigation的登录注册页面。成功后应该不能返回刚刚的登录页面？清空页面栈？ 3.登录成功跳转到大厅？意图页面？还是当前所在页？弹出model是不是可以解决所有问题？ 阅读全文
摘要：
一、前言 我们在编写网页时，往往需要兼顾网页在不同屏宽情况下的显示 而有时为了省事，没时间写新的页面，也为了兼容考虑，这就需要使用等比压缩了 等比压缩的核心是rem 二、正文 （一）、rem的使用 rem是css3中新增加的一个单位属性(font size of the root element) 阅读全文
摘要：
一、前言 在编写前端代码时，为了页面兼容性，我们往往需要考虑不同的浏览器类型 而这就需要在前端代码中进行识别和区分 接下来就来谈谈对浏览器类型的识别 二、正文 （一）、查看浏览器类型的核心代码 var u = navigator.userAgent; 在浏览器的控制台中输入navigator.use 阅读全文
摘要：
一、前言 在MVVM模式下，有个双向数据绑定（data-binding）的优势，可以通过viewmodel实时的监听用户操作，也可以将model的改动实时的反馈到界面上。 那么，在传统的js操控DOM的情况下如何实现呢？ 下面我们以输入框（input）为例，对用户的操作进行监听，并实时的反馈给用户 阅读全文
摘要：
一、前言 前端部分的搭建，需要考虑使用哪种模式进行页面之间的跳转交互， 而项目内的页面交互，不可避免的需要相互之间的数据共享。 这就引出了本篇博客的目的，一起来谈谈：项目前端部分的构建方式以及数据共享方式。 二、正文 （一）、搭建前端部分所需要注意的问题 1）方便性 结合开发的时间需求和方便性选择适 阅读全文
摘要：
一、前言 如上图，页面在渲染和画图时，耗时还是比较多的，这就对我们的编写要求愈加严格。 我们有很多方法来减少上图所示的页面加载耗时的，比如 但是更多的还是在于平时的编写规范，我们需要了解浏览器，让他更加便捷快速的理解（加载）我们的代码。 另外，在编写页面时，如果内容较多，相应的css也会变得更多、更 阅读全文
摘要：
一、前言 使得文本换行有很多方式， 二、正文 1. 强制不换行 2. 控制文本换行 3. 强制单词内或链接内断行 详细介绍： （一）white-space 属性设置如何处理元素内的空白 white-space: normal|pre|nowrap|pre-wrap|pre-line|inherit; 阅读全文
摘要：
一、前言 我们在编写前端代码的js文件时，往往是会先写一个$(function(){})，然后才会在大括号里面继续写我们自己的代码。当时并不能理解为什么要添加这样一个东西，只是把它当做一个标签一样添加到代码中。直到有一次单独写个页面，把它给漏掉了，于是。。。 报错了，UNcaught Referen 阅读全文
摘要：
一、前言 要说readonly和disabled的区别，就需要先说说两者的联系； 两个属性都可以作用于input等表单元素上，都使得元素成为“不可用”的状态； 两者的字面意义先介绍一下： readonly表示“只读”，一般表示对于文字内容只读，即不可更改内容，对于非文字的表单“只读”与“不只读”似乎 阅读全文
摘要：
一、前言 事件的绑定触发有很多种方法，我们如何选择呢？ 很多时候，我们会使用鼠标事件，但是鼠标事件只能在PC设备上使用，当我们需要对不同设备兼容时怎么办呢？ 二、正文 1. 事件的几个概念： 事件流：描述的是在页面中接受事件的顺序； 事件冒泡：由最具体的元素接收（当前节点），然后逐级向上传播至最不具 阅读全文