前端后端
关注
分享
扫一扫
文章平均质量分 85
咩有猫腻.
要努力哦.
展开
-
移动端---混合开发1 + 支付相关操作（手机app支付、网页支付）--支付流程
混合开发1️⃣ 以前端为主导进行开发(Hybrid app)（即所有的页面部分都是用网页 h5 的技术来做的，Hybrid 是做编辑器的）uniapp、mui 是国内主流的小公司做混合开发的技术。他们是纯前端技术做 app 的一种方案Cordova、ionic 是国际上主流的一些混合开发技术。更成熟使用 h5 技术开发手机 APP，它有一个特点就是一次开发多端运行，就是可以跨平台发布。做一次开发可以发不成 android、ios、windowsphone。开发成本低，但是性能差，不利于更深度的硬原创 2020-08-15 10:10:53 · 786 阅读 · 0 评论 -
公用的、基础的、重置的css和一些常用的文件
reset.css@charset "utf-8";html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input { margin: 0; padding: 0;}body { font-size: 16px; font-family: "微软雅黑";}ul,ol,li { list-style: none;}b,strong { font-原创 2020-06-29 10:47:34 · 195 阅读 · 0 评论 -
ES6语法
ES6语法1.ES5和ES6声明变量的方式对比ES5中声明变量的方式：//1.通过var声明var num;//2.函数方式声明function fn(num){ return num; }fn(10);ES6中声明变量的方式：//1.使用let声明let a = 10;//2.使用const声明const name = “小红”;2. var ，let ， const 的区别：不存在变量提升var 命令会发生变量提升现象，即变量可以在声明之前使用，值为undefined。l转载 2020-06-17 14:10:00 · 364 阅读 · 1 评论 -
highcharts和jQuery UI
highchartshttps://highcharts.com.cn/jQuery UIhttps://www.runoob.com/jqueryui/jqueryui-tutorial.html原创 2020-06-16 15:36:46 · 128 阅读 · 0 评论 -
demo---鼠标移入移出效果（jQuery）
html<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8" /> <title>判断鼠标移入移出方向</title> <style type="text/css"> * { margin: 0; padding: 0; } .outer { .原创 2020-06-16 15:27:03 · 390 阅读 · 0 评论 -
jQuery--data、load、then、done、getJSON、$.fn.extend
1. .data() 创建自定义属性 及获取自定义属性2. .load() 将其他网页内容放入想要放入的网页中，同时也可修改它的样式3. .done() .getJSON()4. $.fn.extend() 在jQuery中创建实例方法一.data<!-- html --> <h1>biaoti</h1> <h1>biaoti</h1> <p data-id="10001">ppp&原创 2020-06-16 14:11:00 · 394 阅读 · 0 评论 -
错题
//************************************1.对于js闭包的理解，以下说法错误的是A 一个闭包就是当一个函数返回时，一个没有释放资源的栈区B 闭包能够访问一个函数中的局部变量C 闭包使用不当会造成内存泄露D 闭包需定义在匿名函数里正确答案: D解析:闭包是函数中的函数，不一定非得在匿名函数中以下哪个关键字可以实现类的继承A inheritB extendsC publicD interface正确答案: B原创 2020-06-16 09:36:27 · 2457 阅读 · 0 评论 -
浅拷贝和深拷贝、单例模式、适配器模式、观察者模式、组合模式、相关的面试题
这篇博客注释很少，主要展示的是代码 ，注释多的在前面的文章里浅拷贝和深拷贝<script> //浅拷贝 复制的是地址而非具体的值************************ let obj1 = { a: 1, b: 2 }; let obj2 = obj1; obj2.a = 11; console.log(obj1); // {a: 11, b: 2} //深拷贝************************************ let ob原创 2020-06-10 23:52:53 · 192 阅读 · 0 评论 -
Object的几个常见方法（ Object.hasOwnProperty（）、instanceof、Object.assign()、Object.defineProperty() ）
<script> //Object //*********************************************************************************** //hasOwnProperty********************************************************************* //Object的hasOwnProperty()方法返回一个布尔值，判原创 2020-06-10 20:08:54 · 831 阅读 · 0 评论 -
继承及ES6继承
一.继承的概念<script> 面向对象的三大特点：多态、继承、封装 继承：一个类型的对象能够访问另外一个类型的属性和方法 (函数)类与类之间的关系 类就是众多实例共有的属性和方法的一个抽象 原型对象中的this指向实例 function Person() { this.name = "zhangsan"; this.age = 20; } var person = new Pe原创 2020-06-08 20:02:49 · 162 阅读 · 0 评论 -
闭包（函数里返回函数）
一.闭包的概念<script> //js作用域: 全局作用域和局部作用域 /* function foo() { var a = 10; } foo(); console.log(a); → 10 */ /* function bar() { var num = 1; function baz() { num++; cons原创 2020-06-08 14:25:43 · 870 阅读 · 0 评论 -
keydown和keypress之间的区别
<body> <input type="text" /> <script> let oInput = document.querySelector("input"); oInput.onkeydown = function () { console.log("keydown"); }; oInput.onkeypress = function () { console.log.原创 2020-06-05 20:44:42 · 672 阅读 · 0 评论 -
跨域（JSONP之script的src get请求、cors、服务器代理）
test测试<body> <script src="../ajax.js"></script> <script> ajax("http://localhost/course24/crossDomain/test.php") .then((data) => { console.log(data); }) .catch(() => {}); /原创 2020-06-04 20:00:50 · 593 阅读 · 0 评论 -
promise定义及其用法
一.promisepromise 异步编程的解决方案 多次ajax请求，并且需要严格的按照顺序执行 A B C 三个接口 //一层层的回调函数嵌套，形成回调地狱 ajax({ success:function(){ ajax({ success:function(){ ajax({ })原创 2020-06-04 18:50:14 · 753 阅读 · 0 评论 -
通信协议
网络通信中七层模型 ISO -> OSI/RM 物理层 数据链路层 网络层 IP 传输层 TCP 三次握手 会话层 表示层 应用层 HTTP超文本传输协议 无状态协议 TCP/IP 四层参考模型 网络接口层 网络层 传输层 应用层...原创 2020-06-03 19:17:26 · 189 阅读 · 0 评论 -
demo---七天免登陆
<body> 用户名:<input type="text" /><br /> 密码:<input type="password" /><br /> <input type="checkbox" />七天免登录<br /> <input type="button" value="登录" /> <script src="cookie.js"></..原创 2020-06-03 18:57:28 · 453 阅读 · 0 评论 -
cmd的两种运行方式区别、编辑器的终端运行方式（如果没有权限运行脚本时的修改操作）、显示隐藏文件、搜索框图标
一.修改编辑器选项二.两种cmd运行方式的区别三.搜索框图标四.显示隐藏文件原创 2020-05-11 21:43:51 · 399 阅读 · 0 评论 -
小复习---设计模式：单例模式、组合模式、观察者模式
设计模式 所谓的设计模式,指的是,为了解决特定的问题,而制定的代码规范,代码书写方式 目的是为了 优化代码,减少冗余 提高代码的执行效率 单例模式 同一个构造函数生成的实例化对象,指向的都是同一个对象 防止生成重复的,冗余的对象 减少占用内存,提高执行效率 核心代码: 定义构造函数 定义一个变量 ...原创 2020-05-08 13:45:29 · 148 阅读 · 0 评论 -
7 观察者模式emit方法
三.观察者模式emit方法<script> // 观察者模式的emit方法 // emit方法,是执行调用,已经存在与消息盒子中,类型中的函数方法 // 也称为发布方法 // 实现的原理和方法 // 执行调用的方法,有可能是一个或者多个,是 不定项 执行 // 需要使用 ...参数 并合运算符,将输入的实参 以 数组的形式存储在 参数...原创 2020-05-07 23:56:18 · 459 阅读 · 0 评论 -
6 观察者模式off方法
二.观察者模式off方法<script> // 观察者模式的off方法 // 在已经添加到消息盒子中的类型以及方法中,删除方法 // 如果有这个类型,有这个方法,再执行删除操作,如果没有,不做任何操作 class Observer{ constructor(){ this.msg = {}; ...原创 2020-05-07 23:36:14 · 214 阅读 · 0 评论 -
5 观察者模式on方法的使用
一.观察者模式on方法的使用<script src="./jquery.min.js"></script><script> // 定义观察者模式中的 on 方法 // 也就是向观察者模式中的消息盒子,添加要执行的方法 // 添加要执行的方法 // 添加的方法,要分为,方法的类型 和 方法的内容 // 方法类型(typ...原创 2020-05-07 23:26:58 · 317 阅读 · 0 评论 -
4 观察者模式的基本概念及核心代码
一.观察者模式的基本概念观察者模式的基本概念所谓的观察者模式,是监听某个主体对象,如果主体对象发生改变,执行相关联的操作典型的观察者模式是, jQuery中的 钩子函数jQuery中的 钩子函数 监听的是 jQuery的 ajax请求当 ajax 请求, 执行到不同步骤时,会触发不同的函数执行观察者模式,在3阶段,配合vue框架,以及双向数据绑定时,会使用二.观察者模式的核心...原创 2020-05-07 23:10:43 · 984 阅读 · 0 评论 -
3 组合模式 概念 及 核心代码
<script> class A{ constructor(){}; init(){ this.funA1(); this.funA2(); this.funA3(); this.funA4(); }; funA1(...原创 2020-05-07 23:02:01 · 304 阅读 · 0 评论 -
2 单例模式的实际案例 和 demo
一.单例模式的实际案例<div></div><p></p><script> // 单例模式的实际案例 // 通过构造函数,给标签设定样式 // 简单的构造函数 class SetStyle{ constructor(ele,type){ this.ele ...原创 2020-05-07 22:19:41 · 225 阅读 · 0 评论 -
1 设计模式: 单例模式的概念 / 核心原理代码 /执行
一.设计模式所谓的设计模式,是 JavaScript 程序的一种高级书写规范为了优化代码,减少重复冗余的代码每一种设计模式是为了 解决 某个特定的问题而设置的代码书写规范二.单例模式概念<script> // 有一个构造函数 class createObj{ constructor(name,age){ this...原创 2020-05-07 21:27:48 · 289 阅读 · 0 评论 -
ES5的继承语法
<script> ES5 的继承语法 作用也是为了优化代码,防止重复的代码内容的产生 语法1:原型继承 语法2:借用构造函数继承 语法3:组合继承 ******原型继承*************** /* 所谓的原型继承,是通原型链来继承父级构造函数的内容 两个...原创 2020-05-07 20:40:48 · 176 阅读 · 0 评论 -
继承----ES6的继承语法
什么是继承? 继承是发生在父子级关系中的现象 继承 是 构造函数 的高级应用 就是两个互为父子级关系的构造函数的应用 子级构造函数,继承的是父级构造函数的属性和方法 常见的继承操作,分为 ES5 的继承语法 和 ES6 的继承语法实际项目中一般不会直接使用继承语法,一般都是通过框架来完成继承,不用专门去写去定义主要是为了应对面试最好是将 面试...原创 2020-05-07 15:52:09 · 395 阅读 · 0 评论 -
闭包的简单应用及特点
一.闭包的简单应用<!-- 给li添加点击效果,点击不同的li,输出对应的数值内容 --><ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li>&...原创 2020-05-07 15:40:27 · 341 阅读 · 0 评论 -
cors方式跨域
一.定义通过设定后端程序内容让浏览器不要阻止跨域访问通过后端程序,来让前端程序完成跨域实际项目中jsonp 目前基本不使用,能用的都是10年前的老程序cors 方式,是后端设定的效果,我们不用去管代理方式 前端要掌握的主要方式最终,不管是 get 还是 post 还是跨域可以通过 jQuery 和 框架 等方式,一站式解决二.详例说明demo.html&l...原创 2020-04-26 20:57:01 · 127 阅读 · 0 评论 -
jsonp方式跨域
一.定义jsonp方式跨域 所谓的jsonp就是通过 script标签 的特殊属性来完成跨域请求 1, script标签,可以通过 src属性,访问任意的文件内容,即时是跨域的文件也可以访问 2, script标签,可以读取 src属性,加载的任意的外部文件内容,会将文件内容,作为 JavaScript程序来解析script标签的两大特性 1,本身就可以跨域,...原创 2020-04-26 20:51:54 · 124 阅读 · 0 评论 -
ajax小复习
ajax请求: 超链接 和 form表单 是HTML提供的与后端交互的方法 ajax请求,是JavaScript提供的与后端交互的方法ajax请求的基本步骤: 1,创建ajax对象 const xhr = XMLHttpRequest() 2,定义ajax请求相关设定 xhr.open() get方式...原创 2020-04-26 20:13:40 · 103 阅读 · 1 评论 -
服务器代理跨域
一.定义什么是所谓的服务器代理 浏览器的同源策略,是为了防止外部程序,访问数据库数据 服务器告诉浏览器,某个指定的外部访问是允许通过的 浏览器就不会阻止,会完成请求和获取响应体基本实现原理: 在浏览器同源,设定一个 代理服务器 把本该发送给目标服务器的请求,发送给代理服务器 由 代理服务器 发送给 目标服务器 在 通过 代理服务器 从...原创 2020-04-26 14:11:01 · 249 阅读 · 0 评论 -
浏览器的同源策略
一.定义同源策略,只限制 ajax请求,不限制 超链接和form表单等跳转浏览器对于ajax请求,有限制如果 ajax请求的 url地址 与当前 地址 请求协议不同 url地址源不同 要求在同一个文件夹下,路径是相同的 端口号不同浏览器都视为 跨域请求 只能发送请求,但是不能获取响应体内容如果不在同一个文件夹下,也会被视为不是同源文件ajax请求会进行判...原创 2020-04-26 14:08:59 · 304 阅读 · 0 评论 -
易错题
1OOA 面向对象分析OOD 面向对象设计OOP 面向对象编程OOP是Object Oriented Programming的简写POP 面向过程编程原创 2020-04-23 01:46:10 · 123 阅读 · 0 评论 -
cookie的demo(简单的登陆验证支付)
index.html<body> <h1>我是首页面</h1> <button name="reg">注册</button><br> <button name="login">登录</button><br> <button name="back">...原创 2020-04-22 23:43:54 · 459 阅读 · 0 评论 -
cookie的设定及获取
一.定义前端,后端程序,都可以设定cookie JavaScript,PHP,java,python所有的语言都可以设定操作cookieJavaScript中设定cookie 设定和读取cookie都是 document.cookie 变量 = document.cookie 是获取cookie数据 document.cookie ...原创 2020-04-22 23:36:47 · 682 阅读 · 0 评论 -
cookie的本地存储
什么是 cookie************ cookie 是浏览器的 一个功能 是 前端浏览器的一种存储机制 本质上是在浏览器内,建立一个文档文件,来存储浏览器执行页面时,产生的一些数据 这些数据是各个浏览器都要使用的公共数据,会存储在cookie cookie本质上,一个是建立在浏览器文件夹中,存储页面公共数据的文件什么是cookie的时效***...原创 2020-04-22 14:05:02 · 427 阅读 · 0 评论 -
json字符串
一.json定义json字符串 专门用于数据交互时使用的一种特殊的字符串 不同计算语言,相同的数据类型,语法可能不同,需要将所有的计算机语言的数据内容 转化为相同的格式,便于数据交互 计算机程序,接收到json字符串之后,再转化为当前计算机语言可以支持的数据类型 人族 精灵族 矮人族 亡灵 你好...原创 2020-04-22 14:00:59 · 451 阅读 · 0 评论 -
常见响应状态码、常见的请求方式
一.常见响应状态码常见请求响应状态码 HTTP/1.1 200 OK Status Code: 200 OK两个地方都有响应状态码 表示请求是否成功的状态返回结果 是 100-599的数值 100-199 1开头的 表示连接已经建立,正在继续执行 200-299 2开头的 表示请求已经结束,而且是成功的 ...原创 2020-04-22 13:56:56 · 680 阅读 · 0 评论 -
请求报文响应报文
SQL编辑器请求报文和响应报文请求报文:是客户端向服务器发送请求时,生成请求文件,称为请求报文请求报文由4部分组成: 请求行,请求头,请求空行,请求体在 控制台中 Network 中 有请求报文的相关内容 请求行: 请求的地址 包括3部分内容 请求方式: get / post 请求地址: http://127.0.0.1/...原创 2020-04-21 23:27:38 · 365 阅读 · 0 评论