知识总结
padishah11
山中明月
展开
-
vue路由基础
vue-router内置组件页面之间的传值嵌套路由对象写法(跳转,传值)router-link类似于a标签,用于在单页面之间的跳转,默认渲染为a标签to属性,后面跟着用于跳转的路径tag属性,指定渲染成指定的标签(tab=“p”)router-link-active,自动激活的class名称,当·to·属性的值和地址栏路径相同自动激活该属性。4.linkActiveClass,自定义属性名称,在路由(reouter)的index.js中修改const router = new VueRo原创 2020-09-04 08:45:00 · 124 阅读 · 0 评论 -
前端安全之-XSS(跨站脚本攻击)详解
xss跨站脚本攻击一.XSS的基本概念二、XSS攻击的主要途径三、XSS的分类反射型XSS存储型XSSDOM XSS防范措施利用 CSP利用 HttpOnly一.XSS的基本概念XSS又叫CSS (Cross Site Script) ,为了和css(层叠样式表)区分,我们通常称它为(xss)跨站脚本攻击。它指的是恶意攻击者往Web页面里插入恶意html代码,当用户浏览该页之时,嵌入其中Web里面的html代码会被执行,从而达到恶意的特殊目的。xss是一种发生在web前端的漏洞,所以其危害的对象也主要原创 2020-08-17 21:54:50 · 7959 阅读 · 2 评论 -
互联网名词
互联网名词P2P、P2C 、O2O 、B2C、B2B、 C2C的概念解析P2P到底是什么呢?P2P借贷是一种将非常小额度的资金聚集起来借贷给有资金需求人群的一种民间小额借贷模式。P2P是“Peer-to-Peer”的简写,个人对个人的意思,P2P借贷指个人通过第三方平台(P2P公司)在收取一定服务费用的前提下向其他个人提供小额借贷的金融模式。P2P模式第一种是纯线上模式,是纯粹的P2P,在这种平台模式上纯粹进行信息匹配,帮助资金借贷双方更好的进行资金匹配,但缺点明显,这种线上模式并不参与担保;第原创 2020-08-17 21:22:33 · 3469 阅读 · 0 评论 -
jquery总结
jquery总结一、 初识JQuery1、引入方式3、入口小函数与window.onload的区别4、jq对象与dom对象的转换二、jquery选择器1、基本选择器2、过滤选择器3、内容过滤选择器4、表单选择器5、filter()筛选三、jquery中CSS样式的写法1、设置样式2、类操作3、位置操作4、滚动条滚动的距离5、宽高四、属性的读取和设置五、jquery动画效果1、hide/show2、改变透明度3、滑动效果4、animate的使用六、jquery对文档的操作1、对内容的操作2、内部后部添加3、内原创 2020-08-15 15:33:04 · 3627 阅读 · 0 评论 -
BFC及作用
一、什么是BFCBFC(block formatting context):简单来说,BFC 就是一种属性,这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。中文常译为块级格式化上下文。是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。 在进行盒子元素布局的时候,BFC提供了一个环境,在这个环境中按照一定规则进行布局不会影响到其它环境中的布局。比如浮动元素会形成BFC,浮动元素内部子元素的主要受该浮动元素影响,两个浮动元素之间是互不影原创 2020-08-15 15:00:02 · 1774 阅读 · 0 评论 -
PHP基础(一)
PHP基础一、PHP书写格式二、PHP 字符串输出三、变量四、运算符一、PHP书写格式<?phpecho "你好!";?>1、PHP 文件或 PHP 代码段以“<?php”开头,以“?>”结束,中间为php代码2、每2、一个指令集以 ; 符号结束3、浏览器得到的为 PHP 解析器执行完 php 代码后的结果,网站浏览者不能查看到 php 文件的原始代码<body> <h1>echo</h1> <?php原创 2020-08-15 14:46:26 · 1992 阅读 · 0 评论 -
ES6中Proxy及Reflect基础
ES6中Proxy及Reflect基础一、Proxy二、Reflect1、目的一、ProxyProxy 这个词的原意是代理,用在这里表示由它来“代理”某些操作var proxy = new Proxy(target, handler);Proxy 对象的所有用法,都是上面这种形式,不同的只是handler参数的写法。其中,new Proxy()表示生成一个Proxy实例,target参数表示所要拦截的目标对象,handler参数也是一个对象,用来定制拦截行为。 <script>原创 2020-08-15 14:41:49 · 1296 阅读 · 0 评论 -
Promise的使用
Promise的使用一、Promise的含义二、Promise的特点三、Promise的缺点四、基本用法五、.then()六、.catch()七、.finally()八、.all()九、.race()十、案例一、Promise的含义Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。二、P原创 2020-08-13 21:46:24 · 2135 阅读 · 0 评论 -
ES6中 Set 和 Map 数据结构以及Symbol
ES6中 Set 和 Map 数据结构以及Symbol一、Set1、Set 实例的属性和方法2、遍历操作3、遍历的应用二、WeakSet三、Map1、Map实例的属性和操作方法2、遍历方法四、WeakMap五、SymbolSymbol声明的数据具有唯一性作为属性名的 Symbol一、Set一、SetSet本身是一个构造函数,用来生成Set数据结构。const s=new Set() ;Set函数可以接受一个数组作为参数,用来初始化。const set = new Set([1, 2,3,4,4原创 2020-08-12 20:32:08 · 2347 阅读 · 0 评论 -
ES6中函数的扩展
ES6中函数的扩展一、箭头函数使用注意点二、函数的不定参数三、函数的拓展实参一、箭头函数let fn=(num1,num2)=>{ return num1+num2} let fn=num1=>num1+num2简写注意事项省略小扩号:当参数只有一个时省略大扩号:当函数体只有一句时,当函数体只有一句时,且是return的返回值时,return省略返回的对象格式:参数=>({ 对象})let arr = [0, 1, 2, 3];var obj = arr.ma原创 2020-08-11 21:50:20 · 3407 阅读 · 0 评论 -
ES5数组的高阶方法
ES5数组的高阶方法forEach 遍历 var arr = ["good", "luck", "hello", "world"]; //=============forEach方法 var a = arr.forEach(function(item, index, self) { console.log(item); //数组的每一个值 console.log(index); //下标值 console.log(self); // 数组本身 })ma原创 2020-08-11 21:24:16 · 3530 阅读 · 0 评论 -
jQuery总结
第一章 jQuery概述jQuery简介jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接原创 2020-08-10 21:39:43 · 1845 阅读 · 0 评论