padishah11-CSDN博客

原创最实用小程序基础语法

小程序的文件结构配置文件 app.json的配置(全局) { // 用来配置页面的路径 "pages":[ "pages/index/index", // 首页 "pages/Test/Test" // 跳转的页面 ], "window":{ "enablePullDownRefresh": true, // 是否支持下拉刷新 "backgroundTextStyle":"dark", // 下拉刷新的字

2020-10-19 08:57:23 223

原创 React Hooks

Hooks Hooks是React v16.7.0-alpha的新特新，可以与react state相结合, 使函数组件功能类似于class一样。但是在Class类内部，不可以使用hooks. React 提供了几个像useState，useEffect, useContext 等的内置钩子函数，我们也可以自定义钩子函数在组件之间来复用state。 useState(内置hook) import {useState} from 'reaact'; function Example(){ const [cou

2020-10-09 22:01:27 655

原创为什么要封装axios请求方法，以及如何封装

为什么要封装axios? 在项目的开发中有三个阶段 1.开发环境(dev.abc.com) 2.测试环境(text.abc.com) 3.生产环境(abc.com) 访问接口数据时，例如：商品接口会是【域名】/api/v1/products 当环境不同时，直接修改域名就可。这就是封装请求的原因。 axios基础get请求，post请求 get请求发送数据返回，post可以携带数据发送处理请求(一般用于提交表单或者上传数据)， //axios.get 发起get请求 //参数一表示请求地址 /

2020-09-21 09:11:00 1822

原创手机端概念

总结 1.英寸大概2.54cm 5.5英寸对角线 2.像素图像最小的不可分割单元 3.分辨率 01：720X1280 02：750X1334 横向容纳750个像素点纵向容纳1334个像素点 4.ppi 01：pixcel per inch 像素每英寸 02：每英寸像素点的数量电子设备 72 打印小文件 300 宣传栏 1500-200 5.dpi 在手机上每英寸容纳的点大小 dot per inch 6.视网膜屏 Retina 屏 dpi (dot per inch) 超过300的屏幕 7.i

2020-09-10 22:13:07 168

原创 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 149

原创 vue组件

vue组件组件 (Component) 是 Vue.js 最强大的功能之一，使用组件化方式开发，可以封装可重用的代码，减少重复劳动注册组件语法Vue.component(tagName, options) 创建组件 <body> <div id="app"> <navbar></navbar> <navbar></navbar> </div> <script type="text/

2020-08-29 18:00:52 159

原创 JavaScript数据类型小结

javascript数据类型原始数据类型引用类型堆和栈堆和栈的区别隐式转换条件值原始数据类型（key,value都存储在栈中） undefined 未定义 String 字符串 Number 数字 Boolean 布尔 Symbol 符号引用类型 Array 数组 Object 对象 null 空 Function 函数堆和栈基本数据类型都存放在栈区域引用数据类型都存放在堆区域堆和栈的区别 1.栈内存存储的是局部变量而堆内存存储的是实体； 2.栈内存的更新速度要快于堆内存，因为局部变量的生命周

2020-08-27 21:48:32 96

原创 AJAX简述

AJAXajax的原理Postjquery中ajax第一层第二层第三层url组成浏览器同源策略跨域异步，同步http响应码http请求方法请求过程 AJAX 异步的javascript and xml ajax的原理通过 XMLHttpRequest 与服务器交换数据服务数据通过json 或者 xml格式返回浏览器端通过js+ccs渲染展示数据 Post 1.新建ajax对象 var xhr = new XMLHttpRequst() 打开连接 xhr.open("POST",url,fasle

2020-08-25 20:54:35 184

原创前端安全之-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 8113 2

原创互联网名词

互联网名词 P2P、P2C 、O2O 、B2C、B2B、 C2C的概念解析 P2P到底是什么呢? P2P借贷是一种将非常小额度的资金聚集起来借贷给有资金需求人群的一种民间小额借贷模式。P2P是“Peer-to-Peer”的简写，个人对个人的意思，P2P借贷指个人通过第三方平台(P2P公司)在收取一定服务费用的前提下向其他个人提供小额借贷的金融模式。 P2P模式第一种是纯线上模式，是纯粹的P2P，在这种平台模式上纯粹进行信息匹配，帮助资金借贷双方更好的进行资金匹配，但缺点明显，这种线上模式并不参与担保; 第

2020-08-17 21:22:33 3512

原创 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 3693

原创 BFC及作用

一、什么是BFC BFC(block formatting context）：简单来说，BFC 就是一种属性，这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。中文常译为块级格式化上下文。是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。在进行盒子元素布局的时候，BFC提供了一个环境，在这个环境中按照一定规则进行布局不会影响到其它环境中的布局。比如浮动元素会形成BFC，浮动元素内部子元素的主要受该浮动元素影响，两个浮动元素之间是互不影

2020-08-15 15:00:02 1804

原创 PHP基础（一）

PHP基础一、PHP书写格式二、PHP 字符串输出三、变量四、运算符一、PHP书写格式 <?php echo "你好！"; ?> 1、PHP 文件或 PHP 代码段以“<?php”开头，以“?>”结束，中间为php代码 2、每2、一个指令集以 ; 符号结束 3、浏览器得到的为 PHP 解析器执行完 php 代码后的结果，网站浏览者不能查看到 php 文件的原始代码 <body> <h1>echo</h1> <?php

2020-08-15 14:46:26 2022

原创 ES6中Proxy及Reflect基础

ES6中Proxy及Reflect基础一、Proxy二、Reflect1、目的一、Proxy Proxy 这个词的原意是代理，用在这里表示由它来“代理”某些操作 var proxy = new Proxy(target, handler); Proxy 对象的所有用法，都是上面这种形式，不同的只是handler参数的写法。其中，new Proxy()表示生成一个Proxy实例，target参数表示所要拦截的目标对象，handler参数也是一个对象，用来定制拦截行为。 <script>

2020-08-15 14:41:49 1315

原创 Promise的使用

Promise的使用一、Promise的含义二、Promise的特点三、Promise的缺点四、基本用法五、.then()六、.catch()七、.finally()八、.all()九、.race()十、案例一、Promise的含义 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。二、P

2020-08-13 21:46:24 2194

原创 ES6中Class的基本语法及其继承

ES6中Class的基本语法及其继承一、类的基本概念二、constructor 方法三、类的实例四、set/get五、注意点1、严格模式2、不存在提升3、name 属性六、静态方法七、静态属性八、类的继承1、extends2、super 一、类的基本概念 class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ', ' + this.y

2020-08-12 21:47:39 1852

原创 ES6中 Set 和 Map 数据结构以及Symbol

ES6中 Set 和 Map 数据结构以及Symbol一、Set1、Set 实例的属性和方法2、遍历操作3、遍历的应用二、WeakSet三、Map1、Map实例的属性和操作方法2、遍历方法四、WeakMap五、SymbolSymbol声明的数据具有唯一性作为属性名的 Symbol 一、Set 一、Set Set本身是一个构造函数,用来生成Set数据结构。 const s=new Set() ; Set函数可以接受一个数组作为参数，用来初始化。 const set = new Set([1, 2，3，4，4

2020-08-12 20:32:08 2398

原创 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 3441

原创 ES6数组的扩展

ES6数组的扩展一、扩展运算符1、含义2、替代函数的 apply 方法二、数组实例的 copyWithin()三、数组实例的 find() 和 findIndex()四、数组实例的 fill()五、数组实例的 includes() 一、扩展运算符 1、含义 1、含义扩展运算符（spread）是三个点（…）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。该运算符主要用于函数调用。 function add(x, y) { return x + y; } const

2020-08-11 21:38:25 1772

原创 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 3580

原创 ES6

ECMAScript 6 1.（以下简称ES6）是JavaScript语言的下一代标准，ECMAScript是JavaScript的基础标准分，而ECMAScript6则是它的最新一代的标准 2.优点是提升JS编写大型的复杂应用程序的能力（这次升级加入了模块化的概念、细化和优化语法、封装了一些方法）数据类型值类型数字 number 字符串 string 布尔 boolean 未定义 undefined 引用类型数组 Array 对象 Object 空 null 判断typeof 引用

2020-08-11 09:02:51 3470

原创 jQuery总结

第一章 jQuery概述 jQuery简介jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。 jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接

2020-08-10 21:39:43 1881

wb199811的博客