摘要：
css 句法( css Syntax ) 语法是语言表达的规则。各种语言都有不同的语法，包括人类语言和计算机语言等。 语法有时候也指句法( syntax )，指的是句子由词汇构成的规律。也可以将它看作组成句子的规则。它包含两个方面的涵义： 词汇：即，可以构成句子的有效用词。例如，英语中的单词，Jav 阅读全文
posted @ 2020-10-02 14:57
酷儿q
阅读(292)
评论(0)
推荐(0)
摘要：
前端安全的范围 将Web安全问题按照发生的区域来分类，发生在浏览器、Web页面中的安全问题就是前端安全问题。 同源策略 同源：URL由协议、域名、端口和路径组成，如果两个URL的协议、域名和端口相同，则表示他们同源。 URL是否同源原因 http://test.test.com/dir2/other 阅读全文
posted @ 2020-10-02 14:56
酷儿q
阅读(212)
评论(0)
推荐(0)
摘要：
之前做web项目，基本上只使用get和post的请求方式，但是现在新项目额外增加了put，delete，查了点资料，做个简单的总结。 1、GET get请求是用来获取数据的，只是用来查询数据，不对服务器的数据做任何的修改，新增，删除等操作。 在这里我们认为get请求是安全的，以及幂等的。安全就是指不 阅读全文
posted @ 2020-10-02 14:55
酷儿q
阅读(526)
评论(0)
推荐(0)
摘要：
本来早就想写这篇文章的，由于有其他事情耽搁了（可能还是因为太懒），就拖到了现在，如果再不记下来，估计会抛到九霄云外了。 Nodejs的出现，让前端工程化的理念不断深入，正在向正规军靠近。先是带来了Gulp、webpack等强大的构建工具，随后又出现了vue-cli和create-react-app等 阅读全文
posted @ 2020-10-02 14:54
酷儿q
阅读(330)
评论(0)
推荐(0)
摘要：
最近在山寨一款网页微信的产品，对于div用contenteditable属性做的编辑框有不少心得，希望可以帮到入坑的同学。 废话不多说了，我们先来理解一下html的光标对象是如何工作的，后面我会贴完整的DEMO代码，不用急，先去理解，才能做出更加好的输入体验。 在html里面，光标是一个对象，光标对 阅读全文
posted @ 2020-10-02 14:51
酷儿q
阅读(1183)
评论(0)
推荐(0)
摘要：
JavaScript设置网页无法复制的方法：在JavaScript代码中设置禁用右键菜单、复制、选择等操作，禁用Ctrl+c和Ctrl+v快捷键的使用，通过这种方法就可以实现网页无法复制。 JavaScript设置网页无法复制的方法代码如下： // 禁用右键菜单、复制、选择 $(document). 阅读全文
posted @ 2020-10-02 14:49
酷儿q
阅读(482)
评论(0)
推荐(0)
摘要：
如何使input文本框不可编辑？下面本篇文章就来给大家介绍一下使input文本框不可编辑的几种方法，希望对大家有所帮助。 方法1：使用disabled 属性 disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点，后台也不会接收到 阅读全文
posted @ 2020-10-02 14:48
酷儿q
阅读(954)
评论(0)
推荐(0)
摘要：
在css中可以使用阴影效果属性在html文档中添加边框（图像）阴影。下面本篇文章就来给大家介绍一下css的阴影效果属性，CSS添加阴影效果的方法。 添加边框（图像）阴影 在CSS中可以使用box-shadow属性将阴影应用于文本框。此属性可设置阴影的像素长度，宽度和模糊的距离以及阴影的颜色。 语法： 阅读全文
posted @ 2020-10-02 14:47
酷儿q
阅读(1020)
评论(0)
推荐(0)
摘要：
TypeScript的设计目的应该是解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化，不适合开发大型程序。另外它还提供了一些语法来帮助大家更方便地实践面向对象的编程。 那先来看看TypeScript是如何解决这两个问题的。 一. 编译时的强类型 TypeScript设计了一套 阅读全文
posted @ 2020-10-02 14:46
酷儿q
阅读(555)
评论(0)
推荐(0)
摘要：
先说原理 zoom和scale这两个东西都是用于对元素的缩放，但两者除了兼容性之外还有一些不同的地方。zoom缩放会将元素保持在左上角，而scale默认是中间位置，可以通过transform-origin来设置。 另外他们执行的渲染顺序也不同zoom可能影响到盒子的计算。 例子 <style> di 阅读全文
posted @ 2020-10-02 14:45
酷儿q
阅读(684)
评论(0)
推荐(0)
摘要：
为了爬虫, 在网站根目录创建robots.txt文件(utf-8),文件内容涉及四类键值对:User-agent,Disallow,Allow,Sitemap,支持正则, Disallow后没内容就是允许所有 User-agent: * Disallow: Disallow: /cgi-bin/ D 阅读全文
posted @ 2020-10-02 14:43
酷儿q
阅读(720)
评论(0)
推荐(0)
摘要：
最初的思考 思考来源于要给切图网 qietu.com 改一次版，作为前端开发服务商，我觉得应该要有自己的一款前端css框架，并且这个框架不应该只是随便写写，最好能够用在官网上，拿官网做背书，于是在研究了火狐、adobe、微软、google amp等官网以后，写了一款quickly.css响应式前端框 阅读全文
posted @ 2020-10-02 14:41
酷儿q
阅读(153)
评论(0)
推荐(0)
摘要：
前言 前后端分离会带有很多优势，也是当今开发的主流方向，但是也会有些小问题，比如跨域。那什么是跨域呢？很简单的，比如，我在开源中国去访问百度的资源，那就是跨域，只要资源提供方和当前地址不一致就是跨域请求，具体说来就是域名或者ip+port发生了变化。这种机制是浏览器出于安全机制的角度而产生的，防止资 阅读全文
posted @ 2020-10-02 14:40
酷儿q
阅读(317)
评论(0)
推荐(0)
摘要：
我们在div css布局时候，我们会遇到对对象内鼠标指针光标进行控制，比如鼠标经过指针变为手指形状等样式，接下来我们介绍鼠标指针样式cursor控制。 使用css的cursor 属性改变鼠标样式： 示例： <html> <body> <p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p> < 阅读全文
posted @ 2020-10-02 14:38
酷儿q
阅读(762)
评论(0)
推荐(0)
摘要：
css怎么设置文字自动换行？下面本篇文章就给大家介绍css设置文字（特别是连续的数字和英文）自动换行的方法。 关于换行问题，正常字符的换行是比较合理的，但连续的数字和英文字符常常将容器撑大，而不换行，就挺让人头疼了，这就需要进行强制自动换行了。 示例： html代码： <div> <p>正常文字的换 阅读全文
posted @ 2020-10-02 14:37
酷儿q
阅读(3083)
评论(0)
推荐(0)
摘要：
有很多刚刚接触css的新手有时会遇到css加载失败这个问题，但测试时，网页上没有显示该样式的问题，这就说明CSS加载失败了。那么为什么会加载失败？css加载失败的原因是什么？ 造成css加载失败的原因有很多，这可能跟你代码出错，浏览器、路径、编码等等都是有关联的。所以在具体情况具体分析。最常见的失败 阅读全文
posted @ 2020-10-02 14:34
酷儿q
阅读(1042)
评论(0)
推荐(0)
摘要：
css 是样式、布局和表示的领域。它充斥着颜色、大小和动画。但是你知道吗，它还可以在网页上控制播放声音。 本文介绍了一些技巧。实际上它并不是真正的 hack，而是针对 html 和 css 的严格实现。不过说实话，这仍然是一种 hack。我不建议在生产中使用它，因为音频可能还会被 <audio> 元 阅读全文
posted @ 2020-10-02 14:33
酷儿q
阅读(252)
评论(0)
推荐(0)
摘要：
OffscreenCanvas 是一个实验中的新特性，主要用于提升 Canvas 2D/3D 绘图的渲染性能和使用体验。OffscreenCanvas 的 API 很简单，但是要真正掌握好如何使用。 OffscreenCanvas和canvas都是渲染图形的对象。 不同的是canvas只能在wind 阅读全文
posted @ 2020-10-02 14:32
酷儿q
阅读(818)
评论(0)
推荐(0)
摘要：
只要写手机端的h5页面，viewpoint是绕不过的坎，不处理好这个东西，h5页面就无法正常显示。那它到底是怎么回事呢？ 网上曾看到一个据说很有名的外国人，写过一篇"三个viewpoint"的概念，但是看了，觉得似懂非懂，后来做了不少h5页面，然后重新思考viewpoint到底是一种怎样的控制移动端 阅读全文
posted @ 2020-10-02 14:30
酷儿q
阅读(668)
评论(0)
推荐(0)
摘要：
前言 在写前端页面时，我们经常会用到一些小图标之类的图片，如果使用图片的话代码写起来比较麻烦，最近发现一个方便实用的方法，直接引用就可以了。 一、引入图片操作方法 首先我们输入网址：https://www.iconfont.cn/ 可以百度搜索：阿里巴巴矢量图，就会出来这个网址<br/> 以下我推荐 阅读全文
posted @ 2020-10-02 14:29
酷儿q
阅读(567)
评论(0)
推荐(0)
浙公网安备 33010602011771号