
前端_HTML CSS JS
js
清风不是明月
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js获取本周任意一天或者N天后的日期
【代码】js获取本周任意一天或者N天后的日期。原创 2022-11-03 14:00:33 · 383 阅读 · 0 评论 -
js函数案例
【代码】js函数案例。原创 2022-11-29 11:28:37 · 217 阅读 · 1 评论 -
js正则案例
多个连续的br标签替换成两个连续的br标签。原创 2022-07-20 19:13:53 · 451 阅读 · 0 评论 -
js_数组 函数( filter、map、reduce、foreach、findIndex、some )
一:filter() 函数, 过滤 const nums = [10,20,111,222,444,40,50] // 过滤 for of 方法 let newNums1 = []; for (let item of nums) { if(item < 100){ newNums1.push(item) } } console.log("for of 方法:",newNums1); // filter 高阶函数原创 2022-05-28 10:59:48 · 285 阅读 · 0 评论 -
ES6_对象字面量增强写法
对象字面量写法:const obj = { name = '张三', age = '18', fuc: function(){ console.log('对象中的方法'); }}一:字面量属性的增强写法:// ES5 写法const name = '张三';const age = 18;const obj ={name : name,age : age}// ES6 写法const name = '张三';const age = 18;// 变量名称作为key ,原创 2022-05-23 22:50:07 · 264 阅读 · 0 评论 -
js_数组对象改属排序(含并别排序)
二 : jQuery写法。一 : es6 写法。原创 2022-05-22 17:17:47 · 185 阅读 · 0 评论 -
js_数组对象改属性名 / 数组对象覆盖合并
代码】js_数组对象改属性名。原创 2022-05-22 17:15:08 · 2803 阅读 · 0 评论 -
ES6语法_块级作用域(var、let、const区别)
let 修饰变量const 常量原创 2022-05-08 18:52:46 · 600 阅读 · 0 评论 -
CSS_常用样式例子
1 单行显示 , 超出部分用省略号white-space: nowrap; // 强制文本不换行overflow: hidden; // 隐藏滚动条text-overflow: ellipsis // 溢出文本省略号(代替最后一个字符)显示2 多行显示 , 超出部分用省略号display:-webkit-box; // 对象作为弹性伸缩盒子模型显示 。-webkit-box-clamp:2; // 限制在一个块元素显示的文本的行数。 -webkit-box-orient:horizontal原创 2022-04-21 14:18:12 · 297 阅读 · 0 评论 -
CSS_常用样式(font,background,overflow,border,cursor)
文本样式(font)加载本地字体:font-family: Arial,'Microsoft YaHei',sans-serif字体颜色:color:red;字体大小:font-size: 20px;字符间距:letter-spacing: 4px;文本方向(垂直方向,从右向左阅读):writing-mode: vertical-rl;文本方向(垂直方向,从左向右阅读):writing-mode: vertical-lr;文本竖直(或倾斜)方向text-orientation: mixed;原创 2022-04-01 16:56:15 · 242 阅读 · 0 评论 -
CSS_布局(二维布局:grid)
grid布局:二维布局方式,可以同时控制行和列的排布和对齐方式。属性说明:开启grid布局:display: grid;子元素浮动宽度:grid-template-columns: 1fr 2fr 1fr;子元素固定宽度:grid-template-columns:100px 100px 100px;列间距:column-gap: 20px;行间距:row-gap: 15px;统一设置行间距和列间距:gap:15px; 垂直方向居中对齐子元素(父级有宽和高):align-items: cen原创 2022-02-10 10:41:53 · 539 阅读 · 0 评论 -
CSS_布局(一维布局:flex)
行模式(display:flex):主轴,水平方向。交叉轴,垂直方向。主轴属性:外层容器设置为display:flex,它的直接子元素就会默认按行进行排列靠右对齐:justify-content: flex-end居中对齐:justify-content: center平分空间:justify-content: space-evenly两端对齐:justify-content: space-between/*主轴方向======>(子元素)布局,justify-content属性:*/&原创 2022-02-27 21:40:30 · 282 阅读 · 0 评论 -
CSS_布局(float浮动)
1.使用quartz定时任务依赖 <!--定时任务 start--> <dependency> <groupId>org.quartz-scheduler</groupId> <artifactId>quartz</artifactId> </dependency> <dependency>原创 2021-11-19 21:23:22 · 1154 阅读 · 0 评论 -
div_自动换行
多个 子div 横向排序,超出 父div 宽度后,自动换行 <!--父div 使用display: flex;justify-items: center;flex-wrap:wrap样式--> <div style="display: flex;justify-items: center;flex-wrap:wrap"> <!--子div需要有固定的高和宽--> <div style="width:原创 2022-02-23 15:46:58 · 10619 阅读 · 0 评论 -
CSS_布局(position定位:static,relative,absolute,fixed,sticky,z-index)
CSS定位(position):/* 静态定位: 默认值。正常文档流,从上到下,从左到右 */position:static; /* 相对定位:相对于该元素的默认位置。确定它的默认位置之后,通过left,top,right,bottom属性设置位置的偏移,偏移是相对于默认位置的。但是它所占用的空间还保留在原位(默认位置),其他元素不会挤占它原本的空间 */.box{position:relative; left:15px;top:10px}/* 绝对定位:相对于父级盒子的定位。用于原创 2022-01-13 11:23:53 · 333 阅读 · 0 评论 -
JS_格式转换
一:四舍五入保留2位小数//四舍五入保留两位小数。结果:1.00let a = 1.00002;a.toFixed(2)二:数值 0#的格式//将月份3改为03的格式let date = new Date();(date.getMonth()+1).toString().padStart(2,"0");let a = '3';a.toString().padStart(2,"0")...原创 2022-02-28 11:34:07 · 359 阅读 · 0 评论 -
JS_Set集合_forEach循环
代码: <div description="描述文字" style="display: flex;justify-items: center;flex-wrap:wrap"> <div :class="{'stateRoomEmp':item.peopleCount == 0,'stateRoomALL':item.space==item.peopleCount,'stateRoomNotALL':item.peopleCount&g原创 2021-12-22 09:54:01 · 1527 阅读 · 0 评论 -
Ajax 相关
Ajax语法 $.ajax({ type : 'get',//默认get./get,post(put,delete仅部分浏览器支持) url: '/users/current?token=' + token,//地址 timeout: //请求超时时间,此设置将覆盖$.ajaxSetup()方法的全局设置 cache: //默认是true(当dataType为scrip时,默认是false),设置为false时,将不会从浏览器请求中加载请求信息. async :原创 2021-11-16 09:13:56 · 90 阅读 · 0 评论