vue插件汇总
一、UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2
Vue.extend()的基本使用和示例 vue插件
相信很多人用vuejs构建单页应用时都会用到一些全局方法，比如发ajax请求时喜欢用axios挂载到vue原型上，如下：// 1 引入vue和axiosimport Vue from 'vue'import axios from 'axios'// 2 对axios的一些封装
Vue插件编写、用法详解
Vue插件编写、用法详解（附demo）1、概述简单来说，插件就是指对Vue的功能的增强或补充。比如说，让你在每个单页面的组件里，都可以调用某个方法，或者共享使用某个变量，或者在某个方法之前执行一段代码等2、使用方法总体流程应该
vue定义全局变量和全局方法
一、全局引入文件1、先定义共用组件 common.vue <script type="text/javascript"> // 定义一些公共的属性和方法 const httpUrl = 'http://39.105.17.99:8080/' function commonFun() { cons
css选择器优先级
选择器的特殊性分为4个等级，a b c d，从左到右，越左边的越优先, 如果一个选择器规则有多个相同类型选择器，则+1。 如果是HTML内样式，那么特殊性最优先，a=1 id选择器的特殊性是b， 类选择器、伪类选择器、属性选择器为c 标
[unpapp]nvue使用vuex的解决方案
在main.js中挂载Vuex 但是在nvue页面无法使用this.$store.state.xxx 于是找文档看评论说都无法解决，没办法只好自己想办法解决了下面提供两种方式： 方式一： 1.通过globalData建立公用变量 不懂的移步文档地址 把vuex挂在
CSS3 will-change提高页面动画等渲染性能
今天突然看到这个will-change 觉得好新鲜，就百度一看，才知道人家早就出来（我out了），只是现在各个浏览器还不怎么兼容，为了满足我的好奇心，就来了解下呗。如果你已经试验和利用过这些CSS3的属性，你可能碰到类似CPU、GPU和硬件
sass scss vue安装和使用
1. 安装依赖：npm install node-sass sass-loader -D 2. webpack.base.conf.js文件 module: { { test: /\.scss$/, loaders: ["style", "css", "sass"] } } .box{ width: 1
CSS3 原生变量
CSS 变量是由CSS作者定义的实体，其中包含要在整个文档中重复使用的特定值。使用自定义属性来设置变量名，并使用特定的 var() 来访问。（比如 color: var(--main-color);）。基本用法节声明一个局部变量：element { --main-b
css3自适应布局单位vw,vh你知道多少？
视口单位(Viewport units)什么是视口？ 在桌面端，视口指的是在桌面端，指的是浏览器的可视区域；而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。视口单位中的“视口&
js 实现导航栏滑动透明渐变样式
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable
PHP开发中常见的安全问题详解和解决方法
这篇文章主要介绍了PHP开发中常见的安全问题详解和解决方法，详细介绍了例如：Sql注入、CSRF、Xss、CC等攻击手段的背景知识以及解决方法，需要的朋友可以参考下。浅谈Php安全和防Sql注入，防止Xss攻击，防盗链，防CSRF前言：首先，笔
Javascript闭包（Closure）
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域
vue-js 特殊变量$event常识
背景如果我们要阻止默认事件，在 chrome 等浏览器中，我们可能要写一个：event.preventDefault(); 而在 IE 中，我们则需要写：event.returnValue = false; jquery ，跨浏览器的实现，我们统一只需要写：event.preventDefault(); vue
php面向对象编程self和static的区别
在php的面向对象编程中，总会遇到 class test{ public static function test(){ self::func(); static::func(); } public static function func(){}} 可你知道self和static的区别么？其实区别很简单，只需要写几个demo就
完整的MySQL注入
免责声明：本教程仅用于教育目的，以保护您自己的SQL注释代码。 在阅读本教程后，您必须对任何行动承担全部责任。0x00 ~ 背景这篇文章题目为“为新手完成MySQL注入”，它旨在提供专门针对MySQL数据库的SQL注入的完
正则表达式[\w]+,\w+,[\w+] 三者区别？ [],[ABC]+,[\w./-]+ 表达什么？
正则表达式[\w]+,\w+,[\w+] 三者有何区别： [\w]+和\w+没有区别，都是匹配数字和字母下划线的多个字符； [\w+]表示匹配数字、字母、下划线和加号本身字符； []表示数组而非排列，即不按固定次序位置排列； 在[]内的字符可以任意
PHP设计模式之装饰器模式
装饰器模式： 如果已有对象的部分内容或功能性发生改变，但是不需要修改原始对象的结构或不使用继承，动态的扩展一个对象的功能，则应该使用装饰器模式。 简单点说：就是我们不应该去修改已有的类，而是通过创建另外一个装饰器类
简单工厂、工厂方法与抽象工厂的区别
前言为什么会出现工厂，工厂方法与简单工厂还有抽象工厂到底有啥区别，什么时候能用到这些呢，如果你对于这些不是很清晰，那么你可以看看小编的这篇博客！这里所有的类图均用基本算法为例子，这样会有明显的对比！一、简单工厂模式
php模式设计之 工厂模式
那么何为工厂模式？ 从名字来看，似乎看不出什么端倪。工厂模式，和生产有关？还是和生产流程有关？难道还和工厂领导有关？和领导秘书有关？秘书... 好了不卖关子了，所谓工厂模式还真和生产有关。生产什么呢？生产出来的是一
css换行
强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行 div{ word-break:break-all; } 超出显示省略号 p{ text-overflow:elli
flex布局中align-items 和align-content的区别
看了很多翻译的技术文档，这一块都讲得模糊不清，看到stackoverflow上有人提问后的回答觉得十分清晰，特来分享，有不当之处欢迎指正。 align-itemsThe align-items property applies to all flex containers, and sets the d
clickoutside自定义指令源码分析 isServer
clickoutside是Element-ui实现的一个自定义指令，顾名思义，该指令用来处理目标节点之外的点击事件，常用来处理下拉菜单等展开内容的关闭，在Element-ui的Select选择器、Dropdown下拉菜单、Popover 弹出框等组件中都用到了该
github host加速方法
1.手动访问：https://www.ipaddress.com/ github.com github.global.ssl.fastly.net codeload.github.com这是我获取的IP192.30.253.113 github.com 151.101.25.194 github.global.ssl.fastly.net 192.30.253.121 codel
js自定义事件、DOM/伪DOM自定义事件
所谓自定义事件，就是有别于有别于带有浏览器特定行为的事件(类似click, mouseover, submit, keydown等事件)，事件名称可以随意定义，可以通过特定的方法进行添加，触发以及删除。JS自定义事件先看个简单的事件添加的例子：el