- 博客(22)
- 收藏
- 关注
RSS订阅原创 最实用小程序基础语法
小程序的文件结构配置文件app.json的配置(全局){ // 用来配置页面的路径 "pages":[ "pages/index/index", // 首页 "pages/Test/Test" // 跳转的页面 ], "window":{ "enablePullDownRefresh": true, // 是否支持下拉刷新 "backgroundTextStyle":"dark", // 下拉刷新的字
2020-10-19 08:57:23
170
原创 React Hooks
HooksHooks是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
480
原创 为什么要封装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
1722
原创 手机端概念
总结1.英寸大概2.54cm5.5英寸 对角线2.像素图像最小的不可分割单元3.分辨率01：720X128002：750X1334横向容纳750个像素点纵向容纳1334个像素点4.ppi01：pixcel per inch像素每英寸02：每英寸像素点的数量电子设备 72打印小文件 300宣传栏 1500-2005.dpi在手机上 每英寸 容纳的点大小dot per inch6.视网膜屏Retina 屏 dpi (dot per inch) 超过300的屏幕7.i
2020-09-10 22:13:07
100
原创 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
106
原创 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
122
原创 JavaScript数据类型小结
javascript数据类型原始数据类型引用类型堆和栈堆和栈的区别隐式转换条件值原始数据类型（key,value都存储在栈中）undefined 未定义String 字符串Number 数字Boolean 布尔Symbol 符号引用类型Array 数组Object 对象null 空Function 函数堆和栈基本数据类型都存放在栈区域引用数据类型都存放在堆区域堆和栈的区别1.栈内存存储的是局部变量而堆内存存储的是实体；2.栈内存的更新速度要快于堆内存，因为局部变量的生命周
2020-08-27 21:48:32
55
原创 AJAX简述
AJAXajax的原理Postjquery中ajax第一层第二层第三层url组成浏览器同源策略跨域异步，同步http响应码http请求方法请求过程AJAX 异步的javascript and xmlajax的原理通过 XMLHttpRequest 与服务器交换数据服务数据通过json 或者 xml格式返回浏览器端通过js+ccs渲染展示数据Post1.新建ajax对象var xhr = new XMLHttpRequst()打开连接xhr.open("POST",url,fasle
2020-08-25 20:54:35
126
原创 前端安全之-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
7861
2
原创 互联网名词
互联网名词P2P、P2C 、O2O 、B2C、B2B、 C2C的概念解析P2P到底是什么呢?P2P借贷是一种将非常小额度的资金聚集起来借贷给有资金需求人群的一种民间小额借贷模式。P2P是“Peer-to-Peer”的简写，个人对个人的意思，P2P借贷指个人通过第三方平台(P2P公司)在收取一定服务费用的前提下向其他个人提供小额借贷的金融模式。P2P模式第一种是纯线上模式，是纯粹的P2P，在这种平台模式上纯粹进行信息匹配，帮助资金借贷双方更好的进行资金匹配，但缺点明显，这种线上模式并不参与担保;第
2020-08-17 21:22:33
3441
原创 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
3597
原创 BFC及作用
一、什么是BFCBFC(block formatting context）：简单来说，BFC 就是一种属性，这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。中文常译为块级格式化上下文。是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。 在进行盒子元素布局的时候，BFC提供了一个环境，在这个环境中按照一定规则进行布局不会影响到其它环境中的布局。比如浮动元素会形成BFC，浮动元素内部子元素的主要受该浮动元素影响，两个浮动元素之间是互不影
2020-08-15 15:00:02
1757
原创 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
1963
原创 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
1277
原创 Promise的使用
Promise的使用一、Promise的含义二、Promise的特点三、Promise的缺点四、基本用法五、.then()六、.catch()七、.finally()八、.all()九、.race()十、案例一、Promise的含义Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。二、P
2020-08-13 21:46:24
2091
原创 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
1809
原创 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
2327
原创 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
3398
原创 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
1707
原创 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
3518
原创 ES6
ECMAScript 61.（以下简称ES6）是JavaScript语言的下一代标准，ECMAScript是JavaScript的基础标准分，而ECMAScript6则是它的最新一代的标准2.优点是提升JS编写大型的复杂应用程序的能力（这次升级加入了模块化的概念、细化和优化语法、封装了一些方法）数据类型值类型 数字 number 字符串 string 布尔 boolean 未定义 undefined引用类型 数组 Array 对象 Object 空 null 判断typeof 引用
2020-08-11 09:02:51
3436
原创 jQuery总结
第一章 jQuery概述jQuery简介jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接
2020-08-10 21:39:43
1819
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人