前端

前言我的第一份IT工作是Web前端，转眼已过去8年，之前在学习Flutter的时候情不自禁想起了当年苦逼的div生活，之后还略微研究了一下JetPack Compose。这两个库都是代码实现GUI，关于JetPack Compose的用法一直颇有争议，有人说在Android上，使用代码布局是技术的倒退，这一点我有一些自己的看法：Android把布局和代码分离，必须说非常有眼光，相比其他平台，例如ios，Android开发者非常幸福。由于开发者对于App的性能要求越来越苛刻，使用XML布局，每次都需要

1、 性能（1） 前端性能优化主要方式：浏览器缓存、CDN加速、反向代理（2） 应用服务器性能优化主要方式：代码优化、做缓存、异步操作、使用集群（3） 数据服务器优化主要方式：升级硬件配置、视图索引、读写分离、分库分表2、 可用性（1） 高可用的服务主要方式：服务集群（2） 高可用的数据主要方式：CPA原理、数据备份、失效转移（3） 高可用的保证主要方式：自动化测试、自动化发布3、 伸缩性（1） 弹性设计的类别（2） 应用服务器集群的伸缩性设计（3） 分布式缓存集群的伸缩性

gateWay全局异常配置每天多学一点点~话不多说，这就开始吧…文章目录gateWay全局异常配置1.前言2.思考思路3.代码实现4.测试5.结语1.前言最近一周在弄spring-cloud的基础架构，试着在网关这一层做统一的异常处理，返回统一信息，这样对前端比较友好。一开始无头绪，试着慢慢分析，这里做一下总结。2.思考思路说到底网关也是个单体的springboot项目，springboot是自动装配，在没有引入网关之前，其处理统一异常的类在org.springframework.boot.

