- 博客(12)
- 问答 (1)
- 收藏
- 关注
原创 sass、less与css的区别
一、Sass Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。 Scss是Sass的缩排语法,对于写惯css前端的web开发者来说很不直观,也不能将css代码加入到Sass里面,因此sas.
2021-06-23 14:12:29
6802
转载 js隐式转换实例分析
为什么 [] == false ? 首先我们知道 [] 和 false 一个是对象, 一个是布尔值, 类型不同, 需要类型转换再做比较 要注意, JS 中规定, 如果 == 中有布尔值, 只能转换为数字, 那为什么不是转换成字符串呢? 因为如果布尔值转换成字符串那就是 ‘true’ 和 ‘false’, 那这种对比就毫无意义了 Number(true)// 1 Number(false)...
2019-10-23 16:37:04
238
原创 前端构建工具使用与对比
一、安装node 二、验证node、npm是否安装成功 npm文档:https://www.npmjs.com.cn/all/# 三、使用 1、NRM:是NPM的一个包,是NPM registry 管理工具,能够查看和切换当前使用的registry。 a、安装:npm install -g nrm b、nrm ls:列出所有的NPM镜像文件 c、nrm test:测试各个镜像的作出回...
2019-10-21 20:47:14
211
原创 左侧导航固定实例
<!DOCTYPE html> <html> <head> <title>无标题页</title> </head> <body style="width:900px; margin:0px auto; line-height:23px; padding:10px;"> <div> <div...
2019-10-21 20:43:01
300
原创 css三角实例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*向上*/ .tria...
2019-10-21 20:41:15
148
原创 随机抽取实例
<!doctype html> <html> <head> <meta charset="utf-8"> <title>抽签</title> <style type="text/css"> .box { ...
2019-10-21 20:39:54
470
原创 文字多余显示省略
单行文本 overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 多行文本 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; //这里是在第二行有省略号 overflow: hidden; ...
2019-10-21 20:36:53
295
原创 谷歌浏览器记录密码渲染清除
input:-webkit-autofill { -webkit-text-fill-color: none !important; transition: background-color 5000s ease-in-out 0s; }
2019-10-21 20:36:17
219
原创 SQLite学习
一、简介 1、SQLite是一个进程内的库,实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。它是一个零配置的数据库,这意味着与其他数据库一样,您不需要在系统中配置。 2、优势: 不需要一个单独的服务器进程或操作的系统(无服务器的)。 SQLite 不需要配置,这意味着不需要安装或管理。 一个完整的 SQLite 数据库是存储在一个单一的跨平台的磁盘文件。 SQLi...
2019-10-21 20:34:59
401
原创 移动端开发--问题记录
1、input聚焦,隐藏底部fixed固定元素 var client_h = document.documentElement.clientHeight; jQuery(window).on("resize",function(){ if (/iphone|ipad/i.test(navigator.userAgent.toLowerCase())) { //ios这块什么都不用做 } ...
2019-10-21 20:27:05
147
原创 移动web开发--页面布局
一、移动web开发与适配 1、跑在手机端的web页面 2、跨平台 3、基于webview 4、拥抱webkit 5、更高的适配和性能要求 常见适配方法: 1、定高、宽度百分比 2、flex 响应式 3、媒体查询 Media Query(媒体查询): @media 媒体类型 and (媒体特性){ /* css样式 */ } 媒...
2019-10-21 20:26:18
162
原创 CSS3 background-clip 属性
CSS3 background-clip 属性: 浏览器兼容: background-clip属性指定背景绘制区域。 语法: background-clip: border-box|padding-box|content-box; 属性: 引用菜鸟教程案例: https://www.runoob.com/try/try.php?filename=trycss3_backgro...
2019-10-21 20:23:51
166
空空如也
设置a标签_blank打开新页面,如何修改新页面页签标题?
2021-01-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