关注
分享
郭亮均
永远相信美好的事情即将发生
展开
-
前端node版本与node sass不匹配导致项目打不开的解决方案
1、删除node-moudles包2、清理缓存npm cache clean -f3、重新执行拉取依赖包yarn -i注：不能用npm，yarn会自动修复node版本的适配问题选择最适合的版本，而npm不会4、rebuild node sassnpm rebuild node-sass5、重新启动项目...原创 2022-05-18 14:36:42 · 594 阅读 · 0 评论 -
关于CSS预编译
背景：大厂的任职要求里还有一条是：熟悉使用Sass.Less等CSS预编译工具。学习一样东西的第一步就是首先知道它是什么CSS预编译工具有人开发了一些扩展CSS功能的写法，比如less,sass,其目的是让css能支持一些编程语言才有的功能，比如：表达式，函数，变量，循环，判断.有这些功能就能方便重复定义，写css时省事。举以下例子：var colorRed {color:red}//用var定义一个字体颜色变量样式//定义一个新闻列表样式.news-list{ font-size原创 2020-12-08 16:21:09 · 231 阅读 · 0 评论 -
cookie的创建和读取的方法
// 创建cookie function setCookie(c_name, value, expiredays){ var exdate = new Date(); exdate.setDate(exdate.getDate() + expiredays); document.cookie = c_name+ "=" + ...原创 2019-07-09 09:58:15 · 1262 阅读 · 0 评论 -
重大灾难日让整个网页变成灰色(素色)效果的实现
<style> html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }</style>原创 2019-05-29 10:15:00 · 1030 阅读 · 0 评论 -
div中class常用名称
做站的时候经常为怎么命名id、class发愁，弄个中文拼音的命名吧太老土，弄个洋气的英文吧苦于肚子里墨水不多，整理了一下常用的命名，英语不太好的争取背下来，以后不会为怎么命名儿发愁了，以下为页面模块的常用命名： 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sid...原创 2019-04-28 14:18:08 · 5997 阅读 · 0 评论 -
浅谈响应式的设计相关的像素、CSS像素和视口（viewport）
首先需要了解几个概念：1、像素（Pixel）一个显示屏的成像原理是通过一系列的小点排列成一个大的矩形，不同的小点通过显示不同的颜色来显示成图像。这每一个小点被叫做一个物理像素。例如，分辨率是1920设备像素*1080设备像素，意味着横向上排列了1080个显像用的小点，在纵向上排列了1920个显像用的小点。另一个常见的数据叫每英寸像素取值（Pixel per inch，简称PPI），意思是每一...原创 2019-04-28 14:13:06 · 597 阅读 · 0 评论 -
4种方法实现文本域textarea自适应
方法一：class复用实现textarea自适应<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"><html> <head> <title>demo</title> <meta http-equiv="content-type" cont...原创 2019-04-22 15:18:41 · 6333 阅读 · 0 评论 -
图形图像相关格式简介
格式简介：1、BMP:英文（Bitmap）Windows操作系统中的标准图像文件格式，本身是不压缩文件。BMP文件存储数据时，图像的扫描方式是按从左到右、从下到上的顺序。颜色深度位数可以是1bit、4bit、8bit及24bit。2、PNG:英文（Portable Network Graphic Format）便携网络图形。PNG使用从LZ77派生的无损数据压缩算法。PNG用来存储灰度图像...原创 2018-12-14 09:49:47 · 2476 阅读 · 0 评论 -
CSS书写的规范总结
你是否常常碰到以下问题：你总是看不懂他写的代码，或者读起来很吃力；你需要改他的代码却无从下手，或总是要去问他这里是什么改了会不会影响其他代码；你和他一起开发一个产品，你总是怕代码和他有冲突或互相影响；你的代码在多次维护任务之后变得越来越臃肿，越来越难以维护。解决以上问题只需一种方法——使用相同的规范！CSS文件的分类和引用顺序通常，一个项目我们只引用一个CSS，但是对于较大的项目，我们...原创 2018-07-29 22:29:59 · 215 阅读 · 0 评论 -
网页中嵌入特殊字体（此法利于SEO）
通过CSS3，Web设计师再也不必被迫使用“web-safe”字体了。我们一般在网页上使用的是常用字体，通常网页上不能使用一些特殊字体，否则浏览者可能无法正确浏览到。即使我们可以通过图片、flash、SIFR等技术来实现网页使用特殊字体，但这些方式都有一个严重的缺点：不利于SEO（Search Engine Optimization，搜索引擎优化）。CSS3 @font-face 规则在 CSS3...原创 2018-07-07 10:59:38 · 1230 阅读 · 0 评论 -
正则表达式：表单验证处理必备
收集整理了常用的JavaScript正则表达式，表单验证处理必备。1 用户名正则//用户名正则，4到16位（字母，数字，下划线，减号）var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;//输出 trueconsole.log(uPattern.test("aim1"));2 密码强度正则//密码强度正则，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个...原创 2018-07-16 11:56:41 · 266 阅读 · 0 评论 -
JS中const、var和let区别
今天遇到const定义的变量，查阅了相关资料整理了这篇文章。主要内容是：js中三种定义变量的方式const， var， let的区别。1.const定义的变量不可以修改，而且必须初始化。const b = 2;//正确// const b;//错误，必须初始化 console.log('函数外const定义b：' + b);//有输出值// b = 5;// console.log('函数...原创 2018-06-23 10:09:26 · 183 阅读 · 0 评论 -
HTTP 返回码详解
200 服务器成功返回网页 404 请求的网页不存在 503 服务不可用1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。100（继续）请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101（切换协议）请求者已要求服务器切换协议，服务器已确认并准备切换。2xx （成功）表示成功处理了请求的状态代码。200（成功）服务器已成功处理了请求...转载 2018-06-13 13:27:43 · 236 阅读 · 0 评论