- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue前端UI框架整理
整理的vue前端UI框架。PC端：1、Elementi：一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。2、iView：一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。3、vue-strap：基于 Vue.js 的 Bootstrap 组件，包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。所以不需要...
2019-07-05 11:15:48
1869
原创 vue父子组件相互通信、传递消息
我们使用vue开发时，往往需要提取公共组件，并且封装组件，因此需要实现父子组件之间相互通信，传递事件发送消息。1、父组件向子组件传递数据（prop）父组件向子组件传递数据我们需要用到prop，我们可以通过prop向子组件传递数据，数据类型可以是string、number、boolean、array、object，子组件可以通过props获取到父组件穿的的数据，进行一些操作或者直接渲染，同时pr...
2018-10-26 23:29:37
1685
原创 js前端面试资料整理（纯理论）
js面试资料（纯理论）整理1、js数据类型数字、字符串、数组、布尔值、对象、null、undefined2、js typeof 返回的数据类型 object、number、function、boolean、undefined、string 3、原型对象 每一个javascript对象（null除外）都和另一个对象（原型）关联，每一个对象都从原型继承属性。 原型对象其实...
2018-09-18 18:36:55
215
原创 npm安装配置
安装nodejs后，由于nodejs集成了npm会默认安装npm。安装完nodejs后在cmd中通过命令查看安装的nodejs与npm。 现在可以看到nodejs与npm已经安装成功。 虽然现在nodejs与npm已经安装成功了 ，但是还有一个重要的步骤没有完成，因此现在npm还不可以安装全局模块。因此我们需要配置npm的全局模块的存放路径以及cache的路径。 nodejs安装目录如下...
2018-06-02 23:38:00
23101
2
原创 js 日期date()转换
Date常用方法： 获取年月日时分秒 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getMonth()...
2018-06-02 15:09:14
781
原创 iscroll上拉加载下拉刷新
iScroll的产生完全是因为移动版webkit浏览器，例如在iPhone，Android 的移动设备上。 iScroll的原理是外层有一个溢出隐藏（overflow:hidden;）的DOM，然后这个区域内的第一个DOM结构会被实例化，其包裹的内容可以纵向或者横向的滚动，所以在使用iScroll的时候，滚动元素要尽量的简单，减少DOM个数，减少嵌套，因为DOM结构越是复杂iScroll运行起来就
2017-09-28 19:51:27
2116
1
原创 基于jquery的上拉加载更多
一个简易的基于jquery的上拉加载更多demo，上拉加载的原理就是容器的高度+容器的scrollTop>=容器内容的高度，整个demo还加上了回弹的动效。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>loadmore</title> <meta name="viewport" co
2017-09-27 20:50:39
3389
1
原创 移动端设置viewport元数据标签
为了确保适当的绘制和触屏缩放，需要在 之中添加 viewport 元数据标签。<meta name="viewport" content="width=device-width, initial-scale=1">在移动设备浏览器上，通过为视口（viewport）设置 meta 属性为 user-scalable=no 可以禁用其缩放（zooming）功能。这样禁用缩放功能后，用户只能滚动屏幕，就
2017-09-27 11:49:12
686
原创 js判断浏览器与版本号
js判断浏览器以及版本号，针对流行的各种浏览器，IE，firefox，chrome，opera，safari等；都可以判断浏览器以及版本号。function appInfo(){ var browser = {appname: 'unknown', version: 0}, userAgent = window.navigator.userAgen
2017-09-24 13:38:24
490
原创 jquery封装方法和插件
首页，需要引入jquery；<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>然后封装自己的插件或者方法；(function($){ $.fn.myPlugin = function(param){ this.html(param); //封装插件或方法 }
2017-09-14 17:22:33
407
原创 nodejs Express快速创建应用程序
Express 应用程序生成器假如您看了node.js开发指南，根据书山的讲解，您安装express之后会发现报错，找不到express模块；因为那是很久以前的node版本，因此，您要换新的方式来安装。使用以下命令安装 express：$ npm install express-generator -g使用 -h 选项显示命令选项：$ express -h Usage: express [opti
2017-09-02 14:22:19
613
原创 nodejs Express入门教程实例
首先创建名为 myapp 的目录，切换到此目录，然后运行 npm init。根据安装指南将 express 安装为依赖项。在 myapp 目录中，创建名为 app.js 的文件，然后添加以下代码：var express = require('express');var app = express();app.get('/', function (req, res) { res.send('He
2017-09-02 14:13:14
2285
原创 nodejs WEB框架express入门教程
Express是一种保持最低程度规模的灵活 Node.js Web 应用程序框架，为 Web 和移动应用程序提供一组强大的功能。
2017-09-02 14:07:02
946
原创 css3弹性布局——display：flex
弹性布局Flexbox布局（ Flexible Box 或CSS3 弹性布局），是CSS3中的一种新的布局模式，是可以自动调整子元素的高和宽，来很好的填充任何不同屏幕大小的显示设备中的可用显示空间，收缩内容防止内容溢出，确保元素拥有恰当的行为的布局方式。使用Flexbox来布局更容易，可以使用更少的代码，更简单的方式实现更复杂的布局，例如对齐方式，排列方向，排列顺序（这也是Flexbox布局的核心能
2017-08-24 09:40:29
710
原创 javascript倒计时
javascript倒计时。首先我们要设置倒计时时间格式，方法如下：function currTimeForm(currTime){ var day = Math.floor(currTime/60/60/24); var hour = Math.floor(currTime/60/60%24); var min = Math.floor(currTime/60%60);
2017-08-17 16:33:28
324
原创 javascript时间戳转换日期格式
js将时间戳转换成日期格式。 第一种：根据javascript的date对象获取年月日时分秒的方法，将时间戳转换成我们需要的日期格式。function Formate(time){ var oldTime = new Date(time * 1000); var year = oldTime.getFullYear(); var mon = oldTime.getMont
2017-08-17 16:25:24
387
原创 css3过渡位移特效
css3过渡特效，或者2d/3d转换过渡特效。 css3转换特效：translate()位移、rotate() 旋转、scale()缩放、skew()翻转、matrix()组合方法。 过渡位移特效： css代码：.transiton1{ width: 100px;height: 100px;background-color: red; position: absolute;to
2017-08-12 12:37:25
4081
原创 ios输入框被软键盘遮住问题
在ios中，输入框被软键盘遮住，这是众所周知的bug，那么如何来解决这个问题呢？最近的项目中就遇到了这个问题，然后经过高人指点解决了这个问题，以及遇到的另外一些问题。 首先我们先来说说弹出软键盘，在ios中，弹出软键盘，会将整个页面给怼上去，因此我们只能看到半个页面，然而在andriod中，整个网页高度会缩小，因此我们在弹出软键盘时，能够监听到andriod的窗口大小变化——resize事件，但是
2017-08-12 10:20:52
5576
1
原创 git配置多个账户登录
在实际项目中，我们都会有两个及以上的git账户，一般公司项目一个，github.com一个。因此我们需要做一定的配置才能够登录不同账户，对远程服务器仓库进行操作。 我们以github.com为例进行说明。 首先安装git，然后在github上注册一个账号，当然这些是前期准备工作。 接下来进入正题。通过git bash进入用户目录下的.ssh文件夹生成ssk秘钥$ cd ~/.ssh$ ssh
2017-07-30 11:38:53
1038
原创 git配置与使用
git是当下非常流行的，免费、开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。 首先，我们需要安装git，在此省略……网上很多安装教程。 当安装完成git后，我们可以执行以下命令查看是否安装成功。$ git --version通过这个命令可以查看git的版本。 安装完成后，初次使用我们需要配置git用户信息。$ git config --global user.name "ru
2017-07-29 11:51:39
299
原创 div模拟textarea高度随文本变化
最近做项目，移动端网页模拟聊天对话，需要做输入框随文字变化而变化，但是遇到了问题。如果用textarea，单纯的css不能实现这种效果，因此最开始选择textarea，用js监听 keydown，keyup事件，实现了随文字增多高度增加。但是删除文字后，高度却不会变小。 这就遇到了一个bug。 下面附上js监听textarea高度随文本变化而变化的代码$("textarea").on("keyu
2017-07-28 22:35:40
865
原创 webpack打包压缩图片
当我们使用webpack打包的时候，图片往往不会进行压缩处理，打包前多大的图片，打包后还是多大的图片。 图片太大，打包出来的文件也比较大，加载也比较慢。为了提高性能，优化处理，图片打包时进行压缩就很有必要了。 在此，给大家推荐一个插件，实测可用。 imagemin-webpack-plugin：This is a simple plugin that uses Imagemin to comp
2017-07-20 16:47:08
15032
1
原创 git设置快捷命令
当我们使用git时候，往往要在命令行中输入许多命令，有的命令很繁琐。然而，我们可以设置快捷键，当我们记住这些快捷命令后，键入快捷命令会提高我们的工作效率。 如果你使用的是git bash here，用git bash here进入用户目录，我的是C:\Users\Administrator，然后在此目录下创建 .bashrc文件，命令如下：touch .bashrc然后进入vim文本编辑器，开始设
2017-07-20 09:02:19
7623
原创 vue-cli手脚架模板使用sass
第一步，全局安装vue-cli手脚架；npm install vue-cli -g第二步，创建一个基于webpack模板的新项目；vue init webpack myproject第三步，安装依赖；cd myprojectnpm install第四步，为了使用sass，安装sass依赖包npm install sass-loader --save-devnpm install node-sas
2017-07-19 16:21:00
314
原创 css实现文本超出省略号代替
css实现文字超出省略号代替当我们在项目中，设计师给出方案，要求实现文字过长需要用省略号代替。如一行文字过长，超出一行的文字用省略号代替。有时候可能我们会用js去实现这个效果。不多说，直接上代码。（js代码如下）var sl = document.getElementById("wenzishenglue").innerHTML.slice(0,20)+"...";document.
2017-06-10 16:16:07
1271
原创 常用<meta>元素整理与详解
元素详解与常用整理定义与用法：元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。说明：在 HTML 中， 标签没有结束标签。在 XHTML 中， 标签必须被正确地关闭。 标签永远位于 head 元素内部。元数据总是以名称/
2017-06-10 14:57:42
994
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人