weixin_36723038的博客

elementUI步骤条，CSS改变步骤条状态样式

日常FreeMarker是一个用Java语言编写的模板引擎。它基于模板来生成文本输出。Freemarker与web容器无关，即在web运行时，它并不知道servlet或者HTTP，它不仅可以用作表现层的实现技术，而且还可以用于生成XML，JSP或Java等。这里主要用freemarker做页面渲染的使用介绍。

三层架构。

流程控制就是来控制我们的代码按照什么结构顺序来执行

import { 方法名 } from 调用路径;文字高亮不仅后端可以处理，前端也可以处理。​ .then(回调)

jquery滑动到底部加载数据

使用form表单提交参数的时候，是依据input框里面的name值传给后端的，只需在form节点添加action以及提交方式就可以调通前后端。但是这种直接的操作是不能够判断接口是否调通的，是拿不到返回值的。这就意味着不能够做对应的操作。主要就是创建一个回调函数，然后在传统的提交form表单的方法调用即可。

纯原生js实现选项卡切换的效果,即当鼠标移入某个div区域时,显示不同的内容

其实不仅仅是 forEach() 方法，还有一个平时经常使用的 map() 方法也是大同小异的，可以用抛出异常来实现跳出循环的操作。但我们其实也完全可以使用 some() ， every() 等方法来提前验证好，或者使用 findIndex() 去检测条件捕获索引后再进行二次遍历处理。...

JSON是一种轻量级数据格式，可以方便地表示复杂数据结构。JSON对象有两个方法：stringify()和parse()。在简单的情况下，这两个方法分别可以将JavaScript序列化为JSON字符串，以及将JSON解析为原生JavaScript值。......

vue是一套构建用户界面的渐进式框架，Vue 只关注视图层， 采用自底向上增量开发的设计。

浏览器对于资源的存放主要考察两个因素：使用率和大小浏览器缓存的作用都是从第二次请求开始的：##优点优先级：Cache-Control 的优先级高于 Expries优先级：Etag / If-None-Match 优先与 Last-Modified / If-Modified-Since...

图片是一个网站的重要组成部分，图片影响这页面的美观和品质。简单来说图片对于网站建设的作用就是吸引用户、彰显网站风格、美化网站、简化网站页面，所以图片在网站中起到的作用完全不亚于软文，有的甚至效果比软文还要好。但是图片的不合理使用可能会影响页面的打开速度和用户的正常浏览，在对网站进行优化的时候，可以从图片这一方面入手。JPEG（Joint Photographic Experts Group）是 JPEG 标准的产物，该标准由国际标准化组织（ISO）制订，是面向连续色调静止图像的一种压缩标准。 JPEG 格式

前言我们平常在开发过程中特别是Vue技术栈的前端同学们，经常会用到一些UI组件库，特别是element-ui使用的频率是比较高的，我们经常会修改这些UI组件库的默认样式时会使用到深度选择器，大家都知道这么做，有没有想过为什么？趁着疫情在家于是研究了一下，在这里分享一下scoped的使命与作用这里用vue做了一个demo,两个页面，一个页面中是掘金的a标签，一个页面是vue的a标签,我们一起看下scoped的作用,给其中一个页面的a标签加上红色，另外一个没有加任何样式，并且没有在style中使用scop

前端监控一般来讲一个成熟的产品，运营与产品团队需要关注用户在产品内的行为记录，通过用户的行为记录来优化产品，研发与测试团队则需要关注产品的性能以及异常，确保产品的性能体验以及安全迭代。数据监控（监控用户行为）PV/UV: PV(page view)：即页面浏览量或点击量；UV：指访问某个站点或点击某条新闻的不同 IP 地址的人数用户在每一个页面的停留时间用户通过什么入口来访问该网页用户在相应的页面中触发的行为，等…统计这些数据是有意义的，比如我们知道了用户来源的渠道，可以促进产品的推广，知

