草庐IT

纯前端

全部标签

家政上门预约服务小程序APP源码uniapp前端模版

​​​​​​​  简介:家政上门预约服务小程序源码是一款专业家政门到门预约服务应用小程序,开源省钱兄家政系统v1版本前端源码,目前只开源用户端V1版本部分模块源码提供学习研究,使用uniapp技术,已获得知识产权提供研究学习使用不可商业,整体项目可以学习到整体一个流程性,适合做个毕业设计或者学习参考使用方法:目前适配支持公众号+APP+H5+小程序,使用Hbuilder导入即可运行,如果出现提示appid错误,自己登录自己的hbuilder账号重新获取一下开源部分功能点说明轮播,热门搜索,历史搜索,定位,服务列表,消息,个人资料,登录注册,忘记密码,修改密码,手机号登录,服务详情,服务下单,我

vue纯前端实现下载excel文件,本地和测试环境都可正常下载

vue2纯前端实现下载excel文件,本地和测试环境都可正常下载。1、把后端给的excel文件放到本地项目文件夹中,位置如图所示:2、在需要展示下载功能的页面中引入该excel文件,如图所示:3、使用a链接,href绑定引入的excel文件路径,并添加download属性,download属性值就是下载下来的文件名称,如图所示:4、重点问题来了,引入文件路径后会发现项目报缺少loader的错误,所以要安装file-loader:npminstallfile-loader5、安装完依赖之后还要在vue.config.js中增加配置:6、然后重启项目,这样就实现下载功能啦~之前尝试过别的方法,可以

前端大屏适配几种方案

 记录一下前端大屏的几种适配方案。我们是1920*1080的设计稿。目录目录一、方案一:rem+font-size二、方案二:vw(单位)三、方案三:scale(缩放)强烈推荐1、根据宽度比率进行缩放2、动态计算2.1、超宽屏最终适配效果四vue中使用一、方案一:rem+font-size       动态设置HTML根字体大小和body字体大小,会使用到lib-flexible.js插件lib-flexible.js(functionflexible(window,document){vardocEl=document.documentElementvardpr=window.deviceP

【Jenkins】Jenkins构建前端流水线

目录一、前言二、新建前端流水线1、点击新建任务2、填写流水线名称(这里我选择的是自由风格的软件项目),任务名称一般格式为:项目名称-前后端3、创建成功后的结果三、配置前端流水线1、进入刚创建好的任务页面中,点击配置2、General配置3、设置项目运行的节点4、源码管理4.1、如果没有配置过git账号的话,需要进行一个git账号的配置5、构建触发器(将触发器全部置为空)6、配置shell脚本6.1、shell脚本根据自己的打包需求进行配置(这里配置对应前端项目打包),下面给出参考项6.2、查看运行项目命令7、添加构建后操作8、保存后点击立即构建9、构建服务是否成功四、查看服务是否启动1、检查服

Java实现视频(mp4/flv/..)及图片(jpg/jpeg/png/..)给前端调用

本期内容总结:在做后端开发的过程中,经常会处理到将视频或者图片返回给前端。下面将封装一种可以简单的方法,前端只需要拼接接口地址+地址链接,即可播放下载。@GetMapping(value="/videoOrImagePlay")@Slf4jpublicvoidvideoOrImagePlay(HttpServletRequestrequest,HttpServletResponseresponse,@RequestParam("path")Stringpath){ InputStreamin=null; ServletOutputStreamout=null; try{ //文件后缀名校验

为react项目添加开发/提交规范(前端工程化、eslint、prettier、husky、commitlint、stylelint)

因历史遗留原因,接手的项目没有代码提醒/格式化,包括eslint、pretttier,也没有commit提交校验,如husky、commitlint、stylelint,与其期待自己或者同事的代码写得完美无缺,不如通过一些工具来进行规范和约束。eslinteslint是一个代码校验工具,用来规范项目代码风格。初始化通过npminstalleslint后使用npxeslint--init来根据问答生成.eslintrc.js配置文件。我的项目是React+JavaScript,这里选择了Airbnd的规则来校验,不同的项目类型可以进行其它的选择。配置详细介绍可以参考这一篇规范代码编写风格就用es

js 实现纯前端将数据导出excel两种方式

方法一将table标签,包括tr、td等对json数据进行拼接,将table输出到表格上实现,这种方法的弊端在于输出的是伪excel,虽说生成xls为后缀的文件,但文件形式上还是html,代码如下html>head>pstyle="font-size:20px;color:red;">使用table标签方式将json导出xls文件/p>buttononclick='tableToExcel()'>导出/button>/head>body>script>consttableToExcel=()=>{//要导出的json数据constjsonData=[{name:'admin1',phone:'

前端Vue框架(2+3)知识点(详细总结)

学习准备:要求note.js是15.0以上版本,熟练cmd命令框命令创建项目命令:npminitvue@latest项目名字:小写英文项目安装:npm/cnpminstall运行项目:npmrundev文件内容:一、模版语法Vue使用一种基于HTML的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的DOM上。所有的Vue模版都是语法层面合法的HTML,可以被符合规范的浏览器和HTML解析器解析!{{}}插值表达式当中只能是单一表达式!验证如下://正确案例练习题1{{statement}}{{number}}{{ok?'yes':'no'}}//先通过空字符串split进行切割mes

【项目6 UI Demo】前端代码记录

前端代码记录1.GridListItem中的布局在这个Item中的布局采用的是VBox和HBox相结合的方式。相关的代码如下:VBoxclass="sapUiTinyMargin">HBoxjustifyContent="SpaceBetween">Titletext="{ToolNumber}"wrapping="true"titleStyle="H5"/>t:InfoLabeltext="{Status}"colorScheme="{ path:'Status', formatter:'.formatter.getStatusColorScheme' }"/>HBox>La

解决前端html2canvas生成图片慢问题

分享一个小发现这里首先直接说结论:        由于html2canvas生成图片的过程会从html的head、body层标签开始遍历,所以对于项目较大,但是只需要对某个dom(下文以D称呼)生成图片的情况非常不友好!        所以,一定要通过ignoreElements过滤掉大部分没用的标签。    至于怎么过滤,我用了dom方法comparedocumentposition(如果有更好的办法可以在评论区分享一下),先用上述方法判断当前遍历的element与D是否有父子关系,有关系则不忽略,没关系的话还要判断是否head标签和样式的link标签和style标签(如style标签较多的