abd93823-CSDN博客

转载 vue实现分页组件

创建pagination.vue/* * 所需参数 * total Number 总页数 * current Number 当前页面下标 * pageSize Number 页面显示条数 * sizes Array 页面条数容器数组 * jump(index) function 重新获取数据的方法 * getPageSize(index...

2018-07-09 15:41:00 220

转载 vue.js阻止事件冒泡和默认事件

原生js取消事件冒泡 try{ e.stopPropagation();//非IE浏览器 } catch(e){ window.event.cancelBubble = true;//IE浏览器 } 原生js阻止默认事件if ( e && e.preventDefault...

2018-07-06 15:33:00 561

转载 vue项目中使用vue-layer弹框插件

vue-layer弹框插件安装npm i --save vue-layer引用import layer from 'vue-layer'Vue.prototype.$layer = layer(Vue);参数说明{ type: 0, //0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层） title...

2018-07-06 11:18:00 1793

转载网页禁止右键,禁止F12,禁止选中,禁止复制,禁止缓存等操作

一、禁止右键 //方法一　　　　　　　document.onmousedown = function () { if (event.button == 2) { return false; } } 　　　　...

2018-06-13 14:46:00 628

转载使用 Express Generator快速创建Express应用

全局安装express-generatornpm install express-generator -g根据需求生成自己需要的模板生成ejs模板:express demo --view=ejs或express demo -e生成jade(pug)模板:express demo --view=jade或express demo --vi...

2018-06-08 16:01:00 163

转载浅析前端BFC布局

一、常见定位方案二、BFC 概念BFC 即 Block Formatting Contexts (块级格式化上下文)，它属于上述定位方案的普通流。它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。通俗一点来讲，可以把 BFC 理解为一个封闭的大箱子，箱子内部的元素无...

2018-05-31 16:25:00 196

转载基于媒体查询的响应式布局设计（24栅格）

语法：@media mediatype and|not|only (media feature) { CSS-Code;}mediatype媒体类型：实现方式：@media screen and (min-width: **px) and (max-width: **px){　　　　CSS-Code;}CSS-Code:....

2018-05-31 10:13:00 1011

转载 nodejs中判断请求来自PC端还是移动端

获取req.headers["user-agent"]：var deviceAgent = req.headers["user-agent"].toLowerCase();匹配：var agentID = deviceAgent.match(/(iphone|ipod|ipad|android)/); if(agentID){ ...

2018-05-23 15:53:00 1882

转载配置/更改vue项目中的资源路径

打开 build/webpack.base.conf.js ，在module.exports .resolve.alias下自定义： alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), 'assets':resolve('src/assets'), ...

2018-05-23 15:44:00 869

转载在vue项目中使用less

安装依赖模块cnpm install less less-loader --save-dev打开build/webpack.base.conf.js ，在module.exports =的对象的 module.rules 后面添加： { test: /\.less$/, loader: 'style-loade...

2018-05-22 17:48:00 189

转载在vue项目中使用自己封装的ajax

在 src 目录下新建 vue.extend.js ,内容如下：export default{ install(Vue) { Vue.prototype.$http=function(options){ /*将数据转化为字符串*/ var strData=function(data...

2018-05-22 17:14:00 444

转载在vue项目中使用axios

安装cnpm i axios --save-dev在项目main.js中全局引用import axios from "axios"Vue.prototype.$http=axios;接下来就可以在项目中通过this.$http使用啦，then函数表示响应成功，catch表示失败 this.$http({ url:...

2018-05-22 16:56:00 237

转载通过vue-cli搭建vue项目

一、搭建环境安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。安装淘宝镜像npm install -g cnpm --registry= https://registry.npm.taobao....

2018-05-22 16:25:00 116

转载前端Map封装源码

源于后台思路，简单封装了一下Map插件，方便以后使用。 1 function Map() { 2 this.elements = new Array(); 3 4 //获取MAP元素个数 5 this.size = function() { 6 return this.elements.length; ...

2017-08-08 09:39:00 166

abd93823的博客