FormData很多时候，在 post 提交数据时我们常采用 application/json、application/x-www-form-urlencoded 等类型，也确实能够覆盖到大部分的场景，但是有一些场景下，比如文件上传的时候，就不算是好的解决方案了，application/json 作为请求头 Content-Type 字段值时，表示告知服务端参数是序列化后的 JSON 字符串，所以一般在传参时都会用 JSON.stringify 序列化一下，且浏览器对 JSON.stringify API

用 docker 做开发环境的好处保持本机清爽做开发的都知道，电脑一买回来就要安装各种各样的环境，比如前端开发需要安装 node、yarn、git 等，为了使用某些工具或者包，可能还需要安装 python 或者 java 等（比如 jenkins 就依赖了 java），久而久之，本机环境会非常乱，对于一些强迫证患者或者有软件洁癖的人来说多少有点不爽。使用 docker 后，开发环境都配置在容器中，开发时只需要打开 docker，开发完后关闭 docker，本机不用再安装乱七八糟的环境，非常清爽。隔离

guns系统前端介绍前端项目结构guns-base-support/guns-sys/src/main/webapp扩展插件以及全局js文件全局html模板guns-vip-main/src/main/webappassets js文件pages html页面文件页面模板guns-base-support/guns-generator/src/main/resources/gunsTemplates列表新增修改查看弹层page// pa

前端技巧-防止别人恶意调试你的web程序前言在生成环境中的前端代码怎么才能尽量的去防止别人对此进行恶意调试呢?今天就来简单的和大家探讨一下.本文的最终目的希望能达到:1.如何简单的防止你的程序被他人恶意调试2.逆向思维学会如何更好的调试具体实现防止调试的方法,这里我们主要是通过不断debugger的方法来疯狂输出断点,让控制台打开后程序就无法正常执行我们都知道debugger只有在控制台被打开的时候才会执行,所以后面的所有方法都是围绕着这一特性来进行,废话不多说,我将通过以下几个案例向你们展示

前端性能优化-加载优化1. 资源加载优先级在浏览器发起网络请求时，并非每个字节都具有相同的优先级，所以，浏览器通常会对所要加载的内容进行推测，将相对重要的信息先呈现给用户。比如浏览器一般会先加载CSS，再去加载JavaScript脚本和图像文件。当然，浏览器的判断并不一定都是准确的，下面就来看看如何影响浏览器对资源加载的优先级。浏览器是基于自身的启发式算法，会对资源的重要性进行判断，来划分优先级，通常从低到高分为Lowest、Low、High、Highest等。比如在head标签中，CSS文件通常具有

移动端适配方案为什么要移动端适配？一般情况下设计稿的设计师按照375的尺寸设计，然而，在现在移动终端（就是手机）快速更新的时代，每个品牌的手机都有着不同的物理分辨率，这样就会导致，每台设备的逻辑分辨率也不尽相同，此时357的设计稿，如果想要还原那基本是不可能了，因为如果一个左右布局，左边如果写死，右边自适应的话，每个设备的右边所展示的内容大小就不尽相同，这是移动端适配就显得尤其重要既然要了解前世今生，我们就从几个概念说起先上一张图下面我们一个个解析屏幕尺寸屏幕尺寸是以屏幕对角线的长度来计量

前端异步处理-手写Promise前言前段时间,分享了一篇Promise的一些基础用法的文章.基本上说清楚了Promise在日常使用中的基础用法,但是真正要理解Promise肯定不仅仅是知道怎么用,最重要的还是要知道怎样实现的.今天,我就简单的手写一个Promise来简单的理解一下Promise的原理.Promisr A+ 规范不论是自己实现Promise还是我们平时使用的官方Promise都是依照Promise A+ 规范来设计并实现的.Promise A+ 规范一步步的实现Promise

前端异步处理解决方案-PromisePromise 创建背景在promise出来之前，前端异步编程解决方案大部分都是使用的回调函数和事件的方式，在不存在多个异步处理时，还可以接受，但是当异步需求多且乱时，传统回调就会陷入一个回调地狱的可怕模式中。为此，社区提出了promise方案来更好的解决异步处理，并在es6中纳入到了语言标准中。Promise的特点从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。promise有三种状态：

https://hondrytravis.github.io/x-spreadsheet-doc/