#目录[TOC]一、初识微信小程序1、什么是微信小程序Ⅰ-小程序历史2017年度百度百科十大热词之一微信小程序，简称小程序，英文名MiniProgram，是一种不需要下载安装即可使用的应用(张小龙对其的定义是无需安装,用完即走,实际上是需要安装的,只不过小程序的体积特别小,下载速度很快,用户感觉不到下载的过程)小程序刚发布的时候要求压缩包的体积不能大于1M,，否则无法通过，在2017年4月做了改进，由原来的1M提升到2M；2017年1月9日0点，万众瞩目的微信第一批小程序正式低调上线。Ⅱ-小程序的优势微信有海量⽤⼾，⽽且粘性很⾼，在微信⾥开发产品更容易触达⽤⼾；推⼴app或公众号的成本太⾼。开

　　最近在做异步导出的功能，导出的过程中前端另外启动一个查询导出进度的线程接口。如果导出完成后，把生成的文件上传到服务器，返回给前端一个文件的下载地址；前端自动打开这个地址进行跳转下载。有两种方式1.直接使用js自带的方式打开链接　　这种方式有一个问题，会被浏览器自动拦截弹出的窗口：”已阻止弹出窗口“，导致用户下载文件失败，会认为程序报错。可以用方案2window.open(url) 2.用代码创建一个隐藏的a标签　　用代码创建一个隐藏的a标签，把下载地址赋值给a标签的href属性，然后用js模拟鼠标点击进行下载文件。constlink=document.createElement('a');

哈喽！大家好！我是程序视点的小二哥。前端开发中，总会遇到这样一个困境：动画还原。对于前端开发工程师，有的是这样做的。照着设计动画模仿，猜测动画时长，手创建贝塞尔曲线……调整细节耗时耗力，效果还差强人意...好不容易实现了，还原度却达不到要求在被UI设计折磨一顿后，小二哥找到了解决这个困境的方案。它就是今天的主角：LottieLottie简介Lottie是Airbnb开源的一个面向iOS、Android、ReactNative的动画库，能分析AE导出的动画（需要用bodymovin导出为json格式），并且能让原生App像使用静态素材一样使用这些动画，完美实现动画效果。下面是Lottie提供的官

在每个Web应用程序中，作为用户直接可见的应用程序外观，“前端”包括：图形化的用户界面、相应的功能、及其整体站点的可用性。我们可以毫不夸张地说：如果前端无法正常工作，您将无法“拉新”网站的潜在用户。这也正是我们需要对Web应用执行前端测试的重要原因。为了确保Web应用无论发生了何种变更之后，其对应的前端都能够与bug“隔离”，我们需要针对前端开展各种测试，主要包括：测试应用程序的基本功能、用户的界面和整体的可用性。此外，如下因素也是驱动我们进行测试的其他方面：开发人员对于JavaScript文件的变更，通常会导致前端无法正常工作。哪怕是对CSS进行少量的修改，也可能破坏前端的外观布局，因此我们

文章目录微服务架构简介微前端架构简介微前端与微服务的融合1.共享服务2.基于事件的通信3.统一的身份和认证4.交付管道的集成示例：使用微服务和微前端的电子商务平台微服务架构微前端架构融合微服务和微前端结论🎉欢迎来到架构设计专栏~架构的未来：微前端与微服务的融合☆*o(≧▽≦)o*☆嗨~我是IT·陈寒🍹✨博客主页：IT·陈寒的博客🎈该系列文章专栏：架构设计📜其他专栏：Java学习路线Java面试技巧Java实战项目AIGC人工智能数据结构学习🍹文章作者技术和水平有限，如果文中出现错误，希望大家能指正🙏📜欢迎大家关注！❤️在当今快速发展的软件开发领域，架构设计一直是一个不断演化的领域。随着技术的不

说在前面：最近一直在用layui处理表格写的有些代码感觉还挺有用的，顺便记录下来方便以后查看使用；HTML处代码拿到id渲染位置表格divclass="layui-table-bodysalaryTable">tableclass="layui-table"id="ID-table-salary-parse"style="display:block">/table>/div>CSS.layui-tableth{background-color:rgb(199217234/78%);/*设置表头的背景颜色*/color:#2e2e2e;/*设置表头的文本颜色*/font-weight:bold;

一、实验题目:轮播图二、实验内容简介1．整体布局：图片、左右按钮、数字列表、添加删除按钮2、左右箭头滚动3、小圆点滚动4、自动轮播5、鼠标动作：指向和离开6、添加与删除三、实验过程1.需求分析整体布局：设计一个轮播图，中间部分为自动轮播的图片展示区域，每张图片的左上方显示图片的序号，左右箭头按钮用于切换图片，右下方小圆点数字列表用于导航到指定图片和显示当前展示图片的序号，且与显示的图片序号相同的小圆点按钮的背景颜色为红色。在点击左右箭头按钮或小圆点按钮时，图片进行滚动且与滚动后的图片序号相同的小圆点按钮变为红色，当显示的图片为第一个时再按向左按钮时显示最后一个图片。当鼠标移动到箭头时，鼠标图标

相对路径与绝对路径解析前言实际工作中，通常会创建一个文件夹专门用于存放图像文件，这时在页面中插入图像，就需要采用路径的方式来指定图像文件的位置。要想正确地使用路径，就必须先搞清楚两个概念：相对路径与绝对路径。一、概念1、绝对路径（1）绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。（2）分为两种情况：物理绝对路径、网络绝对路径物理绝对路径：指电脑磁盘的真实位置（一般带有真实盘符）如：“D:/HTML/HTML学习/03Day/01路径解析.html”(通常工作中不会使用此方式)网络绝对路径：指网络中的完整的地址，例：“ht

1、常见的水平垂直居中实现方案最简单的方案是flex布局.container{ display:flex;align-items:center;justify-content:center;}绝对定位配合margin:auto(一定要给.son宽高).father{position:relative;height:300px;}.son{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:50px;height:50px;}绝对定位配合transform实现.father{position:relative;}.s

前言最近零零散散的对刚接手的一个新项目做了一些优化，白屏、打包相关的内容都涉及到了，写一篇文章来记录一下。白屏相关DNS预解析、资源预加载对于项目中有很多静态资源涉及到的公共域名，如g.alicdn.cmon，采用DNS预连接+解析：对于项目中一些必要的JS资源，采用资源预加载，可以大幅度缩短资源加载时间：结果：整体白屏时间降低400~600ms。页面级路由懒加载原本项目打包出来的JS文件只有一个bundle.js，涵盖了整个项目的业务代码，对于业务方来说来说，可能访问最多的就是新增和详情两个页面，所以对于首屏加载是不友好的，应该优化成访问哪个页面加载对应页面的资源，基于Ice2.0调研，将路