alhivlhos222178181-CSDN博客

转载详解WebApp与Native App的区别

一篇真的很棒关于html5的Web App与Native App的技术分析 ! 自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，...

2018-07-30 11:47:00 407

使用Vue报错[Vue warn]: Error in nextTick: "TypeError: fn.bind is not a function"页面进不去。检查：看看data mounted methods 写的是方法还是对象转载于:https://www.cnblogs.com/qwert1/p/9234511.html...

2018-06-27 16:08:00 276

转载原型原型链面试题

//测试题1 var A=function(){} A.prototype.n=1 var b=new A() A.prototype={ n:2, m:3 } var c=new A() console.log(b.n,b.m,c.n,c.m)//1,undefined,2,3 //测试题2 var F=function(){}; Object.proto...

2018-06-06 16:21:00 500

转载 VUE图片懒加载-vue lazyload插件的简单使用

VUE图片懒加载-vue lazyload插件的简单使用说明：当网络请求比较慢的时候,提前给这张图片添加一个像素比较低的占位图片，不至于堆叠在一块，或显示大片空白，让用户体验更好一点。一. vue lazyload插件：插件地址：https://github.com/hilongjw/vue-lazyload demo：http://hilo...

2018-04-23 12:28:00 206

转载 vuejs+axios发送请求

Vue 原本有一个官方推荐的 ajax 插件vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource 目前主流的 Vue 项目，都选择axios来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求前言：使用 cnpm 安装 axios cnpm instal...

2018-04-22 20:59:00 141

转载 Vue2.0+Node.js+MongoDB全栈打造商城系统

vue.js +axios mock数据在main.js中 import axios from 'axios' Vue.prototype.$ajax = axios webpack.dev.conf.js中 const express = require('express') const app = express() const goods...

2018-04-22 20:57:00 369

转载 Vue基础知识之vue-resource和axios

Vue基础知识之vue-resource和axios 原文链接：http://www.cnblogs.com/Juphy/p/7073027.html vue-resource Vue.js是数据驱动的，这使得我们并不需要直接操作DOM，如果我们不需要使用jQuery的DOM选择器，就没有必要引入jQuery。vue-resource是Vue.js的一款插件，它可以通过X...

2018-04-20 12:15:00 139

转载 vue-resource

vue-resource特点 vue-resource插件具有以下特点： 1. 体积小 vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比jQuery的体积要小得多。 2. 支持主流的浏览器和Vue.js一样，vue-resource除了不支持IE 9以下的浏览器，其他主流的浏览器都支持。 3. 支持Promis...

2018-04-19 16:21:00 98

转载 css3 转换过渡及动画

转换transform：通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。您可以使用 2D 或 3D 转换来转换您的元素 2D转换属性： transform 向元素应用 2D 或 3D 转换 transform-origin 允许你改变被转换元素的位置。 2D Transform 方法： matrix(n,n,n,n,n,n) ...

2018-04-12 23:55:00 255

转载 css sticky footer布局

Sticky footers设计是最古老和最常见的效果之一，大多数人都曾经经历过。它可以概括如下：如果页面内容不够长的时候，页脚块粘贴在视窗底部；如果内容足够长时，页脚块会被内容向下推送。套路为：内容层和页脚层 1.内容层需要有一个外层wrapper 并且清除浮动，需要设置min-height: 100% 使之撑满整个屏幕 --->detail-wrapper 2.外层wr...

2018-04-11 12:42:00 114

转载 1像素border

1像素border 利用伪类和媒体查询：伪类： border-1px($color) position:relative &:after display: block position: absolute left: 0 bottom: 0 width: 100% border-botto...

2018-04-10 18:02:00 122

转载 vue-router配置

首先在App.vue中 1.使用router-link组件来导航，通过‘to'属性指定链接，<router-link> 默认会被渲染成一个 `<a>` 标签 <router-link class="tab-item" to="/goods">商品</router-link> <router-link class="tab...

2018-04-10 16:45:00 131

转载错误Cannot find module 'stylus'

