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
JS中自定义事件的使用与触发
1. 事件的创建 JS中，最简单的创建事件方法，是使用Event构造器： var myEvent = new Event('event_name'); 1 但是为了能够传递数据，就需要使用 CustomEvent 构造器： var myEvent = new CustomEvent('event_na
JS正则表达式的分组匹配和反向引用
什么是分组通俗来说，我理解的分组就是在正则表达式中用（）包起来的内容代表了一个分组，像这样的：var reg = /(\d{2})/reg.test('12'); //true这里reg中的(/d{2})就表示一个分组，匹配两位数字分组内容的的形式一个分
正则表达式-非获取匹配（非捕获）,正向预查,负正向预查,反向预查
非获取匹配在子模式内部前面添加"?:"非获取匹配表示这个子模式的匹配内容不会被保存，不能用于后向引用中。简单说，非获取匹配就是只匹配，不保存。看个例子：Text Windows 95 and Windows 98 are the successor. Then Win
vue的router-link中使用es6字符串模板时为什么还要加双引号？
问题: 我把双引号去掉就报错了。 不太明白，求大佬指点一下。 ue 中，模板内 HTML 标签 :xxx="" 时，双引号中的内容是一个 JS 表达式，而不是一般的 HTML 属性。 举例： <div @click="count++">{{
vue 组件选项顺序推荐
副作用 (触发组件外的影响) el 全局感知 (要求组件以外的知识) name parent 组件类型 (更改组件的类型) functional 模板修改器 (改变模板的编译方式) delimiters comments 模板依赖 (模板内使用
vue 风格指南
这里是官方的 Vue 特有代码的风格指南。如果在工程中使用 Vue，为了回避错误、小纠结和反模式，该指南是份不错的参考。不过我们也不确信风格指南的所有内容对于所有的团队或工程都是理想的。所以根据过去的经验、周围的
vue中通过方法返回data中的对象是这个{__ob__: Observer}
__ob__: Observer这些数据是vue这个框架对数据设置的监控器，一般都是不可枚举的。 console.log这样的打印函数，被打印的变量会执行自身的toString()，这样，即便内部属性是不可枚举，实际上也能看到。 操作数据的过程中不要