一、先写一个简单demo1 1-1安装好webpack后创建这样一个目录： 1-2:向src各文件和dist/index.html文件写入内容： <!DOCTYPE html> <html lang=
从开发文件到生产文件 有一天我突然意识到一个问题，在使用react框架搭建应用时，我使用到了sass/less，JSX模版以及ES6的语法在编辑器下进行开发，使用这些写法是可以提高开发的效率。可是浏览
有一天我突然意识到一个问题，在使用react框架搭建应用时，我使用到了sass/less，JSX模版以及ES6的语法在编辑器下进行开发，使用这些写法是可以提高开发的效率。可是浏览器它本身是并不能够“理解”这些语法的呀。就像下面这张图：
将素材目录下的index.html页面，拆分成三个文件，分别是：index.css，index.js，index.html
Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。
需要注意的是，在组件化开发方面，fis是不建议使用“资源嵌入”的方式作为组件化拆分的手段，后面讲到的“声明依赖”能力会更适合组件化开发。
代码： const fs = require('fs') const path = require('path') // 匹配style标签的正则 \s匹配所有空格；\S匹配所有非空格；*代表无限次 const regStyle = /<style>[\s\S]*<\/style>/ // 匹配script标签的正则 const regScript = /<script>[\s\S]*<\/script>/ // 读取文件 fs.readFile(path.join(__dirname, './009-
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
一、html-webpack-plugin插件 简单创建 HTML 文件，用于服务器访问 例如：我们要为输出文件添加哈希值标记，避免老的不变的文件重新加载，避免新修改的文件受缓存影响。 在前后两次在终端输入webpack打包时，即使component中的所有文件都没有变化，资源是要重新加载一遍的。 同理，在生产中，每次需要在代码中更新内容时，服务器都必须重新部署，然后再由所有客户端重新下载。 而通过网络获取资源可能会很慢，那么我们怎么才能避免这个问题呢———给output中的bundle文件提供hash值标
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/details/71055047
这里只展示编写一个简单爬虫，对于爬虫的一些用处还不清楚，暂时只知道一些通用的用处：搜索引擎使用网络爬虫定向抓取网页资源、网络上面的某一类数据分析、下载很多小姐姐的图片（手动狗头）。
Author：Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力，都不会被生活辜负 不忘初心，方得始终 JS学习 逻辑思维太重要了 学的我几天不想说话 不像html+css 可以直接硬杠 <!DOCTYPE html> <html lang='en'> <head> <meat charset='UTF-8'/> <meat name='Key
Node的文件处理涉及到前面说的ptah模块,以及fs文件系统、stream流处理、Buffer缓冲器等模块。内容可能比较多，相关内容请以官网文档为主，此处主要以案例讲解为主，分享给大家一些常用的经典案例。细节就不展开了。 fs文件系统 fs模块提供了很多文件操作相关的api，比如：监控文件夹、文件，文件重命名，文件读写，文件修改权限、文件读写流等。 在此，我们仅以几个案例的方式来驱动学习Node的文件系统，细节请详细阅读Node的api文档或者源码。 案例： 如何监控文件夹的变化？ 如何读取一个文
1995年，网景公司一名程序员布兰登·艾奇利用十天完成了JavaScript设计，网景公司最初将它命名为LiveScript，后与Sun公司合作将其改名为JavaScript。
Dart是一个多平台的语言，它支持命令行编程和Web编程。下面是这两种编程方式的一些基础知识。
如果把网页比喻成一个房子，HTML就是房子的地基和框架，决定了房子的结构；CSS是对房子进行装修，决定了房子的样式；JS为房子接上网线、水管，为房子提供功能。
不同的浏览器使用不同的 JavaScript 解析引擎 Chrome 浏览器 => V8 Firefox 浏览器 => OdinMonkey（奥丁猴） Safri浏览器 => JSCore IE 浏览器 => Chakra（查克拉） 其中，Chrome 浏览器的 V8 解析引擎性能最好！
typeof 运算符把对象、数组或null返回 object typeof 运算符不会把函数返回 object ps：因为JavaScript中数组即是对象，所以 typeof [数组] 返回为”object“
如果对桌面GUI技术不太了解，又不想花太多时间去研究；想做些跨操作系统的小工具的话，可以研究一下electron技术。只要懂一些基本的Html、CSS与JavaScript就可以做出很不错的跨平台的工具。还可以结合vue、react、TypeScript等技术。网上还有不少这类型的脚手架，例如
最近在做公司的网站，但是有一个是比较麻烦的事情就是需要做的一个国际化，我们都知道后端其实做国际化的话是直接可以配置的，相对来说是比较简单的，但是前端做国际化的话是很麻烦的一件事情，但是不是说不可以做，我之前呢是准备直接做两套网站，这样一样可以实现国际化的效果，其实这也是过去网站国际化的一个做法，包括现在也有人这样做，这个办法我们就不具体的写了，因为很简单，直接一模一样的写两份，一份是中文的一份是英文的就行了！其实我没写之前看了很多的资料，关于国际化的，很多的大神提供了很多的办法，但是都不是很详细，写的很模糊，所以我查看很多资料以后决定写这篇博客，总结一下自己的想法，同时希望可以帮助很多的人解决这个问题！
在这篇文章中我们开始利用我们之前所学搭建一个简易的React开发环境，用以巩固我们之前学习的Webpack知识。首先我们需要明确这次开发环境需要达到的效果：1、能够编译JSX语言 2、css样式使用Sass开发 3.能够将基础的ES6转化为ES5 4.能够使用ESLint在开发的时候为我们做代码风格审查
这些应该是对在官网初学习的一个小总结吧~，大家可以去官网看较为详细的解释： 指南 | webpack 中文网 (webpackjs.com)
简介 SweetAlert是一款很好用的弹出框框架 下载 https://github.com/lipis/bootstrap-sweetalert 导入 博主用的是bootstrap-sweetalert,所以要依赖bootstrap，导入前先导入原生jQuery以及bootstrap <link rel="stylesheet" href="/static/sweetalert/sweetalert.css"> <link rel="stylesheet" href="/static/b
在 HTML 中，JavaScript 代码必须位<script>与</script>标签之间
今天要推荐的就是可视化的git。有助于了解git的工作原理，清晰明了！LearnGitBranching是一个git仓库可视化工具，沙箱，以及一系列教育教程和挑战。其主要目的是帮助开发人员通过可视化功能（在命令行上工作时缺少的功能）理解git。这是通过具有不同级别的游戏来熟悉不同的git命令来实现的。
真实项目开发过程中，我们都是使用组件化的去开发vue的项目，但是组件化的思想又是如何来的呢？下面就从开始讲解演变过程
为了实现这个功能，需要借助HtmlWebpackPlugin根据指定的index.html模板生成对应的 html 文件，还需要配合html-loader处理 html 文件中的
StreamSaver.js 可用于实现在Web浏览器中直接将大文件流式传输到用户设备的功能。
主要学习：JavaScript+Node.js内置API模块（fs、path、http等）+第三方API模块（express、mysql等）
document.write()方法可以用在两个方面：页面载入过程中用实时脚本创建页面内容，以及用延时脚本创建本窗口或新窗口的内容。该方法需要一个字符串参数，它是写到窗口或框架中的HTML内容。这些字符串参数可以是变量或值为字符串的表达式，写入的内容常常包括HTML标记语言。 记住，在载入页面后，浏览器输出流自动关闭。在此之后，任何一个对当前页面进行操作的document.write()方法将打开—个新的输出流，它将清除当前页面内容(包括源文档的任何变量或值)。因此，假如希望用脚本生成的HTML替换当前页面，就必须把HTML内容连接起来赋给一个变量，使用一个document.write()方法完成写操作。不必清除文档并打开一个新数据流，一个document.write()调用就可完成所有的操作。 关于document.write()方法还有一点要说明的是它的相关方法document.close()。脚本向窗口(不管是本窗口或其他窗口)写完内容后，必须关闭输出流。在延时脚本的最后一个document.write()方法后面，必须确保含有document.close()方法，不这样做就不能显示图像和表单。并且，任何后面调用的document.write()方法只会把内容追加到页面后，而不会清除现有内容来写入新值。
年前有一位小伙伴给我提供了一个API（在此表示感谢），希望实现当前访客功能，具体效果如下：
RPO (Relative Path Overwrite) 相对路径覆盖，最早由 Gareth Heyes 在其发表的文章中提出。主要是利用浏览器的一些特性和部分服务端的配置差异导致的漏洞，通过一些技巧，我们可以通过引入相对路径来引入其他资源文件，以达到我们的目的。
这篇文章主要是记录一下php生成静态页面的大致步骤，关于页面静态化，大家想必都听说过，但是真正用的时候反而不是很多。有些页面考虑到访问量比较大，页面结构又不常改动的，比如新闻公告等，可以考虑做成静态页面放在服务器上，这样第一是能抗住大流量的访问，第二也是更加安全一些，打开速度上有保证。
用Node.js实现一个HTTP服务器程序非常简单。我们实现一个最简单的Web程序， 它对于所有请求，都返回Hello world!，新建一个文件夹apiDemo 在里面新建一个server.js写入：
今天我们将要学习如何使用BeautifulSoup库来抓取网站。BeautifulSoup是一个很好的工具，用于解析HTML代码并准确获取所需的信息。因此，无论您是从新闻网站，体育网站，还是在线商店的价格中提取新闻等，BeautifulSoup和Python都可以帮助您快速轻松地完成这些工作。
相信有不少小伙伴和我一样用github issues记录自己的blog，但是久而久之也发现了一些小问题，比如
Web 技术突飞猛进，但是有一个领域一直无法突破 ---- 游戏。 游戏的性能要求非常高，一些大型游戏连 PC 跑起来都很吃力，更不要提在浏览器的沙盒模型里跑了！但是，尽管很困难，许多开发者始终没放弃
前言 最近疫情泛滥，大家注意防护，尽量少出门，在家也别忘了学习~ 小编针对疫情实况数据进行了了爬取，并生成了可视化地图。 让我们在防护的同时，也来学习一下吧~ 项目简介 https://ncov.d
XSS攻击是指在网页中嵌入一段恶意的客户端Js脚本代码片段，JS脚本恶意代码可以获取用户的Cookie、URL跳转、内容篡改、会话劫持……等。
前几天受朋友委托要爬取携程网和去哪儿网一些景点的评论，在翻阅了许多代码后并自己改写后终于完成。
浏览器中有JS解析引擎：每个浏览器的解析引擎都不一样，Chrome浏览器中的V8解析引擎最好。
此文是个人学习归纳的记录，腾讯云首发，未经允许，严禁转载，如有不对, 还望斧正, 感谢!
通过前面的学习，对webpack有了更深的认识，故此节我们就利用前面相关知识自己动手用webpack构建一个React的开发环境，就算是一个小案例吧。
webpack是一个现代javascript应用程序的模块打包器（module bundler），他会递归的构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成少量的bundle 通常只有一个，由浏览器进行加载
D3指的是Data-Driven Documents，js即Javascript，是后缀名。先看看官网上对D3.js库的定义：
最近也打算研究研究各大cms的漏洞了，正好看到一篇关于dedecms后台getshell的文章，所以也自己动手复现一下，这样以后遇到了也更容易上手。该漏洞涉及的版本是dedecms的最新版吧，下载地址： http://www.dedecms.com/products/dedecms/downloads/
Webpack是一个静态资源打包工具，可以把JS及其所依赖的css和图片(都认为是一个模块)打包为一个.js文件，让客户端浏览器只引入最终的js文件，从而实现减少HTTP请求的目的，优化访问速度。
Django中的URL补充 默认值 在url写路由关系的时候可以传递默认参数，如下： url(r'^index/', views.index,{"name":"root"}), 这样在视图函数中，就可
我们前面已经学了很多webpack基本的处理情况，一句话总结就是，一个优秀的webpack项目，主要的核心用法就是整合loader和plugin去处理你想要的任何需求。 下面，咱们一起来学学如何用webpack来处理less，sass等预编译器。先看看如何用webpack处理less。 国际惯例，第一步是安装： npm install less less-loader --save-dev 第二步，配置loader项: { test: /\.less$/, use: [{
在自己的项目中嵌入过广告的朋友们可能都用过百度联盟, 只需要嵌入如下一段js代码片段, 就可以在自己的项目中嵌入广告, 来获得收益. <script type=“text javascript”>
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
