摘要:
textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求。 通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而 阅读全文
摘要:
先看一下效果: html: css: vue.js: 阅读全文
摘要:
一般这样创建一个日期变量 var d = new Date("2017-08-11 12:00:00"); 发现在iOS中不兼容,返回valid Date。 IOS中不支持 - 连接日期 阅读全文
摘要:
html: Jquery: 省市区Json数据: 阅读全文
摘要:
前言 本篇文章比较适合 3 年以上的前端工作者,JS 三座大山分别指:原型与原型链,作用域及闭包,异步和单线程。 原型与原型链 说到原型,就不得不提一下构造函数,首先我们看下面一个简单的例子: 首先创造空的对象,再让 this 指向这个对象,通过 this.name 进行赋值,最终返回 this,这 阅读全文
摘要:
UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过V 阅读全文
摘要:
如果将一个img放在div里面,你会发现在img下面无端端的就多出3px的空白出来。padding、margin、border都设为0,无效!那么怎么解决这个问题呢? 问题图: 解决后的效果: 这个Bug真是十分有意思,不过有N多种解决办法! 1、设置div{ font-size: 0} 2、设置i 阅读全文
摘要:
整理4种Vue组件通信方式 重点是梳理了前两个,父子组件通信和eventBus通信,我觉得Vue文档里的说明还是有一些简易,我自己第一遍是没看明白。 父子组件的通信 非父子组件的eventBus通信 利用本地缓存实现组件通信 Vuex通信 第一种通信方式:父子组件通信 父组件向子组件传递数据 父组件 阅读全文
摘要:
前言 关于前端面试,及面试题目,我之前有很多文章总结过,可以在右侧搜索面试,进行查找。其实面试中可以问的问题很多,最近几年,我也面试过很多工作2-4年的前端,我一般会抓住他们做的项目,进行更详细的追问。所以,初中级前端面试的时候,除了掌握基础知识之外,项目中用到的技术要理清楚,假如你项目中用到的技术 阅读全文
摘要:
一、h5网站input 设置为type=number的问题 h5网页input 的type设置为number一般会产生三个问题,一个问题是maxlength属性不好用了。另外一个是form提交的时候,默认给取整了。三是部分安卓手机出现样式问题。 问题一解决,我目前用的是js。如下 <input ty 阅读全文
摘要:
对于手机网站建设,总结了如下几点注意: 1、 安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的 阅读全文
摘要:
一、pc端事件回顾 HTML事件、DOM0事件、DOM2事件 事件对象。 如果上述概念不清楚,请先去了解。 二、移动端事件简介 2.1 pc端事件在移动端的问题 移动设备主要特点是不配备鼠标,键盘也只是在需要输入的地方才会激活虚拟键盘。所以以前的pc端事件在移动端使用起来就没有以前那么爽了,虽然 阅读全文
摘要:
//在React Native中,使用fetch实现网络请求 /* fetch 是一个封装程度更高的网络API, 使用了Promise * Promise 是异步编程的一种解决方案 * Promise 对象代表一个异步操作,有三种状态:Pending(进行中) Resolved(已完成) Rejected(已失效) * * Promise 实例生成以后,可以分别制定'完成' 和'失败'状态的... 阅读全文
摘要:
一般是不会把zepto和jquery一起来用的。但有时候要引入一些插件,可能就会遇到这样的问题。 jquery noConflict() jquery有一个方法叫noConflict() ,可以把jquery的$改掉。 这个时候用jq来代替jquery的$吧。 zepto的符号改掉 在zepto里加 阅读全文
摘要:
JS跳转页面参考代码 可以将系统的api二次封闭提高易用性 第一种: <script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.hre 阅读全文
摘要:
抽空研究了下这两个新方法,确实可以解决很多问题 抽空研究了下这两个新方法,确实可以解决很多问题 1、使用pushState()方法 可以控制浏览器自带的返回按钮: 有时候我们想让用户点击浏览器返回按钮时,不返回,或执行其他操作,这时,就用到history.pushState()方法 讲解: hist 阅读全文
摘要:
ES6 中的 Generator 在 ES6 出现之前,基本都是各式各样类似Promise的解决方案来处理异步操作的代码逻辑,但是 ES6 的Generator却给异步操作又提供了新的思路,马上就有人给出了如何用Generator来更加优雅的处理异步操作。 本节内容概述 Generator简介 Ge 阅读全文
摘要:
对React-Native的学习,从熟悉基本控件开始。 View 属性方法 序号 名称 属性Or方法 类型 说明 1 accessibilityLabel 属性 string 2 accessible 属性 bool 当为true时,表示该元素是可以进行访问, 默认情况下所有可触摸的元素控件都是可以 阅读全文
摘要:
此篇文章是本人对setData方法的一些理解,是查阅文档和查找一些其他资料综述的,有所不足希望指正! 直接进入正题! 一、setData()方法: 1、参数接受一个对象,以key,value的形式表示; 2、参数和变量名称一致,可用一个值代替(es6新语法特性) 如上图所示,在this.data中设 阅读全文
摘要:
关键代码: controls='{{false}}' 阅读全文
摘要:
CSS3 动画 旋转DEMO 注意: 该实例在 Internet Explorer 9 及更早 IE 版本是无效的。 阅读全文
摘要:
Fiddler基础知识 Fiddler是强大的抓包工具,它的原理是以web代理服务器的形式进行工作的,使用的代理地址是:127.0.0.1,端口默认为8888,我们也可以通过设置进行修改。 代理就是在客户端和服务器之间设置一道关卡,客户端先将请求数据发送出去后,代理服务器会将数据包进行拦截,代理服务 阅读全文
摘要:
废话不多说,直接看效果: 效果一: 代码如下: <view class='zhubo'> <view class='zhuboLeft'> <view class='zhubo-avater'> <image class='zhuboIcon' src='../../image/video-list 阅读全文
摘要:
下面对报错进行一下详细描述: 在debug时,点着点着,就会发生; 1.手机显示如下 : Attempted to transition from state `RESPONDER_INACTIVE_PRESS_IN` to `RESPONDER_ACTIVE_LONG_PRESS_IN`, whi 阅读全文
摘要:
写在前面 ————如果从头开始看还没解决,试试文章最后的绝招 闲来无事,折腾了一下React Native,相比之前,开发体验好了不少。但在真机断点调试那里遇到了跨域资源加载出错的问题,一番探索总算解决,目测是RN新版本调试服务的bug。 遇到类似问题的同学应该不少,这里做下记录,有需要的可以参考下 阅读全文
摘要:
创建组件的三种方式 第一种:通过ES6的方式创建 第二种:通过ES5的方式创建 第三种:函数式定义 组件的生命周期 在React 中组件(Component)也是有自己的生命周期方法的。展示一个界面从创建到销毁的一生。 组件的生命周期分成三个状态: Mounting:已插入真实 DOM Updati 阅读全文
摘要:
1,React Js的目的 是为了使前端的V层更具组件化,能更好的复用,它能够使用简单的html标签创建更多的自定义组件标签,内部绑定事件,同时可以让你从操作dom中解脱出来,只需要操作数据就会改变相应的dom。 2,React Native的目的 是希望我们能够使用前端的技术栈就可以创建出能够在不 阅读全文
摘要:
一.webpack基础 1.在项目中生成package.json:在项目根目录中输入npm init,根据提示输入相应信息。(也可以不生成package.json文件,但是package.json是很有用的,所有建议生成) 2.安装webpaack a.在全局中安装webpack:npm insta 阅读全文
摘要:
React Native在2017年经历了众多版本的迭代,从接触的0.29版本开始,到前不久发布的0.52版本,React Native作为目前最受欢迎的移动跨平台方案。虽然,目前存在着很多的功能和性能的缺失,但是不可否认的是React Native确实在进步。 本文主要从以下几个方面来对React 阅读全文
摘要:
在做React Native开发时,少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功,高效的调试不仅能提高开发效率,也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。 Developer Menu Developer Menu是Re 阅读全文
摘要:
步骤 1 下载安装夜神模拟器,去夜神官网下载即可!然后安装完成!进入到初始化项目的目录,打开cmd命令,运行adb connect 127.0.0.1:62001 链接模拟器 2 链接完成之后,运行安装react-native项目!react-native run-android 在运行这个命令之前 阅读全文
摘要:
ReactNative问题随记 想运行在真机上,在运行命令react-native run-android遇到错误如下: Scanning 559 folders for symlinks in D:\AppData\Project\android\AwesomeProject\node_modul 阅读全文
摘要:
iOS的开发必须在MAC OS X系统下进行,这很蛋疼,现在MACBOOK动不动就上千上万大洋,这足够买台配置怪兽了,好吗?然而,我们是可以通过在VMWare中安装MAC OS X进行iOS开发的。对于苹果公司,这种我什么都不熟悉,就要先缴费,而且不便宜的费用的收费模式,我是坚决抵制的。毕竟在这个神 阅读全文
摘要:
前言 提到 JavaScript 异步编程,很多小伙伴都很迷茫,本人花费大约一周的业余时间来对 JS 异步做一个完整的总结,和各位同学共勉共进步! 目录 part1 基础部分 什么是异步 part2 jQuery的解决方案 jQuery-1.5 之后的 ajax jQuery deferred jQ 阅读全文
摘要:
前言:axios vue、axios 跨域、axios.js、axios get、axios post、axios中文文档 之前当vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐的axios,前一段时间用了一下,现在说一下它的用法。文中介绍的非常详细,需要的朋友可以参考 阅读全文
摘要:
1.如何定义全局数据 在app.js的App({})中定义的数据或函数都是全局的,在页面中可以通过var app = getApp(); app.function/key的方式调用,不过我们没有必要再app.js中定义全局函数。 定义 全局函数 如下图: 2.如何实现代码的复用 实现函数的复用前我们 阅读全文
摘要:
前面的话 由CommonJS组织提出了许多新的JavaScript架构方案和标准,希望能为前端开发提供统一的指引。AMD规范就是其中比较著名一个,全称是Asynchronous Module Definition,即异步模块加载机制,完整描述了模块的定义,依赖关系,引用关系以及加载机制。而AMD规范 阅读全文
摘要:
为什么ES6会有兼容性问题? 由于广大用户使用的浏览器版本在发布的时候也许早于ES6的定稿和发布,而到了今天,我们在编程中如果使用了ES6的新特性,浏览器若没有更新版本,或者新版本中没有对ES6的特性进行兼容,那么浏览器肯定无法识别我们的ES6代码,好比浏览器根本看不懂我写的let和const是什么 阅读全文
摘要:
首先先引用《JavaScript权威指南》里面的一句话来开始我的博客:函数的执行依赖于变量作用域,这个作用域是在函数定义时决定的,而不是函数调用时决定的。 因此,就出现了如下的几串代码: 结果为:inside 这样的结果并不太出乎意料,因为在执行area()的时候,返回值就已经是b()了,也就是函数 阅读全文