小蚂蚁oo-优快云博客

转载 devops之jenkins配置

前言前端实现CI CD有很多种方法，例如Github Actions、GitLab runner、jenkins等等，今天我们来讲一下jenkins的配置步骤配置JAVA环境JAVA简介JAVA环境分为两种：JDK/JRE，JDK为开发环境更加全面所以安装这种JAVA是Oracle维护的，所以先去官网:https://www.oracle.comJAVA SE是稳定版下载地址:https://www.oracle.com/technetwork/java/javase/downloads/j

2022-05-22 09:02:33 346 1

转载你真的懂标签如何嵌套？

前言有类似掘金首页菜单栏这样一个需求：hover之后出来一个标签列表，你的前同事是使用js脚本去实现页面跳转的，但是现在要求直接使用链接实现跳转；之前的旧的html是这样的：<ul> <li> 后端 <div> <span>后端</span> <span>Java</span> <span>算法&l

2022-05-22 08:19:20 870

原创 HTML语义化

前言HTML最常见的一个面试题就是：请谈一谈HTML语义化语义化标签表明内容的标签： header：头部，比如顶部栏 title：标题 ...

2022-05-21 21:01:52 156

转载背景图还是img这是一个问题吗

前言对于任何一个C端产品，图片都是占比最大的内容之一，处理好图片不仅有利于网站的seo、性能，更能够提升用户的体验，带来可观的转化率。我们在日常编码遇到最多的一个图片问题就是：应该用img还是background？Img标签src属性：图片路径，必传；当然也可以不写，不写的时候会发生很奇妙的事情呢！打开“https://translate.google.cn/”，然后执行下面的代码const img = document.createElement("img");document.body.a

2022-05-21 16:46:37 194

原创 PC横向单屏swiper+视差效果

1swiper开启视差模式1.1关键属性parallax: true(初始化时加上这一条，马上就能开启视差效果的大门)data-swiper-parallax="-100"(动画的平移值，一般为X)data-swiper-duration="2000"（动画持续时间）可不止要注意这些属性呢！！还有一个属性需要注意：一般来说data-swiper-duration>sp...

2018-11-28 22:33:57 1635

原创小程序项目实战之readerMovie（一）

前言很多人一开始都觉得小程序是小菜一碟，因为学过三大框架，熟知数据驱动的同学一定会认为能很快学会小程序。然而事实并非如此，因为小程序的错误很隐秘，有的问题很难去调试，只能摸着石头过河现在我就想把我过河的一些心得分享出来，让大家少走弯路小菜--萝卜和青菜————不要小看了萝卜和青菜，它们也会塞牙齿缝从本地数据到渲染到视图上大概要经历这么几个过程：①定义页面(app.jso...

2018-11-26 07:31:42 302

原创一周项目总结

一周项目总结(20181027)：1.原生选择框（仅限于移动端使用）<div class="choose-box"> <p class="rel"> 请选择游戏角色 </p> <select class="real-sel" id="role" title="角色选择&qu

2018-10-27 12:44:39 180

原创页面优化之懒加载与预加载

1.前言PC端网速较快，现在普通都是百兆宽带，那么折算一下就是10M/s的下载速度，基本上资源如果在10M以内的话加载还是比较快的。但是移动端就不行了。移动端需要消耗巨额的流量，所以尽量减少移动端流量消耗成为了移动端Web页面的一个重要需求。一般前端页面的加载方式就分为两种：懒加载和预加载，懒加载也叫lazyload，两者容易混淆，2.预加载2.1预加载运用场景在制作图片墙...

2018-10-12 07:39:49 1807

原创 react学习之路————react-router

原以为要像vue-router那样专门搞一个路由文件，后来才发现react的router在配置方面要比vue简单的多，就是引入两个组件就OK了安装react-router-dom插件安装之后引入组件：import {BrowserRouter, Route} from 'react-router-dom'然后直接把Route组件嵌在BrowserRouter之中就可以了，注意Br...

2018-10-06 16:34:38 160

原创 react学习之路————redux

1.创建文件目录*createStore------创建store实例*reducer------------对当前state的拷贝修改*actionTypes------把所有的action名称写在这里*actionCreator----创建action对象的方法封装2.获取state和改变state获取：store.getState()改变：store.subscr...

2018-10-05 08:49:33 180

原创 react学习之路————react基础知识

react基础知识1.什么是pwa？pwa=渐进式web应用pwa的好处：实现类似于app的离线缓存功能react中的registerServiceWorker+manifest.json就是用来实现这个功能的2.react定位2.1 声明式开发：面向数据(区别于jquery和原生js：面向过程)* 比如造房子：react提供图纸即可自动进行，jquery：需要明确...

2018-10-03 16:05:16 261

qq_39494812的博客