来到这家公司之后，一直在使用webpack，也写了不少笔记，但是都比较零散，现在决定整理一下webpack相关的知识点，由浅入深，方便自己后续查漏补缺，后续会一直更新。
https://www.cnblogs.com/yangfengwu/p/11601299.html
小程序是一个不需要下载安装就可使用的应用，它实现了应用触手可及的梦想，用户扫一扫或者搜一下即可打开应用。也体现了用完即走的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。从字面上看小程序具有类似Web应用的热部署能力，在功能上又接近于原生APP。
参考链接： webpack-output webpack-entry webpack-devtool
在Android4.2以上可以直接使用@JavascriptInterface注解来声明，下面是在一个本地Java方法
所谓打包多页面，就是同时打包出多个 html 页面，打包多页面也是使用 html-webpack-plugin，只不过，在引入插件的时候是创建多个插件对象，因为一个html-webpack-plugin 插件对象只能打包出一个 html 页面。如:
高德地图API官网：高德开放平台 | 高德地图API。由于博主是基于前端 Vue 框架进行开发的，所以针对地图 JavaScript API 结合 Vue 展开介绍。
view组件可用作父容器，也可以用来展示一段文本，text组件也可以用来展示文本，区别在于view中的文本不能选中。 {{}}是小程序中数据绑定的语法。在小程序中没有dom和bom，所以不能根据id等属性获取控件，只能通过数据绑定的方式。 在index.js中未变量addresss赋值，然后index.wxml中就可以自动更新，这与angular很像，但是，小程序中是单项绑定。 tap是一个触摸事件，小程序中使用bind或者catch方式绑定事件，其属性值是一个函数名称，这个函数在index.js中定义，当用户触摸此view时就会执行对应的函数
说到web前端开发高级，必须要掌握的是HTML和css代码的优化，前端优化很重要，这是成功你进阶的道路上需要重视的知识点，面对代码优化，首先我们要学习的就是前端命名规范，HTML代码优化，和css代码优化。
这块是web的基础,发web请求大概需要以下几步 1.引用web相关的依赖 2.前端页面引入jquery.js 3.编写ajax请求 4.编写对应的Controller
“ 关注 前端开发社区 ，回复 '领取资源'，免费领取Vue，小程序，Node Js，前端开发用的插件以及面试视频等学习资料，让我们一起学习，一起进步
在 ArcGIS Maps SDK for JavaScript 中，Map 和 MapView 是两个重要的概念，用于创建和展示地图应用程序。
微信支付实际上有很多种不同的类型，具体要使用哪一种就需要根据不同的应用场景来选择，官方给出的参考例子： 刷卡支付：用户打开微信钱包的刷卡的界面，商户扫码后提交完成支付。 公众号支付：用户在微信内进入商家H5页面，页面内调用JSSDK完成支付 扫码支付：用户打开"微信扫一扫“，扫描商户的二维码后完成支付 APP支付：商户APP中集成微信SDK，用户点击后跳转到微信内完成支付 H5支付：用户在微信以外的手机浏览器请求微信支付的场景唤起微信支付 小程序支付：用户在微信小程序中使用微信支付的场景
2：打开项目里面默认生成的util.js 这里可以看到，代码已经写好了，我们只需要引用就行了
相信很多人在学习前端过程中，都接触过webpack。但可能在创建前端项目时，都只是用脚手架vue-cli的初始化命令跑一下，将webpack当成一个黑盒使用，刚开始我也是这样，但是虽然一切配置都能通过脚手架自动完成，我们不用学会如何手动去配置，但是我们也至少应该知道，webpack每条配置的作用。
Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优化，使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来，希望读者读完本文，有一定的启发思考，从而对自己的项目进行优化起到帮助。本文内容分为以下三部分组成：
前端工程化指的是：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、 标准化。最终落实到细节上，就是实现前端的“4 个现代化”： 模块化、组件化、规范化、自动化
JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。在某域名下使用Ajax向另一个域名下的页面请求数据，会遇到跨域问题。怎样才能算跨域？协议，域名，端口都必须相同，才算在同一个域。通常来说,跨域分为以下几类：
jsp的C标签一般使用方法以及js接收servlet中的对象及对象数组 由于现流行的javaWeb框架提倡前后端分离，比如在SpringMvc中已经很少写servlet的一些东西；目前 前端jsp中大多是一些纯html和js，很少用到jstl的一堆东西，后端也仅仅处理一些前端的post、get请求或页面跳转，无须以往繁琐的xml路径映射和filter过滤。 不过有时也会用到servlet作用域中的一些东西，比如某个固定的值、上下文路径等等~，不过这些东西大多数也仅限于取值而不是设置值(或对象),所
ArcGIS JS API 基于古老的 JavaScript 框架 Dojo 开发， dojo 虽然是曾经的王者， 但是2020年的前端开发， 早已是 Angular、 React 和 Vue 三大框架的天下， JavaScript 的新特性可以说是日新月异， 国内也几乎没有人基于 dojo 进行开发， 因此本文介绍如何使用现代化的脚本 (ES6, ES7, ES2018 等， 以下统称 ES6+, TypeScript) 进行 ArcGIS JS API 开发。
函数定义不需要关键字，函数前的void,int代表函数的返回值类型，void代表了函数无返回值
之前讲过 next.js 中的 getServerSideProps，今天来讲一讲另一个很类似的 API：getStaticProps，以及和 getStaticProps 紧密相关的 getStaticPaths。
原文链接：https://juejin.im/post/5e92ad7a518825736c5b91cd
1) 遇到 <开头的代码, 以标签的语法解析: html同名标签转换为html同名元素, 其它标签需要特别解析
之前写过几篇 Vite 的文章，对 Vite 的概念也有一定的理解了，但理解归理解，仍然觉得很虚，也不知怎么的，这几个概念突然就变成一个这么强大的工具。。。
在公众号平台下，自定义菜单，添加菜单，并选择菜单内容跳转到指定页面地址即可（需认证后方可添加页面地址，个人账号暂不支持认证）。
来源：子慕大诗人 http://www.cnblogs.com/1wen/p/7942608.html 导火索 有一天一个测试同事的一个移动端页面白屏了，看样子是页面哪里报错了。 我自己打开页面并没有报错，最后发现报错只存在于他的手机，移动端项目又是在微信环境下，调试起来会比较麻烦，最后用他手机调试才发现问题： 是他账户下面有个对话的消息数据有问题导致页面报错了。 一般遇到这种情况只有用他的手机或者账户调试能很快查到问题，如果是外部的用户怎么办，我没法拿他的手机去测试。 📷 其实这个问题很常见，但是这次我觉
本文介绍 webpack 构建 web 应用的时候生成 sourcemap 的相关基础知识。 sourcemap 不仅适用于 chrome 浏览器，也适用于其它很多现代浏览器，本文主要针对 chrome
这里说明下我的版本时2.3bootstrap 版本之间有很大区别的。所以建议引入css 别出错。
使用webpack4打包多Html页面的配置是在上面基础上，特别的利用Html-webpack-plugin，这里给出一个配置方案仅供参考：
1 1. 什么是JSX语法 2 2. jsx语法示例与渲染的VNode节点 3 3. jsx的渲染流程 4 4. jsx中的js和html的写法不同 5 a. js：{ js语法 } 6 i. 花括号里边一定要返回字符串才能渲染 7 ii. {{ 双花括号表示js语法里的对象格式 }} 8 iii. 花括号里可以写表达式、三元、有返回值且返回字符串的函数调用 9 iv. 花括号里直接放对象报错 10 v. 数组可以直接被渲染到页面中。 11 b. html：<html语法> 12 i. class等关键字不能用做html的属性（如class、for等不行，需要替换成别的） 13 1) class -> className 14 2) for -> htmlFor 15 c. a标签写了以后，必须写href属性 16 d. 组件根节点只能是一个标签，不能有并列标签。否则报错！ 17 三种方法实现空白标签包裹：（就像小程序的block标签、又像vue的template标签） 18 i. <React.Fragment>空白标签1</React.Fragment> 19 ii. import { Fragment } from 'react'；<Fragment>空白标签1</Fragment> 20 iii. <>空白标签2</> 21 e. 列表渲染 - 迭代的方法（没有for）：利用数组进行渲染 22 f. key值唯一的绑定 23 g. 条件切换的使用（没有if else、简直反人类） 24 h. 动态样式的绑定 - style的值需要是一个js语法，包裹在对象里边。 25 i. v-html类似用法：dangerouslySetInnerHTML={ {__html: variableName} }【innerHTML容易造成xss攻击，避免使用】 26 j. jsx中的注释 27 i. 多行注释：{ /** js注释 **/ } 28 ii. 单行注释： 29 { 30 // 单行注释，花括号如果提上来就被注释了。所以换行 31 }
大家好，我是小菜。一个希望能够成为 吹着牛X谈架构 的男人！如果你也想成为我想成为的人，不然点个关注做个伴，让小菜不再孤单！
后端ssr只是渲染了网页模板（ul），列表（li）的html都是异步请求加载出来的。再回看首页列表的代码：
ES6不仅在语法上有很大的改进，在代码的组织结构上也有重大升级，ES6中新增加了像Set、WeakSet、Map、WeakMap、ArrayBuffer、TypedArray和DataView等数组结构；原生的模块化解决了复用、依赖、冲突、代码组织混乱的问题，让开发复杂的前端项目变得更加容易；类（class）的加入使JavaScript面向对象更加易于理解。
nuxt.js 下使用 antv-l7 实在是有太多的坑了，官方文档也不是很全，只能不断摸索和尝试，下面我把这些坑记录下来，也许能帮到你。
主要介绍如何用ArcGIS JS API 4.14去实例化一张二维地图，并简单介绍了和3.X版本实现方式的异同。
案例地址：https://www.dsedt.gov.mo/zh_CN/pg_home
在项目开发过程中，我们有时候遇到需要更换站点主题色的需求。乃至于 APP 底部的 banner 中的 icon、文案和背景图都是运营线上可配置的。还有的功能比如更换系统字体大小等。
DOM(文档对象模型) 是浏览器对 html 文件的描述方式, DOM API是浏览器提供给JavaScript操作html页面内元素的方式。简而言之, 浏览器提供了一些内置函数来让我们操作页面(增删改查)
随着单页应用程序的出现，网站突然被期望做更多，甚至与“原生”应用程序进行竞争。在尝试更快地开发Web应用程序时，开发人员意识到特定领域是瓶颈，使Web应用程序不像其本地应用程序那样快速和强大。
新，会自上而下逐渐刷新整个子孙组件，这样性能损耗重复渲染就会多出很多，所以我们不仅要单一数据来源控制组件刷新，偶尔还需要在shouldComponentUpdate中对比nextProps和this.props 以及this.state以及nextState.
我们每天有可能都在与数据列表打交道，比如列表的分页、查找列表（搜索查询）、按照指定的列升序降序排列这些需求，你可能再尝试使用 react-table or Ant Design table 这样的组件完成这些需求，但通常这些库与你特定案例的设计和需求不匹配，并且具有许多你不需要的功能，有时，自己动手可能会更好些，以便在功能和设计方面具有完全的灵活性。今天小编看到一位国外大佬写的关于此主题的文章，在此分享给大家，本篇文章并不是完全按照原作者的文章进行翻译，加上了小编的一些理解，希望对大家有所帮助。
Hexo 是一款基于 Node.js 的静态博客生成器。有别于传统的 WordPress、Typecho 等由服务端渲染的动态博客程序，Hexo 可以遍历博客的各个页面，将博客文章等内容渲染到主题（即页面模板）之中，生成全部页面的 HTML 文件及其引用的 CSS、JS 等静态资源。这些静态资源文件常常通过托管到 Pages、托管到对象存储或者自建 Nginx 服务器的方式来对外提供访问。
beego 的模板处理引擎采用的是 Go 内置的 html/template 包进行处理，而且 beego 的模板处理逻辑是采用了缓存编译方式，也就是所有的模板会在 beego 应用启动的时候全部编译然后缓存在 map 里面。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
