JS中使用media实现响应式布局
常见写法:下面总结常见的响应式布局的分类:@media screen and (max-width:320px){ #talkFooter .editArea{…… }}@media screen and (min-width:321px) and (max-width:375p...
常见写法:下面总结常见的响应式布局的分类:@media screen and (max-width:320px){ #talkFooter .editArea{…… }}@media screen and (min-width:321px) and (max-width:375p...
最近工作中需要用到树形下拉框,因为项目中树形结构使用的是zTree,然后就百度,结果出来效果不好看,后来就试着用了easyui的comboTree,虽然比较好看,但是跟整体的bootstrap风格有点...
微信小程序 rich-text的使用方法rich-text 属性:nodes 类型:Array / String 结点列表 / HTML String 全局支持class和style属性,不支持id属性。 结点类型:type = node , name...
分页之js前端实现和请求处理代码,供大家参考,具体内容如下index.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="s...
本文介绍了Vue2.0 vue-source jsonp 跨域请求,分享给大家,希望对大家有所帮助以调用百度的输入提示接口为例main.jsimport Vue from 'vue'import VueResouse from 'vue-resour...
如下所示:a = 'ghostwu';var a;console.log( a );在我没有讲什么是变量提升,以及变量提升的规则之前, 或者你没有学习过变量提升,如果按照现有的javascript理解, 对于上述的例子,...
微信小程序 自定义消息提示框需求描述:
wx.showToast(OBJECT)接口调用,但是不需要icon和image,即便image为空也有占位,实际上只想输出自定义文本内容。效果截图:
代码如下:<!--i...
•上传图片需要引入插件ngFileUpload,使用bower安装方法: bower install ng-file-upload --save,安装后需要在命名app的名字js文件中注入,如下所示:(function() { angular...
Node.js 事件循环详解及实例 Node.js 是单进程单线程应用程序,但是通过事件和回调支持并发,所以性能非常高。 Node.js 的每一个 API 都是异步的,并作为一个独立线程运行,使...
Node.js REPL (交互式解释器)实例详解Node.js REPL(Read Eval Print Loop:交互式解释器) 表示一个电脑的环境,类似 Window 系统的终端,我们可以在终端中输入命令,并接收系统的...
Node.js 基础教程之全局对象 在浏览器 JavaScript 中,通常 window 是全局对象。 Node.js 中的全局对象是 global,所有全局变量(除了 global 本身以外)都是 global 对象的属性...
废话不多说了,直接给大家贴代码了,具体代码如下所述:<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style type="text/css">img{width:200px;}</style></...
在业务系统开发中,对表格记录的查询、分页、排序等处理是非常常见的,在Web开发中,可以采用很多功能强大的插件来满足要求,且能极大的提高开发效率,本随笔介绍这个bootstrap-table...
废话不多说了,直接给大家贴代码了,具体代码如下所述:var path = 'www.u.com/home?id=2&type=0&dtype=-1';function parseUrl(url){ var result = []; var query = url.sp...
ComboBox(下拉列表框)
ComboBox(下拉列表框)常用属性:
valueField: 基础数据值名称绑定到该下拉列表框。— 提交值
textField:基础数据字段名称绑定到该下拉列表框。—显示值...
ES6新增的math,Number方法,下面总结了一些我觉得有用的Nunber.isInteger()判断是否为整数,需要注意的是1,和1.0都会被认为是整数
console.log(Number.isInteger(1.0))//true...
在使用Node.js搭建静态资源服务器一文中我们完成了服务器对静态资源请求的处理,但并未涉及动态请求,目前还无法根据客户端发出的不同请求而返回个性化的内容。单靠静态资源岂...
如下所示:let common_url = 'http://192.168.1.1:8080/'; //服务器地址let token = ''; //用户登陆后返回的token/** * 使用fetch实现图片上传 * @param {string} url 接口...
程序调用自身的编程技巧称为递归( recursion)。一个过程或函数在其定义或说明中又直接或间接调用自身的一种方法,它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模...
一、前言
bootstrap-table是非常方便好用的前端表格分页插件,使用者只需要提供数据源就能实现非常完美的分页效果,其分页方式可以分成客户端分页和服务端分页,其接收的数据...
开发过程中需要用到图片轮播的插件,在网上找了几个插件之后还是决定自己码一个,比较简洁的功能,以后说不定还会有用。ps:
功能比较简单,整个框并不能根据图片的大小自动调节,这里...
在原生APP开发中,相信很多开发者都会见到这种场景:点击右上角更多的选项,弹出一个更多界面供用户选择。这种控件在原生开发中Android可以用PopupWindow实现,在iOS中可以用CMPopT...
前言
对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断JavaScript程序的执行,从而造成副作用;
alert弹出框需要点击确认比...
$watch中的oldvalue和newValue大家都知道,在vue.js中给我们提供了$watch的方法来做对象变化的监听,而且在callback中会返回两个对象,分别是oldValue和newValue.
顾名思义,这两个...
本文介绍了react路由配置,最近刚开始学,分享给大家,顺便给自己留个笔记。包含了LInk跳转以及js触发跳转并传参。
这是项目的目录结构,主要的代码都在src目录下,src下面新建一个co...
前言大家应该都知道,在 React 中 render collections 的 items 时, Keys 扮演着重要的角色, 它直接决定接下来的 rendered 和 re-rendered,下面话不多说,来一起看看详细的介绍:R...
路由对于有过SPA开发经验的人来说,路由这个名词并不陌生,前端的路由和后端的路由在实现技术上不一样,但是原理都是一样的。在 HTML5 的 history API 出现之前,前端的路由都是通...
前言众所周知,React中的组件非常的灵活可扩展,不过随着业务复杂度的增加和许多外部工具库的引入,组件往往也会显得浮肿,接下来我们就一起来看看常见的几种,遵循单一职责原则的,组...
在写这篇文章的时候,顺带学习了一下关于Markdown的使用方法。
笔者是个渣渣,一切都是自己在摸索的学着,所以也谈不上什么体系、系统学习。在这里主要是为了实现把项目前后端分...
最近研究bootstrap,它仅提供视觉效果,对于数据列表之类的并未涉及,网上找了一下,找到一个Table插件。
名为bootstrapTable。
官方地址:http://bootstrap-table.wenzhixin.net.cn/...
WeakSet和Set类似,同样是元素不重复的集合,它们的区别是WeakSet内的元素必须是对象,不能是其它类型。特性:1.元素必须是对象。添加一个number类型的元素。const ws = new WeakSe...
bootstrap-fileinput源码:https://github.com/kartik-v/bootstrap-fileinputbootstrap-fileinput在线API:http://plugins.krajee.com/file-inputbootstrap-fileinput Demo展示...
webpack已成为现代Web开发中最重要的工具之一。它是一个用于JavaScript的模块打包工具,但是它也可以转换所有的前端资源,例如HTML和CSS,甚至是图片。它可以让你更好地控制应用...
这周末在家呆了两天,正好中午闲暇时间继续分享Angularjs相关,今天主要分享Angularjs总体介绍及数据绑定部分内容,下面直接进入主题。1、基本概念:
AngularJS是为了克服HTML...
一、navagitor的userAgent属性中,判断是否含有micromessenger二、代码/** * 判断微信扫码 */ function isWechat() { var ua = navigator.userAgent.toLowerCase(),flag...
这几天在写项目的中,页面使用了iframe,然而在子页面中使用bootstrap的模态框时发现:弹出的模态框位置是以子页面为标准居中的,并且遮罩层也只有子页面那一部分,整个页面简直无法...
一、手指触屏,利用touchstart和touchend计算前后滑动距离,判断是上拉还是下滑。二、js中距离:pageY、clientY、offsetY的区别: offsetY:相对于父节点的偏移距离。 c...
最近学习ReactNative感觉到挺有意思的,在学习的过程中,发现网上一些人写的文章内容过时了,这主要是ReactNative的版本升级太快,如果你现在看一篇16甚至15年写的文章,把知识点和官...
1.要实现短信验证码界面,首先要有一个文本框,旁边是按钮,点击时开始倒计时。2.先创建文本框和按钮,按钮设置对应的id,然后在js中通过id获取按钮这个元素,对其执行操作。同时应设置...
起因最近在学习koa的使用, 由于koa是相当基础的web框架,所以一个完整的web应用所需要的东西大都以中间件的形式引入,比如koa-router, koa-view等。在koa的文档里有提到:koa的中...
最近倒腾了一会vue,有点迷惑其中methods与computed这两个属性的区别,所以试着写了TodoList这个demo,(好土掩面逃~);
1. methods
methods类似react中组件的方法,不同的是vue采用...
现在的项目,无论代销,几乎不会缺省的一个功能就是上传下载功能,今天谈一谈使用AngularJS+bootsrtap下的上传下载功能。1.angularjs和flowjsangularjs我在其他的博客里面也讲到...
es6新增的遍历数组的方法,后面都会用这个方法来遍历数组,或者对象,还有set,maplet arr=[1,2,3,4,3,2,1,2];遍历数组最简洁直接的方法for (let value of arr) { console.log...
废话不多说,直接上代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>简单的计算器</title> <style> body{ margin: 0; }...
1、字符串---------->jQuery对象$(HTML字符串): $('<div>我是祖国的一朵小花</div>')待添加列表2、jQuery对象---------->DOM对象下标选取法(原理:jQuery是DOM的数组形式):$...
Modal组件可以用来覆盖包含React Native根视图的原生视图(如UIViewController,Activity),用它可以实现遮罩的效果。属性Modal提供的属性有:animationType(动画类型) PropTypes.oneO...
本文介绍了React Native仿美团下拉菜单的实例代码,最近也在学习React Native,顺便分享给大家在很多产品中都会涉及到下拉菜单选择功能,用的最好的当属美团了,其效果如下:
要实现...
城市列表选择是很多app共有的功能,比如典型的美图app。那么对于React Native怎么实现呢?
要实现上面的效果,首先需要对界面的组成简单分析,界面的数据主要由当前城市,历史访问城...
在RN 项目启动之后有一个短暂的白屏,调试阶段白屏的时间较长,大概3-5秒,打正式包后这个白屏时间会大大缩短,大多时候都是一闪而过,所以称之为“闪白”。
其实解决的方案也有很多...
本文介绍了vue+mockjs模拟数据实现前后端分离开发的实例代码,分享给大家,也给自己留个笔记。
在项目中尝试了mockjs,mock数据,实现前后端分离开发。关于mockjs,官网描述的是1.前...