---- 将收获什么 掌握命令行交互方法 服务端框架 egg.js 的应用和 api 开发方法 egg.js 集成云 mongodb 实现数据存储 主要内容 脚手架项目创建功能架构设计 通过命令行交互获取项目基本信息 egg.js + 云 mongodb 的集成 开发前端项目模板 egg.js 获取项目模板 API 开发 项目模板下载功能开发 inquirer 源码解析，彻底搞懂命令行交互 创建功能架构设计 可拓展：能够快速复用到不同团队，适应不同团队之间的差异 低成本：在不改动脚手架源码的情况下新增模板
在该系列的第一篇文章，我们实现了 Vite Server 的一些处理文件的功能（TS、TSX、CSS），但这个 Server 的功能是写死的，如果需要新增功能，就需要修改 Server 的代码，没有任何的可扩展性。
1、模板技术 为何使用模板这里就不罗嗦了，直接介绍模板技术 变量传递和显示： 例如在action里面可以这样写 $title=”变量”; $arr=array(“标题”,”内容”,’my’=>”时间”);//数组 $this->assign(‘atitle’,$title); $this->assign(‘content’,’这是内容’); $this->assign(‘time’,time()); $this->assign(‘mylist’,$arr); $this->display(); 这样就需要在
###JavaScript中对象分类 内置对象: number/string/boolean等 浏览器相关对象BOM: Browser Object Model浏览器对象模型 页面相关对象DOM: Document Object Model文档对象模型 ###BOM浏览器相关内容 window: 该对象的属性和方法称为全局属性和全局方法,访问时可以省略掉window. window中常见的方法: window.isNaN() 判断变量是否是NaN window.alert() 弹出提示框 window.c
毕竟对于前端来说，优化是躲不开的主题。在看200（cache）和304区别的时候，翻到了雅虎这边归纳出来的准则，虽然是十多年前的东西了吧，但是还是具有参考价值的，因此在原文基础上我进行了一些归纳翻译。
打开英雄联盟官网，点击游戏资料，继续按F12，按F5刷新，就会发现有一个champion.js文件，复制这个js文件的地址.和王者荣耀不同，这个是js而王者是json比较好处理。js中有英雄的编号和名字，将keys中的数据拿出来
即每一个页面对应着一个状态，一个状态有一个状态名，还有一个模板/模板url，这样我们就可以将不同页面的内容写到不同的html里，然后通过templateUrl将他们动态加载进来渲染页面。
获取当前页面的页码getCurrent()、获取总页数getPageCount()等方法，必须在回调函数中调用执行！
大家好，我是码农小余。上一小节我们学习了 HMR 的 客户端 API，对于常见的热更接收机制、热更失效、多实例变量缓存都有了比较清晰的认知。本节我们就先从 node 端去探索 HMR 的实现原理。
今天最常讨论的术语之一是 API，很多人不知道 API 到底是什么，API 是 Application Programming Interface(应用程序编程接口)。顾名思义，它是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。
中的所有 标签对应的跳转网页中的所有 title的文字内容，最后放到一个数组中。
PHP网络技术（五）——cookie及记住用户名功能实现 （原创内容，转载请注明来源，谢谢） Cookie是存储在客户端（主要是浏览器）的信息，可以以此跟踪和识别用户。PHP无法直接操作Cookie，而是通过命令向浏览器发送命令，由浏览器对Cookie进行操作。 一、PHP设置cookie方式 1）setcookie(name,value,expire,path,domain,secure,httponly) 第一个参数是必填的，后面都是选填的。 name是cookie
HTML5学堂：关于文件上传，主要包括“构建基本表单”-“使用AJAX发送请求，上传文件”-“使用PHP获取文件基本信息”-“执行SQL语言，返回基本图片路径”-“使用DOM操作设置预览图路径”。一起
·使用link加载样式而不是@import（是css2提供的一种方式，不兼容，只能加载css，而且页面所有组件被加载完后才会被加载，完成前会导致‘闪烁’，link属于XHTML标签，没有兼容问题）；
1、由于我使用了框架内置对象处理二进制文件信息，所有接收过程完全被封闭在框架内置对象中，直到请求结束才返回信息提示，上传的过程进度无法访问。我使用了js，不通过form表单action跳转后台上传。
作者：愣锤 https://juejin.im/post/5b174de8f265da6e410e0b4e
在node环境中，每一个文件都是一个模块，解决了命名冲突的问题，node会默认给js加上一个函数，比如一个js文件打印this：
鼠标离开用户名输入框时,检查是否符合要求,如果为空,则给提示,如果不为空,则异步查询数据库,后返回结果;
表单提交在前端编程阶段中也是一个重点。它是由页面数据保存到后台数据库的重要枢纽，通过表单提交的方式将数据上传到数据库进行保存。同时这些数据也包含用户信息、统计信息、日志信息等等。 数据的信息不同，上传的方式也不同。在JavaScript中有四种种表单提交的方式： 一、 Form表单手动提交（get与post） 在没有任何Js代码的影响下，Form表单本身是自带提交功能的。在form元素标签上有两个属性： (1) action：设置表单提交的路径（URL） (2) method：设置表单提交的方式 表单提交的路径分为两种： (1) 相对路径：指站点内的文件，就是本地文件。 (2) 绝对路径：指其它站点，就比如从本站点到百度。 设置表单提交方式属性的值有两种：get提交和post提交。如果method不指名提交方式则默认为get提交。 这两种提交方式需要分别对应不同情况使用： (1) 相对于post提交而言，get提交更简单也更快，但是传输的容量小，在提交表单时，所有的信息都会暴露在url上，并不安全，通常用来获取数据。 (2) post提交方式能够传输的容量基本上是无穷的，而且提交的数据直接在后台进行处理，保证了数据的安全性，而且在更新数据传输大量数据、传输音频图片或者特殊符号等情况时，就只能使用post，而非get。 通常情况下，我们会取消Form表单的自动提交功能，通过一个onsubmit属性赋值为return false。
从上述代码可以看出是和top.js相关联的，也就是说要弄明白搜索相关的代码得去从top.js这个文件中找。
01 — 什么是RPO攻击？ RPO（Relative Path Overwrite）相对路径覆盖，是一种新型攻击技术，最早由GarethHeyes在其发表的文章中提出。主要是利用浏览器的一些特性和部
适宜于验证输入内容的格式，譬如：邮箱验证、身份证验证、手机号码验证、邮政编码验证等。
https://github.com/ChenShenhai/koa2-note/blob/master/demo/static-server/open in new window
React.js和Vue.js是这个星球上最流行的JavaScript库。它们都很强大，相对来说很容易获取和使用。
如何打造一个移动端H5性能平台？听起来是否有点高大上，不知道如何下手。不要紧张，我们来手把手教大家打造自己的移动端H5性能测试平台。 功能篇 【H5前端性能平台可以做什么】 以前我们要测试移动端H5性能，通常会用到远程连接+抓包分析，工具诸如：fiddler，Charles。或者是一些在线测试工具：Page Speed、PCAP Web Performance Analyzer、WebPagetest。这些工具要么测试执行过程复杂，要么测试报告复杂，亦或者也看不出测试结果是好是坏。 所以我们希望移动端H5性
Node.js 是一个 JavaScript 运行时环境。听起来还不错，不过这究竟意味着什么？它又是如何运作的？
开发之前第一步，就是构造整个的项目结构。这就好比作一幅画，第一步就是描绘轮廓，有了轮廓，剩下的就是慢慢的填充细节。项目结构规划如下图： 项目结构描述: 本项目以fengzhengBlog为根目录。 a
网易云音乐 QQ音乐 酷狗音乐 酷我音乐 虾米音乐 百度音乐 一听音乐 咪咕音乐 荔枝FM 蜻蜓FM 喜马拉雅FM 全民K歌 5sing原创 5sing翻唱
在h1中引入{ {msg}}，在js文件中将msg赋值，从而在html中显示大标签的内容
Javascript 语言诞生主要是完成页面的数据验证。因此它运行在客户端，需要运行浏览器来解析执行 JavaScript 代码。
在使用jQuery之前，我们必须先了解什么是jQuery，它能够干什么(不然我们为啥要用它)。
Stream 是一个概念，翻译成中文就是 “流” 的意思。它并非 NodeJS 独有。
市面上现在有很多bundler，最著名的就是webpack，此外常见的还有 browserify，rollup，parcel等。虽然现在的bundler进化出了各种各样的功能，但它们都有一个共同的初衷，就是能给前端引入模块化的开发方式，更好的管理依赖、更好的工程化。
BrowserWAF，一款由ShareWAF推出的免费、开源的前端WAF，也可称为浏览器WAF。
由于Electron基于Chromium架构，所以自然而然遵循其多进程架构，一个完整的Electron应用包含多个进程，这些进程被分为主进程与渲染进程
我们创建了add.js文件和minus.js文件,然后 在index.js中引入，再将index.js文件引入index.html。
如果按f12以后，点击network，可以看到.js和.png这些结尾的都不是接口。
虽然在前面的章节中你学会了如何使用 Webpack ，也大致知道其工作原理，可是你想过 Webpack 输出的 bundle.js 是什么样子的吗？ 为什么原来一个个的模块文件被合并成了一个单独的文件？为什么 bundle.js 能直接运行在浏览器中？ 本节将解释清楚以上问题。
一. 改单dll为双dll 因为上图原因，使用CommonsChunkPlugin时，导致其打包出来的vendors.js内的模块ID会因为其他文件引用模块数量的变化而变化。 所以现利用DllPlug
缓存就是数据交换的缓冲区（称作：Cache），当用户要获取数据的时候，会先从缓存中去查询获取数据，如果缓存中有就会直接返回给用户，如果缓存中没有，则会发请求从服务器重新查询数据，将数据返回给用户的同时将数据放入缓存，下次用户就会直接从缓存中获取数据。
每一个文件就是一个模块，拥有自己独立的作用域，变量，以及方法等，对其他的模块都不可见。CommonJS 规范规定，每个模块内部，module 变量代表当前模块。这个变量是一个对象，它的exports属性（即module.exports）是对外的接口。
最近项目一直在迭代更新，没有什么新的东西做，所以拿出来一个搜索的小模块分享下，功能就是输入关键字能出来相关字的联想吧，删除一些字的时候顺带可以保存上一段的联想，从外观上来看，效果还罢了，这里分享给大家，可以供大家看看。
说到信息收集，网上已经有许多文章进行描述了，那么从正常的子域名、端口、旁站、C段等进行信息收集的话，对于正常项目已经够用了，但是挖掘SRC的话，在诸多竞争对手的“帮助”下，大家收集到的信息都差不多，挖掘的漏洞也往往存在重复的情况。 那么现在我就想分享一下平时自己进行SRC挖掘过程中，主要是如何进行入手的。以下均为小弟拙见，大佬勿喷。
本文由 IMWeb 团队成员 laynechen 首发于 IMWeb 社区网站 imweb.io。点击阅读原文查看 IMWeb 社区更多精彩文章。 我们知道 Electron 提供了一个类似浏览器，但有更多权限的环境来运行我们的网页，那么 Electron 是怎么做到将我们的网页代码打包成一个可执行程序的呢？ 这篇文章主要介绍如何打包 Electron 应用，以及分析 electron-builder 是如何对我们的应用进行打包的。 如何打包 Electron 目前有两种打包工具：electron-user
这里只展示编写一个简单爬虫，对于爬虫的一些用处还不清楚，暂时只知道一些通用的用处：搜索引擎使用网络爬虫定向抓取网页资源、网络上面的某一类数据分析、下载很多小姐姐的图片（手动狗头）。
之前的一个项目里面就实用到这个前台的渲染模版，当时挺忙的也没时间抽出时间总结一下，刚好上周项目里又用到这个轻量型的渲染模版，真心感觉非常好用，因此就总结一下使用心得，算是一个入门级别的指引吧。
谷歌 webkit 国内常用 谷歌 qq浏览器 gecko 火狐 presto Open trident IE 控制台结构 Elememts: 查看结构样式，可以在线修改调试 Console: 查看输出结果和报错信息，是js调试利器 Sources: 查看项目源码，目录结构。 Network: 查看当前网站所有资源的请求信息（包括和服务器的HTTP报文信息）、加载时间等（项目优化） Application: 查看当前网络数据存储和资源文件（盗图偷数据~~） JS做客户端语言（node.js） 按照相关的
Java是一种OOP编程语言, 它创建在虚拟机或浏览器中运行的应用程序, 需要编译Java代码。 JavaScript是一种OOP脚本语言, 代码只在浏览器上运行, JS代码都是文本的形式。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
