12 2020 档案
摘要：可读性 表面上看来，可读性似乎很主观。不同语言、代码、和团队对于可读性的定义不尽相同。但如果深入本质的话，就会发现代码可读性有一些非常关键的因素。 许多程序员太倾向于计算机了，只要程序能运行就一了百了。尽管是老生常谈，但这种方式完全断绝了人参与的可能性。 最近几个月， 我在努力将这些人为因素提炼成1
阅读全文
posted @ 2020-12-15 12:31
陌路y
摘要：1.什么是redis? Redis 是一个基于内存的高性能key-value数据库。 2.Reids的特点 Redis本质上是一个Key-Value类型的内存数据库，很像memcached，整个数据库统统加载在内存当中进行操作，定期通过异步操作把数据库数据flush到硬盘上进行保存。因为是纯内存操作
阅读全文
posted @ 2020-12-15 12:30
陌路y
摘要：近很多老哥问我，为啥自己的域名在QQ/微信里面很容易被封？ 1、页面里面的内容违规或者诱导被举报而导致的拦截 2、用户和同行举报 3、腾讯等定期会检查 4、有诱导分享，强制关注等 针对每一种出现的情况，都有不同的防封策略。不是说一种方案就可以解决全部。你首先要知道你的域名是什么原因被封的，在作出相应
阅读全文
posted @ 2020-12-15 12:28
陌路y
摘要：人是怎么废掉的？ 0 1 沉溺于「轻易获得高成就感」的事情 有意无意地寻求用很小付出获得很大「回报」的偏方，哪怕回报是虚拟的。这种行为会提升自己的「兴奋阈值」，让人越来越不容易拥有成就感，从而越来越依赖虚拟的成就感，陷入恶性循环。 症状轻的 ：沉溺游戏 （在虚拟世界中加快时间流逝的速度，使得「成功」
阅读全文
posted @ 2020-12-15 12:27
陌路y
摘要：近期负责的一个卡券功能，即我们通常所说的代金券功能已在网站上线并投入使用。这部分工作算是暂且告一段落，也差不多可以就此做一个阶段性的总结。 通常，一个产品（或功能模块）从需求到上线需要经过： 认识产品 分析产品 交互原型 界面设计 技术开发 测试 上线 反馈 这些流程。然后，我们在执行这些流程的过程
阅读全文
posted @ 2020-12-15 12:26
陌路y
摘要：云函数提供了一种 直接在云上运行，无状态的、短暂的、由事件触发的代码 的能力。 云函数与轻服务的关系 ServerLess，即无服务器架构，也叫轻服务，它包含两个部分，如下： 函数即服务（FaaS: Function as a Service） 函数即服务提供的是计算能力。原有的计算能力，无论是容器
阅读全文
posted @ 2020-12-15 12:25
陌路y
摘要：什么是RPC？ RPC（Remote Procedure Call）—远程过程调用，它是一种通过网络从远程计算机程序上请求服务，而不需要了解底层网络技术的协议。也就是说两台服务器A，B，一个应用部署在A服务器上，想要调用B服务器上应用提供的方法，由于不在一个内存空间，不能直接调用，需要通过网络来表达
阅读全文
posted @ 2020-12-15 12:23
陌路y
摘要：1、Nginx运行工作进程数量 Nginx运行工作进程个数一般设置CPU的核心或者核心数x2。如果不了解cpu的核数，可以top命令之后按1看出来，也可以查看/proc/cpuinfo文件 grep ^processor /proc/cpuinfo | wc -l [root@lx~]# vi/us
阅读全文
posted @ 2020-12-15 12:22
陌路y
摘要：所谓人无我有，人有我优，别人有的技能我更优秀，别人没有的技能我还有，企业有什么理由拒绝这样技术更扎实的程序员呢？作为前端开发者，目前前端发展劲头十足，热度不减，新技术也在不断地涌现，尽早掌握好这些技术，就快人一步占领先机。 未来前端有哪几门技术会越来越重要？我个人分析，以下3大类，越快掌握对你未来越
阅读全文
posted @ 2020-12-15 12:21
陌路y
摘要：XSS 介绍 XSS 是跨站脚本攻击（Cross Site Scripting）的简写，但是从首写字母命名的方式来看，应该取名 css，但这样就和层叠样式表（Cascading Style Sheets，css）重名了，所以取名为 XSS。 XSS 攻击，一般是指攻击者通过在网页中注入恶意脚本，当用
阅读全文
posted @ 2020-12-15 12:18
陌路y
摘要：1、物理安全 这应该说是对于服务器安全保障的第一步。 硬件服务器，首先得专业人的来做专业的维护。其次就是关闭从CD/DVD等这些方面的软启动方式。同时也可以设置BIOS密码，并且要有限制访问的策略与各类流程管控。 还可以禁用USB设备来达到安全的目的: vim /etc/modprobe.d/sto
阅读全文
posted @ 2020-12-15 12:15
陌路y
摘要：近些年微服务架构大行其道，趁着最近有时间，来捣鼓捣鼓微服务是怎么一回事。 微服务架构 微服务的概念由 Martin Fowler 于2014年3月提出： 微服务架构是一种架构模式，它提倡将单一应用程序划分成一组小的服务，服务之间相互协调、互相配合，为用户提供最终价值。每个服务运行在其独立的进程中，服
阅读全文
posted @ 2020-12-15 12:14
陌路y
摘要：方法1：手工编写代码 大多数刚学习 Java 的程序员，都会怀着一种崇敬的仪式感，一字一句地在开发工具上敲出以下代码： public class Test { public static void main(String[] args) { System.out.println("Hello wor
阅读全文
posted @ 2020-12-15 12:12
陌路y
摘要：优秀的技术方案很多，大部分时候我们感觉只是在现有技术方案里面做排列组合、求笛卡尔积、选择最优解，做出一个最适合当前项目的方案。未来，人类应该编写最核心的业务代码、设置规则，由云端和AI来根据当前项目情况自动选择和调整到最优的架构和方案。 前言 前端项目的工程化，不只对开发层面的组件化、模块化、规范化
阅读全文
posted @ 2020-12-15 12:10
陌路y
摘要：背景 从第一台计算机诞生到现在已经七十多年了，计算机已经和我们的生活息息相关，很多小伙伴上来就接触高端设备，计算机过去是怎么发展起来的，我觉得还是了解一下会比较好，我是历史爱好者，所以我个人认为学习任何东西都要了解它的过去，就像我以前历史老师跟我说的“不了解过去的人，不会了解现在和未来”，这篇文章就
阅读全文
posted @ 2020-12-15 12:09
陌路y
摘要：1、 Axure RP Pro 产品人员必备利器，但是程序员也需要画一下自己的图。Axure RP Pro 是一个产品经理必备的交互原型设计工具，能够高效率制作产品原型，快速绘制线框图、流程图、网站架构图、示意图、html 模版等。 2、GitMind GitMind是一款优秀的免费思维导图软件，能
阅读全文
posted @ 2020-12-15 12:08
陌路y
摘要：背景 设计模式的定义： 在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案。 设计模式并不能直接用来完成代码的编写，而是描述在各种不同情况下，要怎么解决问题的一种方案，它不是一个死的机制，它是一种思想，一种代码的形式。 每种语言对于各种设计模式都要它们自己的实现方式，对于某些设计模式来说，可
阅读全文
posted @ 2020-12-15 12:06
陌路y
摘要：有些程序员比其他程序员更优秀。事实上，程序员群体也符合一个普遍的统计分布规律：只有少数人真的是聪明绝顶，有一些人很优秀，而大多数人至少算是能力尚可，有一些人几乎没啥能耐，还有一些人真的糟糕透顶。 这也就是说， 一个优秀的 程序员 和一个糟糕的程序员，它们之间的差别并不一定是编码技能。事实上，这个差异
阅读全文
posted @ 2020-12-15 12:05
陌路y
摘要：性能是网站运行是否良好的关键因素， 网站的性能与效率影响着公司的运营成本及长远发展，编写出高质高效的代码是我们每个开发人员必备的素质,也是我们良好的职业素养。 如何优化php性能呢？ 一、变量（重要） 1）、 变量大小,注意变量大小是节约内存的最有效手段，对于来自用户表单、数据库和文件缓存的数据都需
阅读全文
posted @ 2020-12-15 12:04
陌路y
摘要：1、token是什么？ token是一种用户标识，表示用户身份，类似于我们的身份证件。Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证，服务端认证成功，那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位。如果这个 Token 在
阅读全文
posted @ 2020-12-15 12:02
陌路y
摘要：前言 在使用vue.js开发前端项目时，再结合webpack搞起各种依赖、各种插件进行开发，无疑给前端开发带来了很多便捷，就在解决跨域这个问题上，相信众多用vue.js的前端同僚们同我一样尝到了甜头，开发环境全靠proxyTable一通配置简直不要太酸爽。还不明所以然的新手们可能还没搞清我说的是什么
阅读全文
posted @ 2020-12-14 12:36
陌路y
摘要：1 vuex的概念理解 提到vuex,就不能不先提vue.我个人开始尝试学习使用vue,是因为此前总是遇到页面逻辑数据与视图的一致性问题.在使用vue之前,我们使用jQuery插件的时候,一桩麻烦事就是既要在每个数据变更后,写代码去改变视图,又要考虑html上各种输入改变时监听各种事件以改变页面逻辑
阅读全文
posted @ 2020-12-14 12:35
陌路y
摘要：Node.js 单线程与多进程 大家都知道 Node.js 性能很高，是以异步事件驱动、非阻塞 I/O 而被广泛使用。但缺点也很明显，由于 Node.js 是单线程程序，如果长时间运算，会导致 CPU 不能及时释放,所以并不适合 CPU 密集型应用。 当然，也不是没有办法解决这个问题。虽然 Node
阅读全文
posted @ 2020-12-14 12:33
陌路y
摘要：在开发中碰到一个问题，如果公共配置写在src里面会被打包，无法做到可读性可以随时更改配置，所以只能写在static文件夹下，那么就实现一个公共配置文件吧。 在static文件夹下添加一个配置文件 const httpUrl = 'http://190.168.1.1:18003/api' funct
阅读全文
posted @ 2020-12-14 12:31
陌路y
摘要：什么是webpack？ 一句话概括：webpack是一个模块打包工具（module bundler）。重点在于两个关键词“模块”和“打包”。什么是模块呢？我们回顾一下曾经的前端开发方式，js文件通过script标签静态引入，js文件之间由于没有强依赖关系，如果文件1要用到文件2的某些方法或变量，则必
阅读全文
posted @ 2020-12-14 12:30
陌路y
摘要：我想实现读取一个本地的xlsx文件(task_list.xlsx)然后显示在网页上, 一开始选择的方法是建个express server, 通过发送axios请求来实现, 但是觉得只是读取一个本地文件还要搞个server太复杂了, 最终还是通过"xlsx"模块 + axios实现了读取本地文件, 无
阅读全文
posted @ 2020-12-14 12:27
陌路y
摘要：在小程序里面是没有dom元素的,这个我们只要会小程序的应该都知道,但是在平时开发中我们偶尔会遇到需要点击某个元素获取它的值的情况,在这里给大家列举了两种情况解决方法 方式一:数据绑定 这种情况的话,对应的场景是只有一个按钮或元素调用这个方法的情况下的 在你的.vue文件中的data数据里面添加变量
阅读全文
posted @ 2020-12-14 12:25
陌路y
摘要：新功能 差分加载 根据您的browserlist 文件，在构建期间，Angular将为其创建单独的包polyfills。所以基本上你会有： 使用此功能将减小捆绑包大小。 但这是如何工作的？ 基本上，Angular将使用polyfill构建其他文件，并且它们将注入nomodule 属性。 <body>
阅读全文
posted @ 2020-12-14 12:23
陌路y
摘要：1 iview的router控制需求 最近在使用iview框架写项目,遇到了一些路由控制上的问题,解决过程中也有一些心得,故在此记录下来.每个项目在开发时,对于类似tags(标签页)的控制需求都不尽相同,故以下先列出本文所述项目对标签页的控制要求(如有不同需求,本文当也可提供一些思路): 对于同名(
阅读全文
posted @ 2020-12-14 12:22
陌路y
摘要：交互通信 Flutter 与原生之间的通信依赖灵活的消息传递方式： 1，Flutter 部分通过平台通道将消息发送到其应用程序的所在的宿主环境（原生应用）。 2，宿主环境通过监听平台通道，接收消息。然后它会调用平台的 API，响应 Flutter 发送的消息。 Flutter主动 调用 宿主环境 在
阅读全文
posted @ 2020-12-14 12:19
陌路y
摘要：减少resolve解析 resolve: { modules: [ path.resolve(__dirname, 'node_modules'), // 使用绝对路径指定 node_modules，不做过多查询 ], // 删除不必要的后缀自动补全，少了文件后缀的自动匹配，即减少了文件路径查询的工
阅读全文
posted @ 2020-12-14 12:18
陌路y
摘要：技巧1 webpack在打包的时候第一次总是会做很长的准备工作，包括加载插件之类的。在刚接触webpack的时候总是webpack一下-测一下-改一下-再webpack一下，这种方式最后让很多人崩溃了觉得webpack一点都不好用。其实这是错误的使用方式。 正确的方式应直接执行webpack --w
阅读全文
posted @ 2020-12-14 12:14
陌路y
摘要：Jquery的bind跟on绑定事件的区别：主要是事件冒泡(事件代理)； jquery文档中bind和on函数绑定事件的用法： .bind(events [,eventData], handler) .on(events [,selector] [,data], handler) 从文档中可以看出，
阅读全文
posted @ 2020-12-14 12:12
陌路y
摘要：现在，前后端分离与客户端渲染已经成为前端开发的主流模式，绝大部分的前端应用都适合用这种方式来开发，又特别是 react、vue 等组件技术的发展，更是使这种方式深入人心。 但有一些应用，客户端渲染就会遇到一些问题了： 需要做 seo（搜索引擎优化），但客户端渲染的 html 中几乎没有可用的信息 需
阅读全文
posted @ 2020-12-14 12:10
陌路y
摘要：hash模式 即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。比如这个 URL：http://www.abc.com/#/hello，hash 的值为 #/hello。它的特点在于：hash 虽然出现在 URL 中，但不会被包括在 HTTP 请求中，对后端完全没有影响，因此
阅读全文
posted @ 2020-12-14 12:08
陌路y
摘要：因为dojo本身带有模块加载的功能，会与webpack本身有冲突，所以需要借助esriLoder。 安装 npm i esri-loader 使用esri-loader esri-loader暴露了loadcss和loadModules两个方法，分别用来加载css和js文件。引入 import {
阅读全文
posted @ 2020-12-14 12:07
陌路y
摘要：在新建好的项目中，一般执行npm run build就是打包了，但此时只能打包到一个环境，不同环境需要配置不同的地址，可以手动更改接口的地址，也可以自行配置命令而不需要每次打包进行地址切换，步骤如下： 文件结构如下图： 1）在config文件内新建test.env.js文件： 'use strict
阅读全文
posted @ 2020-12-14 12:05
陌路y
摘要：首先，这个例子用到了服务端渲染的技术。服务端渲染，说白了就是在服务端使用模板引擎，这里我先简单的介绍一下服务端渲染与客户端渲染之间的区别。 服务端渲染与客户端渲染之间的区别: 客户端渲染不利于搜索引擎优化 服务端渲染可以被爬虫抓取到，而客户端异步渲染很难被爬虫抓取到（例如：AJAX） 大部分的网站既
阅读全文
posted @ 2020-12-14 12:04
陌路y
摘要：是该读些评论和做一些总结的时候了。当我们开始写这个系列博客的时候，我们知道 JavaScript/web 应用框架并不太好总结。我们努力对这个不可回答的问题作出回答：我该用什么样的框架？ 在这篇文章中，我们将对这个系列中所提到的每款框架做一个总结，包括我们所认为的强项和弱项。另外，我们为你留下了一些
阅读全文
posted @ 2020-12-14 12:00
陌路y
摘要：需求一： 在一个列表页中，第一次进入的时候，请求获取数据。点击某个列表项，跳到详情页，再从详情页后退回到列表页时，不刷新。也就是说从其他页面进到列表页，需要刷新获取数据，从详情页返回到列表页时不要刷新。 解决方案在 App.vue设置： <keep-alive include="list"> <ro
阅读全文
posted @ 2020-12-14 11:58
陌路y
摘要：背景 今天写需求的时候发现一个小的优化点：用户选择了一些数据之后, 对应列表中的数据需要高亮， 有时候列表很长， 为了提升用户体验，需要加个滚动， 自动滚动到目标位置。简单的处理了一下， 问题顺利解决， 就把这个小技巧分享一下给大家。 正文 有几种不同的方式来解决这个小问题。 1.scrollTop
阅读全文
posted @ 2020-12-12 12:28
陌路y
摘要：在经过初始化阶段之后，即将开始组件的挂载，不过在挂载之前很有必要提一下虚拟Dom的概念。这个想必大家有所耳闻，我们知道vue@2.0开始引入了虚拟Dom，主要解决的问题是，大部分情况下可以降低使用JavaScript去操作跨线程的庞大Dom所需要的昂贵性能，让Dom操作的性能更高；以及虚拟Dom可以
阅读全文
posted @ 2020-12-12 12:27
陌路y
摘要：拖拽的实现 在html5还未普及之前，实现元素的拖拽还算是一件比较麻烦的事，大概思路就是监听鼠标移动相关事件，下面是伪代码 odiv.onmousedown = function(ev){ //记录起始位置 } document.onmousemove = function(ev){ //移动目标元
阅读全文
posted @ 2020-12-12 12:25
陌路y
摘要：1.变量赋值 (值 vs 引用） 理解 js 如何给变量赋值可以帮助我们减少一些不必要的 bug。相反，如果，不理解这一点，可能很容易地编写被无意中更改值的代码。 js 总是按照值来给变量赋值。 这一部分非常重要：当指定的值是 JavaScript 的五种基本类型之一（即 Boolean，null，
阅读全文
posted @ 2020-12-12 12:23
陌路y
摘要：jQuery用on()方法绑定了事件之后，在代码执行过程中，可能会遇到事件被多次执行的情况。本来以为是事件冒泡的问题，后来发现是on()方法的特性引起的问题。 简单还原一下问题的场景 这里简单还原一下问题的场景，使用一个按钮给另一个按钮通过on()方法绑定事件。 html的部分 <input id=
阅读全文
posted @ 2020-12-12 12:20
陌路y
摘要：前言 最近团队需要做一个智能客服悬浮窗功能，需要支持拖动、放大缩小等功能，因为这个是全局插件，为了兼容性考虑全部使用原生 js 实现，不引用任何第三方库或者插件。开发过程中遇到的一些问题及解决方法，在这里和大家分享交流一下。 注：下文出现的“采宝”二字，为这个功能的产品名。 先看效果 看这个效果，相
阅读全文
posted @ 2020-12-12 12:19
陌路y
摘要：使用异步函数 下面是一个简单的函数，它在给定的毫秒数之后解析一个 Promise 。使用内置的 setTimeout 函数在 ms毫秒过后调用 resolve 回调: function delay(ms: number) { return new Promise<void>(function(res
阅读全文
posted @ 2020-12-12 11:58
陌路y
摘要：使用 <！DOCTYPE html> <！-HTML5文档类型-> < html > < head > <！-开发时使用go-debug.js，部署时使用go.js-> < script src = “ go-debug .js“ > </ script > 直接链接到CDN提供的GoJS库： <s
阅读全文
posted @ 2020-12-12 11:57
陌路y
摘要：一、数据类型 前言 js中的类型只有6种，其中基本数据类型有5种分别为string,number,boolen,null,undefined，引用类型有一种，就是object，object是一个大的综合体，在js中除了那5个基本数据类型以外，其他的一切皆对象。以下是最近自学js整理的一些笔记，希望能
阅读全文
posted @ 2020-12-12 11:54
陌路y
摘要：CSRF 介绍 CSRF，是跨站请求伪造（Cross Site Request Forgery）的缩写，是一种劫持受信任用户向服务器发送非预期请求的攻击方式。 通常情况下，CSRF 攻击是攻击者借助受害者的 Cookie 骗取服务器的信任，在受害者毫不知情的情况下以受害者名义伪造请求发送给受攻击服务
阅读全文
posted @ 2020-12-12 11:53
陌路y
摘要：你写的 if 就是你的犯罪证据 业务的复杂性，导致了架构的复杂性。在这些代码故事里，发生得最多的地方就是 if 语句。所以，你可以从大部分的 if 语句里，看到一些代码上的坏味道。 业务条件复杂 你先写了一个 if 语句里面只有一个条件，没问题。但是后来的人，又加了一个条件，因为业务上确实需要这么做
阅读全文
posted @ 2020-12-12 11:51
陌路y
摘要：Mutation Observer API 用来监视 DOM 变动。比如节点的增减、属性的变动、文本内容的变动。 observe方法 MutationObserver使用observe方法进行监听指定的元素节点变化，observe方法接受两个参数： 属性描述类型 childList 子节点的变动（指
阅读全文
posted @ 2020-12-12 11:50
陌路y
摘要：FIBjs 简介！Start it！ FIBJS 是一个主要为 Web 后端开发而设计的应用服务器开发框架，它建立在 Google v8 JavaScript 引擎基础上，并且选择了和传统的 callback 不同的并发解决方案。fibjs 利用 fiber 在框架层隔离了异步调用带来的业务复杂性，
阅读全文
posted @ 2020-12-12 11:49
陌路y
摘要：在jquery中 自定义属性及值,默认以下都是在class=‘acitve‘对象中 进行自定义属性操作：1，自定义属性格式：data-xxxx2，获取该属性值： $(‘.active‘).data(‘xxxx‘) 获取属性值：data-xxxx的值3，设置该属性值： $(‘.active‘).dat
阅读全文
posted @ 2020-12-12 11:46
陌路y
摘要：看一张图 这张图对js魔法的吐槽可谓非常到位。下面，我们就从这张图出发来详细讲讲js。 数字类型与精度问题 虽然js是弱类型语言，声明变量时也不需要显式指定类型。但是，数据本身依旧还是有类型的，比如数字和字符串就是以不同形式存在的数据。在js中，所有数字的类型都为number。其中，一个特殊的数字就
阅读全文
posted @ 2020-12-12 11:45
陌路y
摘要：引言 一个项目考虑缓存和不考虑缓存完全是两个难度，在用户体验上也截然不同。考虑缓存肯定得了解web本地存储与它们的区别和适用场景。正好这次负责一个项目，在做了这个项目后抽空给大家来一次总结，希望能给大家带来帮助。 cookie 1.是什么 Cookie指某些网站为了辨别用户身份而储存在用户本地终端（
阅读全文
posted @ 2020-12-12 11:43
陌路y
摘要：AMD AMD一开始是Commonjs规范中的一个草案，全称是Asynchronous Module Definition，即异步模块加载机制。后来由该草案的作者以Requirejs实现了AMD规范，所以一般说AMD也是指RequireJS。 RequireJS的基本用法 通过define来定义一个
阅读全文
posted @ 2020-12-12 11:42
陌路y
摘要：简介 本章节讨论使用ES6编码风格到代码中需要注意的点。通过记住这些关键点，可以让我们写出更优美的、可读性更强的JavaScript E6风格的代码。 1、块级作用域 1.1、let取代var ES6 提出了两个新的声明变量的命令: let 和 const。其中，let可以完全取代var，因为两者语
阅读全文
posted @ 2020-12-12 11:41
陌路y
摘要：步骤1：设定和正面折射 在本演示中，我将使用菱形几何图形，但是您可以跟随一个简单的盒子或任何其他几何图形。 让我们建立我们的项目。我们需要一个渲染器，一个场景，一个透视相机和我们的几何图形。为了渲染我们的几何图形，我们需要为其分配材质。创建此材料将是本教程的主要重点。因此，继续创建具有基本顶点和片段
阅读全文
posted @ 2020-12-12 11:39
陌路y
摘要：本文内容 Map的基本使用 Map支持的数据类型 Map的迭代 Map与其他对象的转化 在Map出现之前，要实现类似需求，只能使用Object，但是Object还是存在一些问题的。 如果使用Object作为key存储在{}中，key最终是当做[object Object]来使用的 Object的ke
阅读全文
posted @ 2020-12-12 11:37
陌路y
摘要：写在前面 最新 vue-next 的源码发布了，虽然是 pre-alpha 版本，但这时候其实是阅读源码的比较好的时机。在 vue 中，比较重要的东西当然要数它的响应式系统，在之前的版本中，已经有若干篇文章对它的响应式原理和实现进行了介绍，这里就不赘述了。在 vue-next 中，其实现原理和之前还
阅读全文
posted @ 2020-12-11 14:33
陌路y
摘要：小程序到底是什么？ 顾名思义，「小程序」本质上与我们平常经常使用的 app 和操作系统一样，都是一段电脑程序。你可以将小程序理解为「运行在微信上的 app」。 与普通的 app 不同的是，小程序的语言使用网页前端的技术栈，并且使用 JavaScript 运行环境，相当于是一个浏览器。 但是，小程序也
阅读全文
posted @ 2020-12-11 14:32
陌路y
摘要：大约 5 年前开始我就不再用 js 框架了，最近 Jon Udell 问我近况如何： 译文：4 年前 bitworking 提议：”别再用 js 框架了，转向可复用、可正交组合的 html+css+JS 单元吧。“我很好奇这些年你在这方面积累了哪些经验，有了哪些想法和实践呢？ 这几年我零零碎碎写过一
阅读全文
posted @ 2020-12-11 14:30
陌路y
摘要：写在前面 使用 react hook 来做公司的新项目有一段时间了，大大小小的坑踩了不少。由于是公司项目，因此必须要编写单元测试来确保业务逻辑的正确性以及重构时代码的可维护性与稳定性，之前的项目使用的是 react@15.x 的版本，使用 enzyme 配合 jest 来做单元测试毫无压力，但新项目
阅读全文
posted @ 2020-12-11 14:27
陌路y
摘要：webpack打包工具成为了前端开发中必备工具，曾经一度的面试题都是问，请问前端页面优化的方式有哪些？大家也是能够信手拈来的说出缓存、压缩文件、css雪碧图以及部署CDN等等各种方法，但是今天不一样了，可能你去面试问的就是，请问你是否知道webpack的打包原理，webpack的打包优化方法有哪些？
阅读全文
posted @ 2020-12-11 14:23
陌路y
摘要：一、react更新的方式有三种： （1）reactDOM.render() || hydrate（ReactDOMServer渲染）（2）setState（3）forceUpdate 接下来，我们就来看下ReactDOM.render()源码 二、ReactDOM.render(element, c
阅读全文
posted @ 2020-12-11 14:21
陌路y
摘要：如题，在项目中，经常有些函数和变量是需要复用，比如说网站服务器地址，从后台拿到的：用户的登录token,用户的地址信息等，这时候就需要设置一波全局变量和全局函数 定义全局变量 原理： 设置一个专用的的全局变量模块文件，模块里面定义一些变量初始状态，用export default 暴露出去，在main
阅读全文
posted @ 2020-12-11 14:19
陌路y
摘要：在日常的vue项目开发中，随着业务的日渐负责，代码量的日益增加，随之带来的问题就是打包后的vendor.js体积过大，导致加载时空白页时间过长，给用户的体验太差。为此我们需要减少vendor.js的体积，从本质上来解决这种问题。 这里大概例举几个在项目中实际用到过的方法，优化后的js大概缩小了50%
阅读全文
posted @ 2020-12-11 14:18
陌路y
摘要：前言 博客作为一个记录与分享工具是十分必要的，当前各大博客网站CSDN、简书、掘金等每天都有大量的分享文章出来，当然我们可以把文章分享到这些平台，不过我认为拥有一个可控的、定制的个人博客网站才是一个更酷的事情，而vuepress是当前非常火热的博客搭建框架。 vuepress1.0 到目前已经发布了
阅读全文
posted @ 2020-12-11 14:16
陌路y
摘要：随着项目的不断变大，可能有些人会把插件的引入和全局组件的注册都放到main.js中，导致后面main.js里面一大坨引入代码，看起来杂乱无比，也不利于后期进行维护，所以我们尽可能的让main.js看起来整洁些。此处就用到webpack的require.context功能，实现vue自动注册全局组件及
阅读全文
posted @ 2020-12-11 14:15
陌路y
摘要：一.自定义指令directive 除了核心功能默认内置的指令 (v-model 和 v-show)，vue 也允许注册自定义指令。注意，在 vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。 来个实例，当页面加载
阅读全文
posted @ 2020-12-11 14:11
陌路y
摘要：一、创建一个vue应用 new vue({ data() { return { name: 'yjh', }; }, router, store, render: h => h(App), }).$mount('#app'); 二、实例化一个Vue应用到底发生了什么？ this._init() ca
阅读全文
posted @ 2020-12-11 14:07
陌路y
摘要：对大部分人来说，掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发，成为Vue.js大师，那下面我要传授的这五招你一定得认真学习一下了。 第一招：化繁为简的Watchers 场景还原： created(){ this.fetchPostList()
阅读全文
posted @ 2020-12-11 14:05
陌路y
摘要：动态参数 可以用方括号括起来的 JavaScript 表达式作为一个指令的参数： <a v-bind:[attributeName]="url"> ... </a> 动态参数预期会求出一个字符串，异常情况下值为 null。这个特殊的 null 值可以被显性地用于移除绑定。任何其它非字符串类型的值都将
阅读全文
posted @ 2020-12-11 14:02
陌路y
摘要：对于 setState() 相信伙伴们都用过，它是 react 官方推荐用来更新组件 state 的 API，但是对于 setState() 你真的了解吗？且待我慢慢详聊一番。 setState() 官方用法指南 语法1： setState(updater[, callback]) updater：
阅读全文
posted @ 2020-12-11 14:01
陌路y
摘要：ACE 是一个开源的、独立的、基于浏览器的代码编辑器，可以嵌入到任何web页面或JavaScript应用程序中。ACE支持超过60种语言语法高亮，并能够处理代码多达400万行的大型文档。ACE开发团队称，ACE在性能和功能上可以媲美本地代码编辑器（如Sublime Text、TextMate和Vim
阅读全文
posted @ 2020-12-08 13:01
陌路y
摘要：基本使用 想要了解 tapable 的实现，那就必然得知道 tapable 的用法以及有哪些使用姿势。tapable 中主要提供了同步与异步两种钩子。我们先从简单的同步钩子开始说起。 同步钩子 SyncHook 以最简单的 SyncHook 为例： const { SyncHook } = requ
阅读全文
posted @ 2020-12-08 12:59
陌路y
摘要：可能你看过Node是什么，看过Node的文档，用Node写过一些小项目。但是如果问你——你知道在一线互联网企业里，Node真正是怎么用的吗？是拿来做什么的？怎么做？ 我相信百分之八十的人都不知道答案，甚至包括一些用Node写过博客，小站点的前端程序员。这也是大家对于学习很容易出现的问题：我学会了这个
阅读全文
posted @ 2020-12-08 12:57
陌路y
摘要：引言 Facebook在Chainreact2019大会上正式推出了新一代JavaScript执行引擎Hermes。Hermes是个轻量级的js引擎，专门对Android上运行reactNative进行了优化。我们第一时间在 CRN 项目中集成了Hermes, 并做了深度调研。 一、Hermes介绍
阅读全文
posted @ 2020-12-08 12:56
陌路y
摘要：一、介绍 1.1 FilePond 它是一个 JavaScript 文件上传库。可以拖入上传文件，并且会对图像进行优化以加快上传速度。让用户体验到出色、进度可见、如丝般顺畅的用户体验。 FilePond 项目地址： https://github.com/pqina/ 1.2 特点和优势 上传内容：支
阅读全文
posted @ 2020-12-08 12:54
陌路y
摘要：一、mpvue简介 mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。mp 即 mini prog
阅读全文
posted @ 2020-12-08 12:52
陌路y
摘要：创建项目 使用 create-react-app 工具快速创建 React SPA。 # 创建项目 yarn create react-app my-app cd my-app # 开发模式下运行程序 yarn start 项目初始结构： my-app/ README.md node_modules
阅读全文
posted @ 2020-12-08 12:50
陌路y
摘要：一. WXSS的简单介绍 WXSS(WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。与 css 相比，WXSS 扩展的特性有： 尺寸单位 样式导入 二. 尺寸单位 rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rp
阅读全文
posted @ 2020-12-08 12:48
陌路y
摘要：跨域，前端开发中常常遇到的问题。Angularjs实现跨域方式类似于Ajax，使用CORS机制。以下阐述一下Angularjs中使用$http实现跨域请求数据。 AngularJS XMLHttpRequest：$http用于读取远程server的数据 $http.post(url, data, [
阅读全文
posted @ 2020-12-08 12:46
陌路y
摘要：webpack在build包的时候，有时候会遇到打包时间很长的问题，这里提供了一个解决方案，让打包如丝般顺滑~ 1. 介绍 在用 webpack 打包的时候，对于一些不经常更新的第三方库，比如 react，lodash，vue 我们希望能和自己的代码分离开，Webpack 社区有两种方案 Commo
阅读全文
posted @ 2020-12-08 12:44
陌路y
摘要：一.示例代码 wx.request({ url: 'test.php', // 仅为示例，并非真实的接口地址 data: { x: '', y: '' }, header: { 'content-type': 'application/json' // 默认值 }, success(res) { c
阅读全文
posted @ 2020-12-08 12:43
陌路y
摘要：测试的动机 测试用例的书写是一个风险驱动的行为, 每当收到 Bug 报告时, 先写一个单元测试来暴露这个 Bug, 在日后的代码提交中, 若该测试用例是通过的, 开发者就能更为自信地确保程序不会再次出现此 bug。 测试的动机是有效地提高开发者的自信心。 前端现代化测试模型 前端测试中有两种模型,
阅读全文
posted @ 2020-12-08 12:42
陌路y
摘要：什么是组件 组件（component）就是零件，将零件组装成想要的工具（页面）。 组件是vue.js最强大的功能之一，它可以扩展html元素，封装可重用的代码，通过传入对象的不同，实现组件的复用。 使用组件的好处 组件是可以复用性的 易于维护 有封装性，易于使用 大型项目中降低组件之间重复性 全局组
阅读全文
posted @ 2020-12-08 12:40
陌路y
摘要：废话不多说，之前写小程序碰到了一个问题，如何在 wxml 页面中截取数据？ 1、wxs 取数据想必大家都会，不就是 substring 吗？但是这种方法在 wxml 页面中是无效的。那还有 css 啊，不一样可以做到吗？但是个人觉得 css 复用性太差，暂不考虑。 实在不行就用 js 呗，在获取到数
阅读全文
posted @ 2020-12-08 12:39
陌路y
摘要：前言 开发项目的时候突然接到了这个需求，实验过后，解决方法也蛮多种，下面就讲下常规的几种方案 1.改变router-view中的key值 通过改变router-view中的key值，来达到刷新组件的目的 <router-view :key="activeDate"></router-view> th
阅读全文
posted @ 2020-12-08 12:38
陌路y
摘要：要构建自己的虚拟DOM，需要知道两件事。你甚至不需要深入 react 的源代码或者深入任何其他虚拟DOM实现的源代码，因为它们是如此庞大和复杂——但实际上，虚拟DOM的主要部分只需不到50行代码。 有两个概念: Virtual DOM 是真实DOM的映射当虚拟 DOM 树中的某些节点改变时，会得到一
阅读全文
posted @ 2020-12-07 13:29
陌路y
摘要：现在主流的全面屏已经占用很多的市场，那么通常开发会遇到些问题，比如要去根据普通屏或是全面屏做一些相应的展示，接下来我这边的需求是展示不同大小的图片 首先在公共的js文件里简单封装； /**判断屏幕大小 */ function judgeBigScreen() { //，这里根据返回值 true 或f
阅读全文
posted @ 2020-12-07 13:22
陌路y
摘要：正则表达式（regex）是定义搜索模式的字符序列。由于对程序员的日常工作非常有用，所以在 JavaScript 中也支持它。在这个系列文章中，我会向你展示其工作方式以及其实际用途。希望在结束本系列后，你将能够轻松的写出自己的正则表达式。 创建正则表达式的方法 在 JavaScript 中可以通过两种
阅读全文
posted @ 2020-12-07 13:20
陌路y
摘要：[Object Object] 说明 [object Object]是对象的字符串形式，由于隐式调用了 Object 对象的 toString() 方法，形式是："[object Object]"。 [object Object] 表示的就只是一个对象，当前对象 toString() 没有正确解析，
阅读全文
posted @ 2020-12-07 13:19
陌路y
摘要：主要实现以下几种简单的动画效果（其实原理基本相同）： 1.匀速动画：物体的速度固定 2.缓动动画：物体速度逐渐变慢 3.多物体动画 4.透明度动画 1.匀速动画（以物体左右匀速运动为例） 动画效果主要是用定时器setInterval()来实现的，每隔几毫秒让物体移动一点距离，通过不断调用定时器来达到
阅读全文
posted @ 2020-12-07 13:17
陌路y
摘要：jsON 是存储和传输数据的格式。jsON 经常在数据从服务器发送到网页时使用。 什么是 JSON？ JSON 指的是 JavaScript Object Notation JSON 是轻量级的数据交换格式 JSON 独立于语言 * JSON 是“自描述的”且易于理解 * JSON 的语法是来自 J
阅读全文
posted @ 2020-12-07 13:16
陌路y
摘要：01、屏幕打印2000到3000之间的所有的数。 <script type="text/JavaScript"> for (var i = 2000; i < 3001; i++){ document.write(i+"<br />") } </script> 02、求450到550之间所有奇数的和
阅读全文
posted @ 2020-12-07 13:15
陌路y
摘要：JavaScript的执行机制-eventloop setTimeout(function(){ console.log('set1'); }) new Promise(function(resolve){ console.log('pr1'); // 相当于同步代码 resolve() }).th
阅读全文
posted @ 2020-12-07 13:14
陌路y
摘要：简介 Web Worker (工作线程) 是 html5 中提出的概念，分为两种类型，专用线程（Dedicated Web Worker） 和共享线程（Shared Web Worker）。专用线程仅能被创建它的脚本所使用（一个专用线程对应一个主线程），而共享线程能够在不同的脚本中使用（一个共享线程
阅读全文
posted @ 2020-12-07 13:13
陌路y
摘要：本文包含两部分，第一部分通过简明的描述介绍什么是 Commonjs、AMD、CMD、UMD、ES Module 以及它们的常见用法，第二部分则根据实际问题指出在正常的 webpack 构建过程中该如何指定打包配置中的模块化参数。 JavaScript 模块化方案 模块化这个话题在 ES6 之前是不存
阅读全文
posted @ 2020-12-07 12:33
陌路y
摘要：给定一串毫秒数，如何使用JavaScript将它们转换为日期格式？下面本篇文章就来给大家介绍一下使用JavaScript将毫秒转换为日期格式的方法，希望对大家有所帮助。 方法1： ● 首先声明变量time，并使用new date()为当前日期存储当前日期的毫秒，使用getTime()方法从1970年
阅读全文
posted @ 2020-12-07 12:32
陌路y
摘要：1. 内容概要 本文主要讨论以下两个问题： JavaScript 的位运算：先简单回顾下位运算，平时用的少，相信不少人和我一样忘的差不多了 权限设计：根据位运算的特点，设计一个权限系统（添加、删除、判断等） 2. JavaScript 位运算 2.1. Number 在讲位运算之前，首先简单看下 J
阅读全文
posted @ 2020-12-07 12:31
陌路y
摘要：1、栈(stack)和堆（heap） stack为自动分配的内存空间，它由系统自动释放；而heap则是动态分配的内存，大小也不一定会自动释放 2、数据类型 js分两种数据类型： js的六或七大数据类型：Number, String, Boolean, Undefined , Null , Objec
阅读全文
posted @ 2020-12-07 12:30
陌路y
摘要：最近在做关于文件下载的需求：前端调用接口，然后对返回数据进行过滤、格式化，然后按表格内容拼接生成csv文件，让用户下载。 具体实现方式如下： let sourceData = { head: [ ‘时间‘, ‘成交价格‘, ‘成交数量‘, ‘手续费‘, ‘成交金额‘, ], data: [ {tim
阅读全文
posted @ 2020-12-07 12:29
陌路y
摘要：对象常量属性 概念：将属性的writable和configurable设置为false； //将属性的writable和configurable设置为false var damu={}; Object.defineProperty(damu,"wife",{ value:"fbb" }) Objec
阅读全文
posted @ 2020-12-07 12:27
陌路y
摘要：React-Redux在项目中的应用 在这里，我就默认大家已经会使用Redux了，它为我们的应用提供一个全局的对象（store）来管理状态。那么如何将Redux应用在React中呢？想一下，我们的最终目的是实现跨层级组件间通信与状态的统一管理。所以可以使用Context这个特性。 创建一个Provi
阅读全文
posted @ 2020-12-06 13:13
陌路y
摘要：前言 Koa 应用程序是一个包含一组中间件函数的对象，它是按照类似堆栈的方式组织和执行的。当一个中间件调用 next() 则该函数暂停并将控制传递给定义的下一个中间件。当在下游没有更多的中间件执行后，堆栈将展开并且每个中间件恢复执行其上游行为。 以上两句话，是我在官方文档中找到其对 Koa 中间件的
阅读全文
posted @ 2020-12-06 13:11
陌路y
摘要：挂载(Mounting) 挂载指的是组件被实例化并插入到dom中 顺序如下: constructor -> getDerivedStateFromProps -> render -> componentDidMount 更新(Updating) 当state变化或者props变化会引起更新 顺序如下
阅读全文
posted @ 2020-12-06 13:05
陌路y
摘要：现有状态管理的问题 我们都知道，react 是单向数据流的，数据只能从外部通过 props 传入，再通过 props 上面传入的回调函数再传出去，直接修改 props 或者上面的对象，不会带来界面的更新，而且会导致数据不可预期。 基于这种单向数据流的 flux 思想，redux 还遵循了函数式编程的
阅读全文
posted @ 2020-12-06 13:04
陌路y
摘要：vue 最佳实践，是参考 vue 官方风格指南并根据过去 Vue 实际项目开发中的经验总结的一套规范建议。本项目的目的是希望每个 Vue 开发者都能尽快熟悉并上手项目代码，志在帮助 Vue 新手开发者及时避免一些不规范的设计和由此而引发的问题。本建议如有不妥之处，敬请指正！非常欢迎有志同道合的开发者
阅读全文
posted @ 2020-12-06 13:03
陌路y
摘要：主题（Subjects） 什么是主题？Rxjs 主题就是一个特性类型的 Observable 对象，它允许值多路广播给观察者（Observers）。当一个简单的 Observable 是单播的（每个订阅的观察者它们自己都依赖 Observable 的执行）时候，主题（Subjects）就是多播的。
阅读全文
posted @ 2020-12-06 13:02
陌路y
摘要：越来越多人开始尝试使用 Typescript 编写他们的 vue 项目，vue 本身也在不断加强对 Typescript 的支持（官方提供 vue-class-component 库、使用 Typescript 编写 Vue 3.0 等），但是对于组件中模板部分的类型检查仍然有很大的局限性。 为此我
阅读全文
posted @ 2020-12-06 13:00
陌路y
摘要：enablePullDownRefresh enablePullDownRefresh是最容易实现下拉刷新的方法，在json文件中将enablePullDownRefresh设置为true，在Page中监听onPullDownRefresh事件即可，支持点击顶部标题栏回到顶部，自定义标题栏时会失效，
阅读全文
posted @ 2020-12-06 12:59
陌路y
摘要：什么是 jsX 要了解 jsX，首先先了解什么三个主要问题，什么事 VDOM，差异更新和 JSX 建模： VDOM，也叫虚拟 DOM，它是仅存于内存中的 DOM，因为还未展示到页面中，所以称为 VDOM var vdom = document.createElement("div"); 上面这一句就
阅读全文
posted @ 2020-12-06 12:57
陌路y
摘要：在开始之前 你的PC需要以下内容： 安装 Node.js version 10.x 或以上版本。可以通过在终端中运行以下命令来验证你是否安装了此版本的Node.js： node -v Visual Studio Code editor （或类似的代码编辑器） 全局安装 vue 的最新版本 Vue C
阅读全文
posted @ 2020-12-06 12:56
陌路y
摘要：写业务时，我们经常需要抽象一些使用频率较高的逻辑，但是除了高阶组件可以抽象逻辑，RenderProps也是一种比较好的方法。 RenderProps，顾名思义就是将组件的props渲染出来。实际上是让组件的props接收函数，由函数来渲染内容。将通用的逻辑抽象在该组件的内部，然后依据业务逻辑来调用函
阅读全文
posted @ 2020-12-06 12:51
陌路y
摘要：react 中的一个常见模式是一个组件返回多个元素。Fragments 允许你将子列表分组，而无需向 DOM 添加额外节点。 render() { return ( <react.Fragment> <ChildA /> <ChildB /> <ChildC /> </React.Fragment>
阅读全文
posted @ 2020-12-06 12:50
陌路y
摘要：概述 本指南介绍了如何迁移到安全的Buffer构造函数方法，迁移修复了以下弃用警告： 由于安全性和可用性问题，不建议使用 Buffer()和 new Buffer()构造函数，请改用 new Buffer.alloc()、Buffer.allocUnsafe()或 Buffer.from()构造方法
阅读全文
posted @ 2020-12-06 12:49
陌路y
摘要：到底什么是Node.js 先看一下Node.js官网中是如何形容Node.js的，打开官网看到的第一句话就是Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.(Node.js是一个JavaScript运行时
阅读全文
posted @ 2020-12-06 12:48
陌路y
摘要：数据单向流动prop react也是一样prop 1. prop / $emit (常用 父子组件传递) //父传给子 <child :title="title"></child> //子通过props接收 export default { name: 'demo', data: function(
阅读全文
posted @ 2020-12-06 12:46
陌路y
摘要：本文内容 事件基础 事件监听方式 事件默认行为 事件冒泡与事件捕获 事件绑定与事件委托 事件基础 注意：本文不会深入探究JavaScript的事件循环。 提到事件，相信每位JavaScript开发者都不会陌生，由于Javascript是先有实现，后有规范，因此，对于大部分人来说，事件模块可以说是比较
阅读全文
posted @ 2020-12-04 12:41
陌路y
摘要：在JavaScript中有多种循环遍历对象的方法，下面本篇文章就来给大家介绍一下使用JavaScript循环遍历对象的方法，希望对大家有所帮助。 1、使用for 循环 for 循环是 js 中最常用的一个循环工具，经常用于数组的循环遍历。 let arr = [1,2,3]; for (let i=
阅读全文
posted @ 2020-12-04 12:37
陌路y
摘要：程序的非正常运行状态被称为“异常”或“错误”，解释器会为每个错误情形创建并抛出一个Error对象，其中包含错误的描述信息。那么如何抛出错误？ 在JavaScript中可以使用throw语句抛出错误。throw语句用来抛出一个用户自定义的异常，当前函数的执行将被停止（throw之后的语句将不会执行），
阅读全文
posted @ 2020-12-04 12:36
陌路y
摘要：针对太长不看的读者 因为 jsON 语法比 JavaScript 的语法更简单，因此解析 jsON 比解析 JavaScript 更高效。当一个 web app 需要加载在首次加载时，解析一个非常复杂的、大型的、符合 JSON 规范的对象字面量配置对象时（比如配置 redux 的 store），我们
阅读全文
posted @ 2020-12-04 12:34
陌路y
摘要：经常有同学问树结构的相关操作，也写了很多次，在这里总结一下js树形结构一些操作的实现思路，并给出了简洁易懂的代码实现。本文内容结构大概如下： 一、遍历树结构 1. 树结构介绍 js中树结构一般是类似于这样的结构： let tree = [ { id: '1', title: '节点1', child
阅读全文
posted @ 2020-12-04 12:33
陌路y
摘要：知识要点 浏览器强制执行同源策略，拒绝不同站点的网站访问。 同源策略不会阻止对其他源的请求，但是会禁用对 js 响应的访问。 CORS 标头允许访问跨域响应。 CORS 与 Credentials 一起时需要谨慎。 CORS 是一个浏览器强制策略，其他应用程序不受此影响。 事例讲解 为了缩小代码量，
阅读全文
posted @ 2020-12-04 12:32
陌路y
摘要：callbacks 在JavaScript中，callbacks是一个比较宽泛的概念，当你将函数的引用作为参数传递给一个函数时，这个作为参数传递的函数就称作回调函数。比如： function add (x, y) {return x + y }function addFive (x, addRefe
阅读全文
posted @ 2020-12-04 12:31
陌路y
摘要：引语 AJAX 即 Asynchronous JavaScript And XML（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 AJAX 是一种用于创建快速动态网页的技术。它可以令开发者只向服务器获取数据（而不是图片，html文档等资源），互联网资源的传输变得前所
阅读全文
posted @ 2020-12-04 12:28
陌路y
摘要：主要为了通过禁止打开控制台，防止别人进行代码调试。 1、禁止右键查看源码和F12 //禁止F12键盘事件 document.addEventListener('keydown', function(event){ return 123 != event.keyCode || (event.retur
阅读全文
posted @ 2020-12-04 12:27
陌路y
摘要：查看对象的方法，继续控制台输出，如图： hasOwnProperty()：返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键）。 let object1 = new Object(); object1.property1 = 42; object1.hasOwnProper
阅读全文
posted @ 2020-12-04 12:26
陌路y
浙公网安备 33010602011771号