web-css - 随笔分类 - myYouth

sass 中使用for 循环以及随机数

摘要：@for $i from 1 through 18 { .dot-posi#{$i} { animation:change 2s ease-in-out (random(5) + 1) + s infinite alternate; } } 阅读全文

posted @ 2020-11-05 10:39 myYouth 阅读(897) 评论(0) 推荐(0)

vue 中使用 VueAwesomeSwiper.js 轮播

摘要：npm install vue-awesome-swiper //版本 4.1.1 //在main.js中切记要对应好版本，不然引入的路径可能不一样 import VueAwesomeSwiper from 'vue-awesome-swiper' import 'swiper/css/swipe 阅读全文

posted @ 2020-11-05 10:37 myYouth 阅读(649) 评论(0) 推荐(0)

html+css 常用布局

摘要：1.中间固定宽度，两侧自适应 1.1 flex布局 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> html,body,div{ height: 100%; } .le 阅读全文

posted @ 2019-10-10 11:27 myYouth 阅读(535) 评论(0) 推荐(0)

css 导航样式

摘要：html 结构 <div class="nav-menu float-r"> <ul class="menu-item"> <li> <a class="full-size" href="index.html"> 首页 </a> </li> <li> <a class="full-size" hre 阅读全文

posted @ 2019-09-09 10:15 myYouth 阅读(800) 评论(0) 推荐(0)

阿里云服务器新手安装nginx

摘要：1.域名购买之后备案。 2.购买服务器。 3.这两个条件具备之后进行下一步。本人使用Mac ，实践流程按照Mac本的流程操作。作为初学者，简配的服务器，实例类型： I/O优化，操作系统： CentOS 7.4 64位 nginx 1.10 ps:为了将本地文件传到服务器，下载filezill 阅读全文

posted @ 2018-10-10 10:54 myYouth 阅读(5602) 评论(3) 推荐(0)

基于canvas绘图缩放做标记

摘要：技术要点： 1.img 绘制到canvas 2.绘制完成以后进行拖拽，缩放 3.使用canvas画图，在绘制的img上进行标记划线，当然可以实现跟过功能，例如百度地图的功能，做单个标记，区域标记等。 4.实现坐标等转换，标记区域的所有坐标都是基于相对原始图片的坐标，便于其他操作。实际项目中的开发实阅读全文

posted @ 2018-06-14 16:29 myYouth 阅读(2098) 评论(8) 推荐(2)

css正方形盒子自适应

摘要：//说明：一个不设置宽高的盒子，如何成为一个正方形：为啥padding-top:30%,width:30%就可以呢因为padding-left；padding-top:padding-right;padding-bottom:设置的百分比是按照父级元素的宽度定的，所有只要其中任何两个组合就，在再加阅读全文

posted @ 2017-03-22 09:59 myYouth 阅读(1645) 评论(0) 推荐(0)

原生js回到顶部

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .test{ background: #ff0000; width:100%; height: 5000px;; } . 阅读全文

posted @ 2017-03-14 18:33 myYouth 阅读(578) 评论(0) 推荐(0)

前端js模糊搜索（模糊查询）

摘要：1.html结构： <label for="searchShop" class="clear pos-a" style="top:17px;"> <input type="text" id="searchShop" placeholder="场所搜索"> <input type="button" v 阅读全文

posted @ 2017-02-16 11:13 myYouth 阅读(28034) 评论(5) 推荐(1)

jquery插件fileupload图片上传（前端如何处理）

摘要：1.页面首先引入jquery，版本不要低于1.6 2.其次页面引入对应的这个五个js,按顺序放置 3.html结构如下：上传头像：重新上传这个样式是这样的：4.css样式如下：如有些结构和样式不一致的，希望自己调整一下 /*上传图片*/.control-gr... 阅读全文

posted @ 2017-02-10 18:28 myYouth 阅读(7688) 评论(3) 推荐(0)

前端代码规范（转载 http://codeguide.bootcss.com/）

摘要：http://codeguide.bootcss.com/ HTML 语法 HTML5 doctype 语言属性（Language attribute）字符编码 IE 兼容模式引入 CSS 和 JavaScript 文件实用为王属性顺序布尔（boolean）型属性减少标签的数量 Java 阅读全文

posted @ 2017-02-10 17:50 myYouth 阅读(291) 评论(0) 推荐(0)

随笔分类 - web-css