- 博客(13)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 less整理
LessCSS是一门非程序式语言，没有变量、函数、作用域等概念CSS需要书写大量看似没有逻辑的代码，CSS冗余度是比较高的不方便维护及扩展，复用性不高CSS没有很好的计算能力对开发人员来讲，会因为缺少CSS编写经验而很难写出组织良好且易于维护的CSS代码项目、CSS预编译工具CSS 当前主流的三种预编译器Less（后缀为.less）、Sass（后缀为.sass）、Stylus（后缀为.styl）区别1：Sass和Less都使用的是标准的CSS语法，可以很方便的将已有的CSS代码转为预
2021-05-16 15:21:56
261
原创 art-template整理
官网介绍：art-template是一个简单且超快速的模板引擎，可通过范围内预先声明的技术优化模板渲染速度，从而实现接近JavaScript极限的运行时性能。同时，它同时支持NodeJS和浏览器。在线速度测试。理解在使用js进行前端开放的时候，除了DOM节点的操作以外还有通过json数据的操作。而操作最麻烦的就是使用json生成dom对象，通常要写很多的for循环，if判断之类的代码来支持data向view的转化，十使用模块引擎，可以很大程度上简化这个过程。作用使用模板引擎提供的模块语法，可以将数据
2021-05-14 20:59:13
1348
原创 canvas个性化时钟
效果演示简介十二小时制的时钟，刻度在圆盘上面显示，交叉线顶角为分和秒的刻度。时分秒：最小的是秒、中等的是分、圈内的蓝点为时。中心圆：随着秒钟缩小，数字时钟的显示。
2021-05-02 20:06:05
1152
5
原创 video的基本使用
video的基本使用效果基本的视频播放效果：播放、暂停、快进、退后、快放、慢放、音量大小、全屏效果。HTML<section class="box"> <article class="tv"> <video src="va/4video.webm" id="tvs" controls></video> </article> <nav class="buts"> <button>播放&l
2021-04-20 17:15:41
3409
原创 数组去重的方式练习
数组去重方法一思路：使用indexOf判断新数组是否存在指定的值，不存在就添加，存在就跳过。返回新数组不改变原数组。数组：var arr2 =[1,5,6,3,2,4,1,5,6,3,2,4,8,9,5,4,22,55,41,23,64]; function delArrRepeat1(arr){ var newArr = []; //定义一个空数组 for(var i = 0;i<arr.length;i++){ if(newArr.indexOf(arr[i
2021-03-27 20:59:41
303
1
转载 转发2021年最新Web前端面试题精选大全及答案
2021年最新Web前端面试题精选大全及答案转载位置： 添加链接描述https://blog.youkuaiyun.com/HanXiaoXi_yeal/article/details/112306277
2021-03-25 11:29:46
629
原创 Page_slider.js 的使用
Page_slider.js 的使用css代码 <style type="text/css"> .layer:nth-child(odd){background-color: aquamarine} .layer:nth-child(even){background-color: brown} </style>HTML格式最外层盒子 id 符合标识符规则即可 ，内层盒子 id 一定要设为 bigBox ，最内层 class 为 layer，一个layer
2021-03-20 18:00:05
355
原创 复选框实现。全选、全不选、多选
复选框实现全选、全不选、被选；html代码 <input type="checkbox" id="checksboxs">全选 <input type="checkbox" class="checks1"> <input type="checkbox" class="checks1"> <input type="checkbox" class="checks1"> <input type="checkbox" class="chec
2021-03-13 23:08:39
540
原创 金字塔效果加css3动画
动画效果实现六芒星：sum 为 0；animation执行时间为 .1s螺旋丸：sum 为 0；animation执行时间为 .2s俯视螺旋桨：sum 为 5~10效果最佳；animation执行时间为 .1s;保护伞：sum 为 5~10效果最佳；animation执行时间为 .2s;金字塔：去掉动画；css代码body{background-color: #000000} .jzt{height: 10px;margin:30px auto;margin-bottom: 20px;w
2021-03-13 18:26:38
379
原创 求整数1～100的累加值，但要求跳过所有个位为3和3的倍数
1.求整数1～100的累加值，但要求跳过所有个位为3和3的倍数 的数，例如跳过 3,6,9,12,13,15…代码 var sum = 0; for(let i = 1;i<=100;i++){ if(i%3 == 0 || (i%10) == 3){ console.log(i) continue; } sum += i; } console.log(sum)...
2021-03-13 17:54:48
5670
原创 计算100以内的偶数和，和1-50的奇数和一个循环解决
代码 var odds = 0;// 1-50 的奇数和 var evens = 0 //1-100 的偶数和 for(let i = 1; i <= 100; i++){ //1-100偶数和 if(!(i%2)){ evens += i; continue; } //1-50的奇数和 if(i >= 50){ continue; }else{ odds += i; }
2021-03-13 17:50:12
781
原创 JavaScript 删除数组内指定的数字
代码方法1：返回一个新数组// 移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr，结果返回新的数组function clearArrItem(arr,item){var arrs=[];for(var i = 0;i<arr.length;i++){if(arr[i] !== item){arrs.push(arr[i])}}return arrs}var arrs = [1,2,5,4,2,1,5,2,1,2,5,42,1,4,11,1,1,1
2021-03-07 00:06:11
1326
原创 新手
这里写自定义目录标题学习目标：学习内容：学习时间：学习产出：欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入学习目标：提示：这里可以添加学习目标例如：一周掌握 Java 入门知识学习内
2021-03-07 00:00:54
118
Page_slider.js v-0.1
2021-03-20
改变 margin-top 值之后刷新页面不会还原，谷歌浏览器会出现这个问题。
2021-03-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人