し7709

2021年9月10日

摘要：只需修改 width 、height、border-top-right-radius 便可随意使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { 阅读全文

posted @ 2021-09-10 10:28 し7709 阅读(177) 评论(0) 推荐(0) 编辑

文字方向

摘要： writing-mode | direction | unicode-bidi <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> p { overflow: hidd 阅读全文

posted @ 2021-09-10 10:07 し7709 阅读(125) 评论(0) 推荐(0) 编辑

2021年9月9日

filter/backdrop-filter 毛玻璃效果

摘要：对于方式二采用的方式，如果存在边缘模糊程度不够，可以设置扩大伪元素范围（margin: -20px），父元素超出裁剪(overflow: hidden)。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Ti 阅读全文

posted @ 2021-09-09 11:30 し7709 阅读(96) 评论(0) 推荐(0) 编辑

2021年9月2日

公众号走走看看——js

摘要： 1、数字转换字符串/字符串转换数字 2、短循环 3、性能测试（执行时间） 4、交换值 5、合并数组（IE不兼容） 6、数组去重 7、判断给定参数是否是数字 8、获取最大最小值、取随机数（arr.length使得数组下标不超出范围）、清空数组 9、错误处理（obj["b"]是数字，不是函数，不能被调用阅读全文

posted @ 2021-09-02 15:27 し7709 阅读(26) 评论(0) 推荐(0) 编辑

2021年8月31日

hover特效

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, mi 阅读全文

posted @ 2021-08-31 18:04 し7709 阅读(40) 评论(0) 推荐(0) 编辑

网页数字递增——jquery.countTo.js

摘要： html <div class="timer" data-to="633"></div> <div class="timer" data-from="32" data-to="12456"></div> <script src="../jquery-3.1.0.min.js"></script> < 阅读全文

posted @ 2021-08-31 15:26 し7709 阅读(294) 评论(0) 推荐(0) 编辑

异步加载数据——turn.js

摘要： var tostore = GetQueryString("tostore"); var photo_id = GetQueryString("photo_id"); var photo_name = decodeURI(decodeURI(GetQueryString("photo_name")) 阅读全文

posted @ 2021-08-31 08:34 し7709 阅读(287) 评论(0) 推荐(0) 编辑

2021年8月13日

新认识属性

摘要： 20210813 @supports 类似于谋体查询的 CSS 规则，根据用户浏览器支持的 CSS 属性和值设置样式，也可以说是回退机制，比如 var(--color, #333)。可以结合关键字 not | or | and 使用。 /*如果不支持 justify-content: space-e 阅读全文

posted @ 2021-08-13 16:53 し7709 阅读(31) 评论(0) 推荐(0) 编辑

2021年8月2日

SPA

摘要： SPA 单页 Web 应用（single page web application, SPA），就是只有一张 Web 页面页面的应用，是加载单个 HTML 页面并在用户与应用程序交互时动态更新改页面的 Web 应用程序。特点： MVVM：经典 MVVM 开发模式，前后端各负其责。 AJAX：重前端阅读全文

posted @ 2021-08-02 10:28 し7709 阅读(140) 评论(0) 推荐(0) 编辑

2021年7月31日

伪类选择器

摘要： <style> /* 任意父元素中的第一个 div 元素 */ div:first-child { display: inline; background: linear-gradient(45deg, #3FB2FF, #A91EB5); -webkit-background-clip: text 阅读全文

posted @ 2021-07-31 16:39 し7709 阅读(54) 评论(0) 推荐(0) 编辑

公告