vue项目中使用stylus预处理器写css语法，老是出现Cannot find module ‘stylus’的错误，鼓捣了很久，包括webstorm中配置stylus的支持，安装依赖。终于找到原因：在webpack 里面用了 stylus-loader，但npm instatll 没有正确安装依赖，才会出现error： Cannot find module ‘stylus’。...

2018-04-09 22:35:00 199

转载高仿饿了么mock本地数据

未使用router新版webpack.dev.conf.js配置本地数据访问：// 引入express 模块 const express = require('express') // 创建express对象 const app = express() // 引入请求文件加载本地数据文件 const appData = require('../data.json') /...

2018-04-09 17:18:00 137

转载 vue2.0高仿饿了么better-scroll

首先安装better-scroll npm i better-scroll -S goods页面模板 <template> <div class="goods"> <div class="menu-wrapper" ref="menuWrapper"> <ul> <...

2018-02-05 16:30:00 268

转载 npm 常用命令

npm是一个node包管理工具，常用的npm命令有： 1.安装node模块 npm install moduleNames 安装完毕后会产生一个node_modules目录，其目录下就是安装的各个node模块。 node的安装分为全局模式和本地模式。一般情况下会以本地模式运行，包会安装到和你的应用程序代码的本地node_modules目录下。在全局模式下，n...

2017-10-07 21:39:00 117

转载 Gulp工具常用插件

gulp-uglify(js压缩) gulp-uglify安装 // npm install --save-dev gulp-uglify 已过时 npm install --save-dev jshint gulp-jshint gulp-uglify用来压缩js文件，使用的是uglify引擎。 var gulp = require('gulp'); //加载...

2017-10-07 20:29:00 94

转载 git总结

基本概念工作区就是平常编写代码的目录文件区域暂存区临时备份分批次提交版本库（每一次的 commit 都提交到了版本库）基本操作 git init [repo-name] （中括号代表可选）在本地初始化 Git 仓库 git add 把工作...

2017-10-06 19:32:00 109

转载 git教程

Git 使用基本流程如果需要使用 git commit 提交历史记录，则一定要具有你的个人信息： $ git commit -m '提交日志' --author '邮箱用户名' 由于每次 git commit 都带上 --author 很麻烦，所以我们可以全局配置这个用户信息： $ git config --global user.email "你的邮箱" $ git co...

2017-10-03 18:09:00 110

转载 vue安装--使用node

总结： # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project# 安装依赖 $ npm install# 运行 $ npm run dev ...

2017-09-23 21:52:00 186

转载 h5 本地存储

H5本地存储有两个API，一个是Web Storage，还有一个是Web SQL。不管是哪一个，都是基于JavaScript语言来使用，接下来我就教你怎么使用H5本地存储，本文篇幅较大，JS代码较多，请耐心阅读。一、Web Storage教程 1、概述：对于Web Storage来说，实际上是Cookies存储的进化版。如果了解Cookie的人几乎一看Web S...

2017-09-21 23:46:00 208

转载五星评分

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; ...

2017-08-06 19:50:00 79

转载 jQuery 属性操作

