随笔分类 - html/css
摘要：JavaScript设置网页无法复制的方法：在JavaScript代码中设置禁用右键菜单、复制、选择等操作，禁用Ctrl+c和Ctrl+v快捷键的使用，通过这种方法就可以实现网页无法复制。 JavaScript设置网页无法复制的方法代码如下： // 禁用右键菜单、复制、选择 $(document).
阅读全文
posted @ 2020-10-02 14:49
酷儿q
摘要：如何使input文本框不可编辑？下面本篇文章就来给大家介绍一下使input文本框不可编辑的几种方法，希望对大家有所帮助。 方法1：使用disabled 属性 disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点，后台也不会接收到
阅读全文
posted @ 2020-10-02 14:48
酷儿q
摘要：在css中可以使用阴影效果属性在html文档中添加边框（图像）阴影。下面本篇文章就来给大家介绍一下css的阴影效果属性，CSS添加阴影效果的方法。 添加边框（图像）阴影 在CSS中可以使用box-shadow属性将阴影应用于文本框。此属性可设置阴影的像素长度，宽度和模糊的距离以及阴影的颜色。 语法：
阅读全文
posted @ 2020-10-02 14:47
酷儿q
摘要：TypeScript的设计目的应该是解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化，不适合开发大型程序。另外它还提供了一些语法来帮助大家更方便地实践面向对象的编程。 那先来看看TypeScript是如何解决这两个问题的。 一. 编译时的强类型 TypeScript设计了一套
阅读全文
posted @ 2020-10-02 14:46
酷儿q
摘要：先说原理 zoom和scale这两个东西都是用于对元素的缩放，但两者除了兼容性之外还有一些不同的地方。zoom缩放会将元素保持在左上角，而scale默认是中间位置，可以通过transform-origin来设置。 另外他们执行的渲染顺序也不同zoom可能影响到盒子的计算。 例子 <style> di
阅读全文
posted @ 2020-10-02 14:45
酷儿q
摘要：为了爬虫, 在网站根目录创建robots.txt文件(utf-8),文件内容涉及四类键值对:User-agent,Disallow,Allow,Sitemap,支持正则, Disallow后没内容就是允许所有 User-agent: * Disallow: Disallow: /cgi-bin/ D
阅读全文
posted @ 2020-10-02 14:43
酷儿q
摘要：最初的思考 思考来源于要给切图网 qietu.com 改一次版，作为前端开发服务商，我觉得应该要有自己的一款前端css框架，并且这个框架不应该只是随便写写，最好能够用在官网上，拿官网做背书，于是在研究了火狐、adobe、微软、google amp等官网以后，写了一款quickly.css响应式前端框
阅读全文
posted @ 2020-10-02 14:41
酷儿q
摘要：前言 前后端分离会带有很多优势，也是当今开发的主流方向，但是也会有些小问题，比如跨域。那什么是跨域呢？很简单的，比如，我在开源中国去访问百度的资源，那就是跨域，只要资源提供方和当前地址不一致就是跨域请求，具体说来就是域名或者ip+port发生了变化。这种机制是浏览器出于安全机制的角度而产生的，防止资
阅读全文
posted @ 2020-10-02 14:40
酷儿q
摘要：我们在div css布局时候，我们会遇到对对象内鼠标指针光标进行控制，比如鼠标经过指针变为手指形状等样式，接下来我们介绍鼠标指针样式cursor控制。 使用css的cursor 属性改变鼠标样式： 示例： <html> <body> <p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p> <
阅读全文
posted @ 2020-10-02 14:38
酷儿q
摘要：css怎么设置文字自动换行？下面本篇文章就给大家介绍css设置文字（特别是连续的数字和英文）自动换行的方法。 关于换行问题，正常字符的换行是比较合理的，但连续的数字和英文字符常常将容器撑大，而不换行，就挺让人头疼了，这就需要进行强制自动换行了。 示例： html代码： <div> <p>正常文字的换
阅读全文
posted @ 2020-10-02 14:37
酷儿q
摘要：有很多刚刚接触css的新手有时会遇到css加载失败这个问题，但测试时，网页上没有显示该样式的问题，这就说明CSS加载失败了。那么为什么会加载失败？css加载失败的原因是什么？ 造成css加载失败的原因有很多，这可能跟你代码出错，浏览器、路径、编码等等都是有关联的。所以在具体情况具体分析。最常见的失败
阅读全文
posted @ 2020-10-02 14:34
酷儿q
摘要：css 是样式、布局和表示的领域。它充斥着颜色、大小和动画。但是你知道吗，它还可以在网页上控制播放声音。 本文介绍了一些技巧。实际上它并不是真正的 hack，而是针对 html 和 css 的严格实现。不过说实话，这仍然是一种 hack。我不建议在生产中使用它，因为音频可能还会被 <audio> 元
阅读全文
posted @ 2020-10-02 14:33
酷儿q
摘要：OffscreenCanvas 是一个实验中的新特性，主要用于提升 Canvas 2D/3D 绘图的渲染性能和使用体验。OffscreenCanvas 的 API 很简单，但是要真正掌握好如何使用。 OffscreenCanvas和canvas都是渲染图形的对象。 不同的是canvas只能在wind
阅读全文
posted @ 2020-10-02 14:32
酷儿q
摘要：只要写手机端的h5页面，viewpoint是绕不过的坎，不处理好这个东西，h5页面就无法正常显示。那它到底是怎么回事呢？ 网上曾看到一个据说很有名的外国人，写过一篇"三个viewpoint"的概念，但是看了，觉得似懂非懂，后来做了不少h5页面，然后重新思考viewpoint到底是一种怎样的控制移动端
阅读全文
posted @ 2020-10-02 14:30
酷儿q
摘要：前言 在写前端页面时，我们经常会用到一些小图标之类的图片，如果使用图片的话代码写起来比较麻烦，最近发现一个方便实用的方法，直接引用就可以了。 一、引入图片操作方法 首先我们输入网址：https://www.iconfont.cn/ 可以百度搜索：阿里巴巴矢量图，就会出来这个网址<br/> 以下我推荐
阅读全文
posted @ 2020-10-02 14:29
酷儿q
摘要：css权重是由四个数值决定，看一张图比较好解释： 图里是英文的，我翻译过来分别说一下，4个等级的定义如下： 第一等：内联样式，如：，权值为1000.（该方法会造成css难以管理，所以不推荐使用） 第二等：ID选择器，如：#header，权值为0100. 第三等：类、伪类、属性选择器如：.bar， 权
阅读全文
摘要：我们在写asp页面的时候，常常使用include命令来包含公共文件。由于这个方法用起来非常方便，于是很多人在html页面里尝试使用include，但是发现根本就不起作用。这是因为，include是VBScript的命令，因此可以在asp页面里使用。而html静态页面被调用的时候并不经过asp解释器，
阅读全文
摘要：这个应该是已经有很多人做过的东西，我应该只是算手痒，想写一下，所以，花了点时间折腾了这个，顺便把 Dark Mode 的处理也加上了。 首先可以很明确的一点，这个真没技术含量存在，只是需要点耐心。 LED 数字包含了左右各两条线，中间三条线，一共 7 条线。所以，为了能够更容易辨识，在写 demo
阅读全文
摘要：之前使用formData都是在network中查看参数，最近在做一个项目，接口还没有，用的假数据做的交互，突发奇想的console.log了 一下，结果是空的。 一开始以为append失效了，经过查证原来：FormData是一种特殊类型的对象，它不可字符串化，不能仅使用console.log打印出来
阅读全文
摘要：在写页面时，有时会发现自己写的css样式无法生效，我们该如何排查css样式无法生效？常见的css样式不起作用的原因有哪些呢？下面我们就来看一下css样式不起作用的原因。 排查css样式不起作用的方法步骤： 首先，先试一下清除缓存，重启浏览器等手段，无效后再进行进一步排查。 接着按以下流程排查： 以下
阅读全文
浙公网安备 33010602011771号