![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
JavaScript 案例
Da Zeng
啥都好就是记性差了点ᶘ ͡°ᴥ͡°ᶅ
展开
-
DaZeng:小程序支付调用
小程序支付点击支付按钮支付处理点击支付按钮<button class="user-btn" bindtap="allowInv">支付</button> allowInv: async function () { const { payFee } = this.data this.setData({ loading: true }) try { if (payFee > 0) { //需要支付费用的处理...原创 2021-12-28 14:33:57 · 559 阅读 · 0 评论 -
DaZeng:小程序的 MobX 绑定辅助库
小程序的 MobX 绑定辅助库前文创建方式一方式二绑定配置fieldsactions延迟更新与立刻更新前文创建一个公共仓库去存储数据方法,在微信小程序开发文档中有案例,项目地址是github里面。鉴于偶尔会有网络问题我又去百度了一片文章,原文地址,再在自己的博文做一篇备份,万一哪天网址就没了呢?创建方式一方式二绑定配置fieldsactions延迟更新与立刻更新...原创 2021-12-24 17:53:31 · 279 阅读 · 0 评论 -
DaZeng:设置Mock的三种方案
设置Mock的三种方案Mock设置(模拟数据)使用JSON文件使用easy-mock使用本地集成Mockjs APIMock设置(模拟数据)Mock的项目实战:从0独立开发企业级电商系统为什么要用Mock?开发阶段,为了高效率,需要提前Mock减少代码冗余,灵活插拔减少沟通,减少接口联调时间如何创建Mock?本地创建JSON(接口文档已经规定好)easy-mock平台集成Mock API使用JSON文件public文件夹下创建mock文件夹,创建一个user文件夹存放logi原创 2020-11-06 09:45:11 · 542 阅读 · 0 评论 -
DaZeng:跨域的三种解决方案:JSONP跨域、CORS跨域、接口代理
跨域的三种解决方案跨域什么是前端跨域怎么去解决跨域CORS跨域JSONP跨域jsonp与cors的区别:接口代理跨域什么是前端跨域前端独有,是浏览器为了安全而做出的限制策略。浏览器请求必须遵循同源策略:同域名、同协议、同端口。怎么去解决跨域CORS跨域JSONP跨域代理跨域CORS跨域服务端设置,前端直接调用。说明:后端允许前端某个站点进行访问。如Easy Mock:开源的公共MOCK平台,公共接口。在axios中访问mock的接口后 let url = 'https://w原创 2020-11-06 08:59:39 · 1077 阅读 · 0 评论 -
DaZeng:深度剖析Storage封装
Storage封装Storage封装cookie,localStorage,sessionStorage三者区别(分六点)?为什么要封装Storage?本身不是有api吗?手写Storage封装封装Storage完整代码Storage封装Storage封装的项目实战:从0独立开发企业级电商系统cookie,localStorage,sessionStorage三者区别(分六点)?大小:cookie 4k,storage 5m有效期:cookie拥有有效期可以通过expires设置失效时间,原创 2020-11-06 09:08:34 · 425 阅读 · 0 评论 -
DaZeng:深度剖析接口的错误拦截
接口拦截接口拦截使用[Axios拦截器](https://www.kancloud.cn/yunye/axios/234845)设置baseURL及接口环境使用JSONP或CORS跨域以及接口代理时的baseURLJSONP或CORS跨域接口的环境设置(不是接口代理的情况下统一管理baseURL)接口拦截接口拦截的项目实战:从0独立开发企业级电商系统统一报错、未登录统一拦截、请求值,返回值统一处理。使用Axios拦截器安装:npm install axios在main.js引入Axios,导入原创 2020-11-06 09:43:09 · 315 阅读 · 0 评论 -
DaZeng:3分钟搞定内网渗透之外网访问指定域名
内网渗透之外网访问指定域名作用:在本地配置好之后,启动http-server服务访问指定域名即可。具体配置使用钉钉内网穿透在自己电脑上指定目录下clone git仓库执行命令:git clone https://github.com/open-dingtalk/pierced.git 不会或者不知道git的移步——Git使用我安装在E:\dingding中打开目录如下:在命令行中进入指定目录执行:cd windows_64ding -config=ding.cfg -sub原创 2020-11-13 18:57:52 · 1021 阅读 · 0 评论 -
DaZeng:web页面使用markdown编辑器组件
推荐几款markdown组件首推SimpleMDEMarkedjsshowdownjsvue内的markdownmillerblack/markdown-js主要用于类似于搭建个人博客中发布编辑查看博客的功能。首推SimpleMDE因为引入两行链接就可以直接使用了。官网:SimpleMDE Markdown EditorGitHub:SimpleMDE - Markdown Editor简单使用:<!DOCTYPE html><html lang="zh-CN">&原创 2020-12-21 19:50:17 · 845 阅读 · 0 评论 -
DaZeng:JS面向对象编程
JS高阶一面向对象(OOP)基本介绍对象的创建和使用构造函数原型对象实例化对象上动态添加属性会不会影响其他的实例化对象?在原型对象上添加属性呢?以及原型链查找?在Person增加属性呢?怎样让实例化对象有新的方法?属性方法的删除对象的销毁instanceofhasOwnProperty()for in对象的get和set方法函数中变量的作用域面向对象(OOP)基本介绍面向对象特性:封装,此特性可隐藏对象内部的实现细节,对外提供一致的访问接口继承,简单的代码复用机制,使子类拥有父类的特性。多态原创 2020-12-22 18:26:47 · 427 阅读 · 0 评论 -
DaZeng:JS原生无缝轮播防抖(带原理、思考步骤、详情)
JS原生无缝轮播防抖前言结构样式控制自动轮播控制自动轮播的暂停和继续控制左右点击控制小圆点的点击切换前言在19年的时候发了一篇原生JS轮播的博文有80+的收藏量,思路没有问题,但是代码值得优化,所以今天重新再用原生JS来写一下轮播,毕竟经典的案例永远是经典的案例。要查看原理和具体效果的移步之前的博文,JS原生轮播图。结构首先搭建html结构,值得注意的有以下几点包裹轮播图的盒子应该分为3层,最里面的一层应该为包含一张轮播图的div,中间一层为包含所有轮播图的div,最外一层则包裹中间的盒子原创 2020-12-21 14:32:14 · 397 阅读 · 0 评论 -
DaZeng:超好看完整的自定义web密码生成器!!!(带源码)
密码生成器成品镇楼(演示案例):HTML结构搭建: <div class="box"> <h2>密码生成器</h2> <div class="pasbox"> <p id="password">Lorem ipsum dolor sit.</p> <p class="tip fz">点击复制</p> </原创 2020-12-21 13:10:00 · 449 阅读 · 2 评论 -
DaZeng:京东放大镜demo
京东放大镜成品镇楼:这个其实不难,首先要搞清楚offsetx,clientx,pagex,screenx是什么,没搞清楚的想细看的可以参考一下这个文章进行学习。大致就是这样,借鉴博主的图:以及eventX的区别,作为扩充:下面进入正题:首先写结构和默认样式:结构就三个东西:小图大图和放大镜(遮罩层)注意大图的样式应该为固定定位,且大图img的宽要大于包裹它的div,并设置div溢出隐藏。 <div id="box"> <div id="smal原创 2020-12-20 16:12:10 · 270 阅读 · 0 评论 -
DaZeng:cookie、session、webStorage区别及使用
cookie、session、sessionStorage、localStorage区别cookie、session区别存储:cookie 存储于浏览器端,而 session 存储于服务端安全:cookie 的安全性相比于 session 较弱,别人可以分析存放在本地的COOKIE并进行COOKIE欺骗,考虑到安全应当使用session。服务器性能:session 会在一定时间内保存在服务器上。当访问增多时,会占用服务器的资源,所以考虑到服务器性能方面,可以使用cookie容量:cookie原创 2020-12-16 10:43:37 · 192 阅读 · 0 评论 -
DaZeng:JS基础练习
JS练习一1. 执行下面的代码`array1`和`array2`的值分别是什么?(o)2. 以下哪一个不是 JavaScript 的数据类型:3. 下面代码的输出是什么?4. 下面这个JS程序的输出是什么:(o)5. 表达式 ”2”+3+4 的值为?6. 下面代码的输出结果:7. 以下代码执行后,array的结果是?(o)8.typeof Date.now() 的值是:(o)9. 在 javascript 中,下列不属于数组方法的是()10. 下面代码的执行结果是11. 对于代码 `var a = 10.4原创 2020-12-14 15:47:05 · 763 阅读 · 0 评论 -
DaZeng:剖析promise,async/await,settimeout
promisePromise一句话就是用同步的写法和同步的执行顺序实现异步的业务功能。同步异步的通俗的理解就是,比如同步的话:你去餐厅吃饭要点菜叫服务员过来,服务员说要等前一桌客人吃完才能点菜,异步的话:去吃饭大家都可以吃饭点菜,你吃饭的时候我也可以点菜。在代码上的理解就是promise使用.then()链式写法解决回调地狱的问题。回调地狱案例(无限嵌套):通过登录获取用户订单列表再通过订单列表默认获取列表第一条数据 function fn3(){ $.ajax({原创 2020-12-11 15:18:59 · 309 阅读 · 0 评论 -
DaZeng:JavaScript基础三
JavaScript第二阶段(一)面向对象编程创建对象{}、new Object()Object.assign()Object.create()动态添加属性和方法删除属性和方法销毁对象构造函数面向对象编程三种创建对象的方式:new Object(),构造函数,工厂方式面向对象的特征:抽象:生活中实际物体的相同特征提取出来,提炼成一个共同的物种类。封装:应用一种思维模式来设计函数。继承:让具有相同性的对象或类,去继承更高级的对象或类的属性与方法,或者其他对象去继承某一个类的特征。多态:是指对象原创 2020-11-24 10:25:18 · 371 阅读 · 0 评论 -
DaZeng:JavaScript基础二
JavaScript基础二JS基础一JS基础二DOM文档对象模型节点node获取DOM节点getElementById(不带#)getElementsByClassName(不带.)getElementsByTagNamegetElementsByNamequerySelector,querySelectorAll(要带.和#)常用的节点属性和方法childNodes和children(获取多个子节点)获取单个文本节点(子节点、兄弟节点)获取根节点通过todoList掌握节点的增删增加节点删除节点DOM获取原创 2020-11-10 17:54:21 · 1125 阅读 · 0 评论 -
DaZeng:JavaScript基础一
JS基础JS基础架构体系四种使用JS的方式注释、变量、标识符、输入输出JS数据类型基本类型:**==和===**值类型(栈存储从上往下)引用类型(堆存储从下往上、栈存储,赋值的是内存地址)typeof数值的转换转为boolean值:转为字符串JS基础了解:是一种嵌入嵌入在网页中的程序段,解释性语言,被浏览器解释执行。ECMA标准化。ES6深入理解及学习作用:JS增删改查,在html网页动态写入文本,响应事件作出相应的处理。事件绑定,页面特效。本地存储,cookie的一些应用。服务端的应用,如node.原创 2020-11-02 11:49:57 · 2395 阅读 · 18 评论