随笔分类 - html\css
摘要：1、元素位移translate(左边,顶边) div{ transform: translate(50px,100px); -ms-transform: translate(50px,100px); /* IE 9 */ -webkit-transform: translate(50px,100px
阅读全文
posted @ 2021-07-12 20:18
浅笑·
摘要：前言 近期在学习 vue 框架，在学习过程中，发现了一个和 mockjs 类似的第三方库: json-server。它不仅可以模拟出完美的接口数据，还可以修改请求的类型来修改本地的数据，是一个非常不错的库，所以分享记录一下使用心得。 快速上手 一.新建存储数据的文件 在电脑上创建一个专属于 json
阅读全文
posted @ 2021-07-12 20:16
浅笑·
摘要：Sass Vs Scss Sass 有两种语法。 第一个被称为 SCSS（Sassy CSS），在本参考文献中一直使用，它是 CSS 语法的扩展。这意味着每个有效的 CSS 样式表，都是具有相同含义的有效 SCSS 文件，两者完全兼容。下文描述的 Sass 功能增强了此语法。使用此语法的文件扩展名为
阅读全文
posted @ 2021-07-12 20:15
浅笑·
摘要：1px问题 京东商城解决方案：伪元素 + scale .div::after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #bfbfbf; borde
阅读全文
posted @ 2021-07-12 20:13
浅笑·
摘要：一、 不定宽高元素水平垂直居中 1、transform: translate() <div class="wrapper"> <p class="center">水平垂直居中</p> </div> .wrapper{ color: rgb(92, 99, 112); font-style: ital
阅读全文
posted @ 2021-07-12 20:10
浅笑·
摘要：一、浏览器支持 表中的数字指定完全支持该属性的第一个浏览器版本。（来源于百度） 数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。 属性ChromeFirefoxSafariOperaIE linear-gradient 26.0 10.0 -webkit- 10.0 16.0 3
阅读全文
posted @ 2021-07-05 19:23
浅笑·
摘要：身处当前数字化社会，打造个人品牌，越发显得重要（自我推销）。对于从事技相关的人群，欲要树立并长时间保持自己的个人品牌，最便捷的方法无疑是：坚持长时间高质量输出原创文章。就择取合适的博文平台，也是项技术活儿；本文主旨，就针对这承载文字的各类平台，结合其功能特点，探讨下其优劣所在，以便可为更多朋友，就如
阅读全文
posted @ 2021-07-05 19:22
浅笑·
摘要：准备工作 在下载 CSS 框架之前，先用 Vue CLI 创建一个新项目： npm install vue-cli vue init webpack project-name 安装并集成 Bootstrap 4 创建并初始化新的 Vue 项目后，用 npm 下载 Bootstrap 4。由于 Boo
阅读全文
posted @ 2021-07-05 19:21
浅笑·
摘要：一、SQL注入漏洞 SQL注入攻击（SQL Injection），简称注入攻击、SQL注入，被广泛用于非法获取网站控制权，是发生在应用程序的数据库层上的安全漏洞。在设计程序，忽略了对输入字符串中夹带的SQL指令的检查，被数据库误认为是正常的SQL指令而运行，从而使数据库受到攻击，可能导致数据被窃取、
阅读全文
posted @ 2021-07-05 19:20
浅笑·
摘要：CSRF概念： CSRF跨站点请求伪造(Cross—Site Request Forgery)，跟XSS攻击一样，存在巨大的危害性，你可以这样来理解： 攻击者盗用了你的身份，以你的名义发送恶意请求，对服务器来说这个请求是完全合法的，但是却完成了攻击者所期望的一个操作，比如以你的名义发送邮件、发消息，
阅读全文
posted @ 2021-07-05 19:19
浅笑·
摘要：第一步：先下载pdfjs，网址：PDF下载地址，再引入到项目中，我是标签直接引用的 <script src="pdfjs/build/pdf.js"></script><script src="pdfjs/build/pdf.worker.js"></script> 第二步：html代码添加两行代码
阅读全文
posted @ 2021-07-05 19:18
浅笑·
摘要：Hello World 对于每一个开发者来说都不陌生，因为在我们学习任何一个语言或框架的时候，都会有一个Hello World的案例来帮助我们快速入门。 如果我们使用JavaScript来输出Hello World的话，可以这样写： alert("Hello World"); 放入html： <ht
阅读全文
posted @ 2021-07-05 19:17
浅笑·
摘要：css ::marker这是一种实验技术，由于该技术的规格不稳定，请查看各种浏览器的兼容性表格以供使用。另外请注意，随着规范的变化，实验技术的语法和行为在未来版本的浏览器中可能会发生变化。 ::marker元素代表一个列表项的标记框（<li>）。标记通常是一个项目符号或数字。 使用： 在css中di
阅读全文
posted @ 2021-07-05 19:14
浅笑·
摘要：1、wangEditor 基于JavaScript和css开发的 Web富文本编辑器， 轻量、简洁、界面美观、易用、开源免费。 官网地址 2、TinyMCE TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器，由JavaScript写成。它对IE6+和Firefox1.5+都有着非常良好的支持
阅读全文
posted @ 2021-07-05 19:12
浅笑·
摘要：css 中实现水平垂直居中的方式很多。别看到水平垂直居中就准备右上角 x 掉，本文的重点不是罗列有多少种方式实现水平垂直居中方式，而是探讨一下常见的几种水平垂直居中的方式的利弊。 嗯哼？也就是： 那么多种水平垂直居中的方式，如果真的在业务中需要使用了，你脑海里第一时间会想到哪个？ 不同的水平垂直居中
阅读全文
posted @ 2021-07-05 19:11
浅笑·
摘要：1px问题产生的原因 从移动端的角度说个具体的场景，以iphone6为例。 iphone6的屏幕宽度为375px，设计师做的视觉稿一般是750px，也就是2x，这个时候设计师在视觉稿上画了1px的边框，于是你就写了“border-width:1px”，so...1px边框问题产生了。 对设计师来说它
阅读全文
posted @ 2021-07-05 19:09
浅笑·
摘要：一、整体实现的思想 页面中实现录音需要使用浏览器提供的MediaRecorder API,所以要实现页面录音就需要浏览器支持MediaStream Recording相关的功能，即浏览器能够获取浏览器的录音权限。 页面内容，需要一个记录录音开始和结束的按钮，以及一个用于播放录音的标签<audio>
阅读全文
posted @ 2021-07-05 19:08
浅笑·
摘要：1 通过style属性中的 display : none { 这种是最常用方式之一 } display : none 这两种方式的区别是: display 设置为 none之后, 该元素不占用文档流 visibility 设置为 hidden之后, 该元素仍然占用文档流, 只不过是看不见了而已 2
阅读全文
posted @ 2021-06-25 21:25
浅笑·
摘要：一、不BB，直接解密 就是这么一行css： font-variant-east-asian: traditional; 表示当前文字使用繁体变体。 再加粗显示一下： font-variant-east-asian: traditional; 例如： body { font-variant-east-
阅读全文
posted @ 2021-06-25 21:24
浅笑·
摘要：故障1：交换机刚加电时网络无法通信 【故障现象】 交换机刚刚开启的时候无法连接至其他网络，需要等待一段时间才可以。另外，需要使用一段时间之后，访问其他计算机的速度才快，如果有一段时间不使用网络，再访问的时候速度又会慢下来。 【故障分析】 由于这台交换机是一台可网管交换机，为了避免网络中存在拓扑环，从
阅读全文
posted @ 2021-06-25 21:23
浅笑·
浙公网安备 33010602011771号