zb_ctrl的博客

web前端技术交流与分享,共同交流与学习。

vue前端UI框架整理

整理的vue前端UI框架。 PC端: 1、Elementi:一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。 2、iView:一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。 3、vue-strap:基于 Vue.js 的 Bootstr...

2019-07-05 11:15:48

阅读数 22

评论数 0

vue父子组件相互通信、传递消息

我们使用vue开发时,往往需要提取公共组件,并且封装组件,因此需要实现父子组件之间相互通信,传递事件发送消息。 1、父组件向子组件传递数据(prop) 父组件向子组件传递数据我们需要用到prop,我们可以通过prop向子组件传递数据,数据类型可以是string、number、boolean、arr...

2018-10-26 23:29:37

阅读数 68

评论数 0

js前端面试资料整理(纯理论)

js面试资料(纯理论)整理 1、js数据类型 数字、字符串、数组、布尔值、对象、null、undefined 2、js typeof 返回的数据类型 object、number、function、boolean、undefined、string 3、原型对象 每一个java...

2018-09-18 18:36:55

阅读数 72

评论数 0

npm安装配置

安装nodejs后,由于nodejs集成了npm会默认安装npm。安装完nodejs后在cmd中通过命令查看安装的nodejs与npm。 现在可以看到nodejs与npm已经安装成功。 虽然现在nodejs与npm已经安装成功了 ,但是还有一个重要的步骤没有完成,因此现在npm还不可以安装...

2018-06-02 23:38:00

阅读数 6233

评论数 0

js 日期date()转换

Date常用方法: 获取年月日时分秒 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getM...

2018-06-02 15:09:14

阅读数 319

评论数 0

iscroll上拉加载下拉刷新

iScroll的产生完全是因为移动版webkit浏览器,例如在iPhone,Android 的移动设备上。 iScroll的原理是外层有一个溢出隐藏(overflow:hidden;)的DOM,然后这个区域内的第一个DOM结构会被实例化,其包裹的内容可以纵向或者横向的滚动,所以在使用iScrol...

2017-09-28 19:51:27

阅读数 1592

评论数 1

基于jquery的上拉加载更多

一个简易的基于jquery的上拉加载更多demo,上拉加载的原理就是容器的高度+容器的scrollTop>=容器内容的高度,整个demo还加上了回弹的动效。<!DOCTYPE html> <html lang="en"> <head> ...

2017-09-27 20:50:39

阅读数 2481

评论数 0

移动端设置viewport元数据标签

为了确保适当的绘制和触屏缩放,需要在 之中添加 viewport 元数据标签。<meta name="viewport" content="width=device-width, initial-scale=1">在移动设备浏览器上,通过为视口...

2017-09-27 11:49:12

阅读数 235

评论数 0

js判断浏览器与版本号

js判断浏览器以及版本号,针对流行的各种浏览器,IE,firefox,chrome,opera,safari等;都可以判断浏览器以及版本号。function appInfo(){ var browser = {appname: 'unknown', version: 0...

2017-09-24 13:38:24

阅读数 233

评论数 0

jquery封装方法和插件

首页,需要引入jquery;<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>然后封装自己的插件或者方法;(function($){ $.fn.myPl...

2017-09-14 17:22:33

阅读数 245

评论数 0

nodejs Express快速创建应用程序

Express 应用程序生成器假如您看了node.js开发指南,根据书山的讲解,您安装express之后会发现报错,找不到express模块;因为那是很久以前的node版本,因此,您要换新的方式来安装。使用以下命令安装 express:$ npm install express-generator...

2017-09-02 14:22:19

阅读数 370

评论数 0

nodejs Express入门教程实例

首先创建名为 myapp 的目录,切换到此目录,然后运行 npm init。根据安装指南将 express 安装为依赖项。在 myapp 目录中,创建名为 app.js 的文件,然后添加以下代码:var express = require('express'); var app = express...

2017-09-02 14:13:14

阅读数 1563

评论数 0

nodejs WEB框架express入门教程

Express是一种保持最低程度规模的灵活 Node.js Web 应用程序框架,为 Web 和移动应用程序提供一组强大的功能。

2017-09-02 14:07:02

阅读数 410

评论数 0

css3弹性布局——display:flex

弹性布局Flexbox布局( Flexible Box 或CSS3 弹性布局),是CSS3中的一种新的布局模式,是可以自动调整子元素的高和宽,来很好的填充任何不同屏幕大小的显示设备中的可用显示空间,收缩内容防止内容溢出,确保元素拥有恰当的行为的布局方式。使用Flexbox来布局更容易,可以使用更少...

2017-08-24 09:40:29

阅读数 247

评论数 0

javascript倒计时

javascript倒计时。首先我们要设置倒计时时间格式,方法如下:function currTimeForm(currTime){ var day = Math.floor(currTime/60/60/24); var hour = Math.floor(currTime/60...

2017-08-17 16:33:28

阅读数 205

评论数 0

javascript时间戳转换日期格式

js将时间戳转换成日期格式。 第一种:根据javascript的date对象获取年月日时分秒的方法,将时间戳转换成我们需要的日期格式。function Formate(time){ var oldTime = new Date(time * 1000); var year = ...

2017-08-17 16:25:24

阅读数 221

评论数 0

css3过渡位移特效

css3过渡特效,或者2d/3d转换过渡特效。 css3转换特效:translate()位移、rotate() 旋转、scale()缩放、skew()翻转、matrix()组合方法。 过渡位移特效: css代码:.transiton1{ width: 100px;height: 10...

2017-08-12 12:37:25

阅读数 1985

评论数 0

ios输入框被软键盘遮住问题

在ios中,输入框被软键盘遮住,这是众所周知的bug,那么如何来解决这个问题呢?最近的项目中就遇到了这个问题,然后经过高人指点解决了这个问题,以及遇到的另外一些问题。 首先我们先来说说弹出软键盘,在ios中,弹出软键盘,会将整个页面给怼上去,因此我们只能看到半个页面,然而在andriod中,整个...

2017-08-12 10:20:52

阅读数 3948

评论数 1

git配置多个账户登录

在实际项目中,我们都会有两个及以上的git账户,一般公司项目一个,github.com一个。因此我们需要做一定的配置才能够登录不同账户,对远程服务器仓库进行操作。 我们以github.com为例进行说明。 首先安装git,然后在github上注册一个账号,当然这些是前期准备工作。 接下来进入...

2017-07-30 11:38:53

阅读数 239

评论数 0

git配置与使用

git是当下非常流行的,免费、开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。 首先,我们需要安装git,在此省略……网上很多安装教程。 当安装完成git后,我们可以执行以下命令查看是否安装成功。$ git --version通过这个命令可以查看git的版本。 安装完成后,初...

2017-07-29 11:51:39

阅读数 182

评论数 0

提示
确定要删除当前文章?
取消 删除