今天一大早被公司的IOS喷一脸，前段时间看他们安卓和IOS比较忙，界面比较多，然后我就零时抽出来帮他们用H5编写一些简单的界面，今天早上开始对接，刚开始我就考虑适配的问题，所以之前写了几个界面测试过，但是使用的苹果6的手机，非全面屏，但是今天用自己的苹果X调试的时候，就出现问题了！这里顶部就被IOS原生的导航栏给覆盖了一个状态栏的高度！然后IOS我社会楠哥就开始喷我，哈哈，说然我调试配，我去！想想还是教他做事，让他修改一下webview的设置！这是我找他要来的代码，大致就这意思！- (WKWeb

文章目录前言正文1. 项目初始化2. 精简项目3. 替换mock接口，对接后端接口3.1 修改/src/api/user.js3.2 修改项目中请求方式4. 效果展示参考相关文章前言本系统技术栈用到了Dubbo、Zookeeper、SpringBoot、Oauth2、Swagger、Nginx，项目刚开始起步，每完成一个大功能都会专门写一篇博文来记录技术细节以及遇到的技术难点，如项目中有哪些设计或者架构不太正确的地方，请大家在留言区中提出，互相学习~前两篇博文已经详细讲解了如何搭建项目基础架构以及My

前端时间很多人私信我，问我怎么修改。这里就直接把方法给出来，有什么不懂的可以来问一下我V：jh831x 。或者直接找我帮你制作，简单，方便，快捷这里我把方法分享出来、具体步骤：1、准备一个备案的域名和空间，绑定域名到该空间去。2、登录微信公众平台，进入“公众号设置”的功能设置里面填写js接口安全域名，这个要填写的是你微信浏览器要打开的域名地址，不能添加IP地址。3、引入js文件，在需要调用js接口的页面接入JS文件。http://res.wx.qq.com/open/js/jweixin-1.

Hbuildx使用uni-app新建微信小程序项目欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown

先看下效果最原始版可以直接复制即用后续会出进阶版（代码+数据表）现在版本是每成功连接一个人就频道加1，在后面的开发中需要一个人一个频道，像唯一的Uid一样，这样才是真正的聊天。请看进阶版在测试的时候需要注意前端代码调用接口的地址和端口，据自己的情况来写原始版用的纯spring boot先奉上配置和目录结构此处奉上云盘连接https://pan.baidu.com/s/1X756_r3OD4FvDhBmJ-Civg提取码：6raa<!-- socket --&g

触发事件：项目中需要对用户信息进行匿名化处理，就是对接口返回的信息进行再次的处理。处理方法①：直接在接口信息返回前，在进行返回数据的匿名处理。处理方法②：增加过滤器，接口调用返回到前端前在进行一次过滤。处理方法③：增加拦截器，在postHandle中处理数据。首先说一下：过滤器以及拦截器区别①拦截器是基于java的反射机制的，而过滤器是基于函数回调。②拦截器不依赖与servlet容器，过滤器依赖与servlet容器。③拦截器只能对action请求起作用，而过滤器则可以对几乎所有的请求起作用

1.先在src下创建个文件夹，我的文件夹名字叫view，然后再文件夹中再创建两个文件夹，一个是index，另一个是想跳转出来的多页面，我的多页面文件夹名字叫dingding。2.然后把public目录下的、src目录下的main.js、App.vue挪到index文件夹中。然后改一改里面的路径（就是改路径这一步困住了我两天。有一个地方没改就一直没出来）3.把上面的三个文件也复制进dingding文件夹中，但是要把里面的内容都删掉，让那三个文件变成新文件。4.在项目的根目录下新建v

最近在做一个前端项目，做了一个pc端的和一个移动端的，就想着可以把这两个页面关联起来，在pc端打开的时候展示pc端的页面，移动端打开展示移动端的页面，进而提升用户体验哈哈然后自己在网上找了很多中方法，大都有一个问题，就是打开网页的时候加载很慢，要等个好几秒才能加载出页面，用户体验极差，找了很久终于找到一个比较好的方法，页面加载也很快。

设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。常用的设计模式包括单例模式、工厂模式、建造者模式、代理模式、中介者模式、观察者模式、策略模式等。下面以我本人理解介绍这几种模式1、单例模式这种模式涉及到一个单一的类，该类负责创建自己的对象，同时确保只有单个对象被创建如图：单例分为懒汉模式和饿汉模式，...

目录uniapp的小程序无法支持v-showv-if会与canvas发生冲突最近接到了一个开发小游戏的项目，一共由四个小游戏组成，前三个因为开发难度不大所以很快就完成了，但最后一个游戏时，却遇到了不少的问题，本人从未遇到过，所以记录下来，帮助其他人。uniapp的小程序无法支持v-show我们都知道，在界面元素节点需要反复切换显示时，v-show的效率肯定是比v-if高的，本来我很多时候都打算用v-show，但发现在小程序中根本没有任何效果，才在官方的文档中看到有关此问题的解释。v-if会与can

vue项目批量加载url文件并打包到zip下载项目里之前是遇到这样一个需求哈，需要根据选择的不同动态批量生成并下载图片，而且这个图片不是一张一张生成下载，而是要等他选好条件之后，把对应的图片动态生成后打包到一个zip压缩包里，然后下载，让客户更方便好吧，我记记我怎么个思路过程动态生成图片我之前的博客写到了，在后台生成的可下载。批量多个的话 那就把这个下载图片的url给存到数组里，遍历链接使用vue里的axios下载返回的promise对象得到的所有对象，使用file-saver保存到zip

验证码的类型有很多，有短信验证、滑动拼图、普通图形验证等。下面我写是普通图形的验证，这种验证比较常用也是比较普遍，比较简单一种方式。这个验证码主要的方式是有大小写祖母和0-9数字，随机生成的四位验证码。为了验证码的强度所以特地给加上了干扰线和干扰点。 下面总结:验证码的实现过程。1.首先是前端页面代码，给一个图片标签就OK，因为返回看到是以个图片的格式。在标签中加入servlet路径就可接收都方法返回的图片了 2.这一句是用刷新验证码3.页面码已经写完了，下面...

前言过了下SpringMVC，简单总结一下。知识点一. 基本概念1.1 三层架构表现层：即web层，负责接收客户端请求，向客户端返回响应结果。通常客户端通过http协议请求web层，web需要接受http请求并完成http响应。表现层包括展示层和控制层，展示层负责结果的展示（前端），控制层负责接收请求（servlet）。MVC是表现层的常用设计模型，SpringMVC是MVC模型的一个具体的实现框架业务层：即service层，负责业务逻辑处理，与开发需求息息相关，web层依

文章目录1. Ajax 基础1.1 传统网站中存在的问题1.2 Ajax 概述1.3 Ajax 的应用场景1.4 Ajax 的运行环境2. Ajax 运行原理及实现2.1 Ajax 运行原理2.2 Ajax 的实现步骤2.3 服务器端响应的数据格式2.4 请求参数传递2.5 请求报文2.6 请求参数的格式2.7 获取服务器端的响应2.7.1 Ajax 状态码2.7.2 onreadystatechange 事件2.7.3 两种获取服务器端响应方式的区别2.8 Ajax 错误处理2.9 低版本 IE 浏览器的

代码是写出来给人看的，附带能在机器上运行前言为提高团队协作效率，便于开发人员添加功能及后期优化维护，同时输出高质量的文档，我们必须保证每一个 Vue 组件（等同于模块）专注于解决一个单一的问题，独立的、可复用的、微小的和可测试的，因此通过配置进行代码强约束对于一个项目来说是非常必要的目录ESlint (插件化的 JavaScript 代码检测工具)commitlint (规范git提交信息)stylelint (css代码审查工具)prettier(统一前端代码风格)cli con..

在因特网上传送URL，只能采用ASCII字符集，即是常说的get请求只能使用ASCII 字符也就是说URL只能使用字母和数字[0-9a-zA-Z]、一些特殊符号$-_.+!*’()[不包括双引号]、以及某些保留字（空格转换为+），才可以不经过编码直接用于URLRFC文档的建议：这意味着 如果URL中有汉字或者不在ASCII字符集中的特殊符号，就必须编码后才能使用。对于非ASCII字符，RFC文档建议使用utf-8对其进行编码得到相应的字节，然后对每个字节执行百分号编码可以看到a!@$%%5E&

学生提问如下：白老师你好！我上学时候没有认真上学，没有考上高中，但对电子技术比较感兴趣，现在主要工作是烙铁焊接，常见的芯片和阻容，都能焊接，自学了单片机，c语言，并且还学了基于ad软件的六层板的pcb设计，正在学基于阿里狗的仿真，还计划购买原理图这块的设计，想换个工作，但没有项目经验，想找单片机编程的工作，老师有啥建议吗?白纪龙老师解答如下：(1)首先针对于大家最近共同的问题给大家分享下，然后可以作为你的问题的其中一个参考，很多人目前或者换工作或者刚刚拿到offer，而且有两份以上的offer但是不.

网页端使用主流的vue进行搭建。在element和iview之间选择了iview这个前端框架。从个人角度element对开发者更加友好一些，很多内置的方法、组件都可以自定义实现，而且element社区要比iview活跃的多。那么为什么最终选择了iview呢，因为iview的界面ui比element相对丝滑一些。比较符合我的审美。主要原因还是因为懒惰。去年我已经用iview开发过了一套系统。所以这次就直接复用了之前的用户、权限、机构、角色这些大模块。减少了一部分工作量。当然后续如果有机会肯定是优先选择...

随着人工智能不断发展，人脸识别技术依靠人工智能技术不断应用在各行各业中，人脸识别门禁就是其中之一，通过人脸识别门禁，从源头上防范因外来人员引发的安全问题，人脸识别门禁主要有以下这些功能：1、支持实时比较捕获的图片和黑名单数据库。基于前端高清摄像机或人脸捕捉摄像机，通过系统或捕捉摄像机在实时视频中检测人脸，跟踪人脸的运动轨迹，捕捉最清晰的帧进行存储。2、利用已有的人脸图片或系统检索到的人脸图片，选择目标人员的人脸图片，分析目标人员“从哪里来，去哪里，沿途经过哪里”。3、面部查询。支持面向动态快照数据.

RFID叉车读写器在智能仓库收发货环节中的应用一、RFID技术与难点在RFID智能仓库应用解决方案中，收货和发货两个作业环节都存在着RFID叉车读写器采集和门式采集装置(Portal)采集两种可选择方案。我们之所以推荐选用RFID叉车读写器采集方案，主要是基于以下原因：1、对作业过程中可能出现的差错防范能力更强，成本更低几乎所有的仓库作业过程中都离不开叉车，因此，在叉车上设置前端数据采集工作站可以实现单作业步骤的防错，即在每一个作业步骤开始之前由系统自动做出审核和校验，对于改进提高仓库管理水平的作用

uniapp分两种更新机制：一、整包更新(这种方式比较繁琐，即每次更新之后就要打云包，更新整包，用户体验也不好)二、资源包更新，即wgt（因第一种方法想到利用资源更新，用户体验大大提升，用户更新之后无需跳转到应用市场或者浏览器去重新更包，俗一点就是无感更新）wgt热更新的注意点一、必须要获取appid二、配置需要的版本名称和版本号三、判断平台，区分安卓ios获取相对应的下载连接（第一次整包需要，之后全部是wgt资源包的下载地址）四、在本地打包时和热更新时，App版本和wgt.

菜就是菜，菜就是原罪前言  为什么要在js中使用axios，直接使用jquery中的ajax不好吗？  事情是这样的，我用weui写一个页面，但是需要用到日期时间选择控件，我就找了一个，需要引入一个工具叫做zepto.weui.js。但是神奇的是，引入这个东西之后，我直接使用$.ajax失败，怎么都发送不了ajax。把它去掉之后就可以使用ajax了。就在我想要放弃使用这个控件的时候，我突然发现项目中引入了axios。  这让我很惊喜，简直是柳暗花明又一村啊，我用它发个简单请求完全没有问题。问.

主要内容做前端开发的人，对字体图标（iconFont）应该都不陌生（感到陌生的人自己去搜索普及下知识吧( ￣┏＿┓￣)）。实际原理就是ICON打成字体，然后通过CSS设置字体的样式来生效。但是，这是在H5相关开发及其延伸开发时用到的。那么，原生Android开发中，应该怎么使用这些图标呢。下面就给大家介绍一下在Android原生开发中的使用方法。本方法基于Android Studio工程使用，Eclipse的使用者请自行摸索，主要是assets的位置问题。首先，准备好一个字体图标文件，一