方法描述 addClass() 向匹配的元素添加指定的类名。 attr() 设置或返回匹配元素的属性和值。 hasClass() 检查匹配的元素是否拥有指定的类。 html() 设置或返回匹配的元素集合中的 HTML 内容。 removeAttr() 从所有匹配的元素中移除指定的属性。 removeClass(...

2017-08-05 21:14:00 93

转载 iQuery stop()

jQuery stop() 方法 jQuery stop() 方法用于停止动画或效果，在它们完成之前。 stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。语法 $(selector).stop(stopAll,goToEnd); 可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画，允许任何排...

2017-08-05 21:10:00 112

转载 jQuerychicun

jQuery 尺寸方法 jQuery 提供多个处理尺寸的重要方法： width() height() innerWidth() innerHeight() outerWidth() outerHeight() jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。 height...

2017-08-05 21:04:00 61

转载 css3动画

CSS3 动画当您在 @keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器：规定动画的名称规定动画的时长把 "myfirst" 动画捆绑到 div 元素，时长：5 秒： div { animation: myfirst 5s; -moz-animation...

2017-08-05 20:54:00 161

转载 app开发，H5+CSS3页面布局小tips

1.inline-block使用后带来的间隔影响 2.竖线的处理 3.ssh公匙 4.星星组件的巧妙用法 5.api.js的$api对象与安卓原生引擎的api对象，均相当于jQuery的$对象 6.移动端1px边框的问题 7.仔细琢磨一下api.css中样式，并做出小结 8.inline-block元素的基线问题 9.点击高亮显示标题并切换页面的问题转载于:ht...

2017-07-27 19:47:00 265

转载函数基础

函数的定义 1.函数的声明 function 函数名（）{ } 2.函数表达式 var aa=function(){ } 函数的调用 1.函数名（）函数分类：方式一：有名函数匿名函数（匿名函数无法直接调用，如果想要调用，需要使用匿名函数的自调用） ...

2017-07-13 22:50:00 81

转载函数

函数定义 //- 判断一个年份是不是闰年 //function run(year){ // if(year/4==0&&year/100!=0||year/400!=0){ // alert("闰年"); // }else{ // alert("平年"); // } //} ...

2017-07-12 22:56:00 105

转载冒泡排序

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script>// 初级版本 var arr = [5, 4,...

2017-07-12 22:53:00 68

转载数组练习

// 把1-100之间所有的数,放到数组中 var arr = []; for (var i = 0; i < 100; i++) { arr[i] = i + 1; } console.log(arr); // 把1-100之间所有的奇数,放到数组中 var arr = [];// 设置一个变量充...

2017-07-12 22:52:00 147

转载数组

数组定义：(3种定义方式) var arr=[] var arr=new array[] 属性：arr.length 返回数组的长度(数组的长度可以读取，也可以人为改变)方法：arr.push() 向数组的末尾添加若干元素，返回新数组的长度 arr.pop() 删除数组末尾的一个元素，返回删除的元素 ...

2017-07-12 22:48:00 79

转载表达式和语句

if语句三元运算符表达式1 ? 表达式2 : 表达式3是对if……else语句的一种简化写法 switch语句 switch (expression) { case 常量1: 语句; break; case 常量2: 语句; break; case 常量3: 语句; break; … case 常量n: 语句; bre...

2017-07-12 22:45:00 82

转载搜索框制作

<!DOCTYPE html> <html> <head> <meta charset="UTF-8">   <...

2017-07-01 18:11:00 145

转载操作DOM

拿到DOM节点在操作一个DOM节点前，我们需要通过各种方式先拿到这个DOM节点。最常用的方法是document.getElementById()和document.getElementsByTagName()，以及CSS选择器document.getElementsByClassName()。【由于ID在HTML文档中是唯一的，所以document.getElementById()可...

2017-07-01 14:21:00 144

转载数据类型

number JavaScript不区分整数和浮点数，统一用Number表示 123; // 整数123 0.456; // 浮点数0.456 1.2345e3; // 科学计数法表示1.2345x1000，等同于1234.5 -99; // 负数 NaN; // NaN表示Not a Number，当无法计算结果时用NaN表示 Infinity; // In...

2017-07-01 13:58:00 80

转载 javascript数组属性及方法

数组元素的添加 1. arrayt.splice(index,howmany,item1,.....,itemX) 向/从数组中添加/删除项目，然后返回被删除的项目 2. array.unshift() 将一个或多个新元素添加到数组开始，数组中的元素自动后移，返回数组新长度 3. array.push(newelement1,newelement2,....,newele...

2017-06-30 19:29:00 138

转载 javascript字符串属性及常用方法总结

length属性：str.length; 常用方法： 1. str.charAt(n) 查找字符串中的第n个字符，如果不在0~str.length-1之间,则返回一个空字符串 2 .str.indexOf(substr[,start]) 返回 substr 在字符串 str 中首次出现的位置,从 start 位置开始查找，如果不存在，则返回 -1。 start可以是任意整...

2017-06-30 17:52:00 154

转载 css清除浮动float

css清除浮动float 1.分析HTML代码 <div class="outer"> <div class="div1">1</div> <div class="div2">2</div> <div class="div3">3</div> </div&gt...

2017-06-30 17:15:00 101

空空如也

空空如也