随笔分类 -  前端

1 2 下一页
less
摘要： 阅读全文
posted @ 2023-10-27 12:30 哈喽诗涵 阅读(10) 评论(0) 推荐(0)
移动端布局
摘要：一、屏幕分辨率 物理分辨率（硬件分辨率-出厂设置） 逻辑分辨率（缩放调节的分辨率-软件/驱动设置） 网页宽度和逻辑分辨率尺寸相同 二、视口 三、二倍图 现阶段设计稿参考iPhone6/7/8,设备宽度375px 产出设计稿 二倍图设计稿尺寸：750px 四、适配方案 · 宽度适配：宽度自适应 ① 百 阅读全文
posted @ 2023-10-27 09:32 哈喽诗涵 阅读(14) 评论(0) 推荐(0)
前端补充
摘要：一、清除浮动 1、解决子级margin-top后 父级塌陷问题， 父级加overflow：hidden；或 去掉子级margin-top给父级加padding-top属性 2、垂直两个div 上面margin-bottom，下面margin-top，值会合并 只取较大值显示。 *{ padding: 阅读全文
posted @ 2023-10-21 15:32 哈喽诗涵 阅读(8) 评论(0) 推荐(0)
小程序相关
摘要： 阅读全文
posted @ 2023-10-18 20:43 哈喽诗涵 阅读(9) 评论(0) 推荐(0)
响应式布局
摘要：设置高度跟视口一样高 font-size:62.5% = 10px =1rem 一、媒体查询 媒体查询 - 外部CSS 二、Bootstrap vscode安装下面插件，输入bootstrap的类名可以有提示 美化按钮 美化表格 响应式尺寸划分 · 超小屏幕（手机，小于768px）:设置宽度为100 阅读全文
posted @ 2020-10-19 11:56 哈喽诗涵 阅读(98) 评论(0) 推荐(0)
移动web开发（rem布局）
摘要：em 相对于父元素字体大小 1em = 父元素字体大小rem 是相对于html元素的字体大小 rem 优点 可以通过修改html里面的文字大小来改变页面中元素的大小可以整体控制 一. 媒体查询 注意：为了防止混乱，媒体查询要按照从小到大来写 这样代码更简洁 引入资源语法 <link rel="sty 阅读全文
posted @ 2020-10-19 11:55 哈喽诗涵 阅读(199) 评论(0) 推荐(0)
Gulp学习
摘要：1.第三方模块 Gulp是基于node平台开发的前端构建工具 将机械化操作编写成任务，想要执行机械化操作时执行一个命令行命令任务就能自动执行 1.1 Gulp能做什么 · 项目上线，HTML、css、js 文件压缩合并· 语法转换（es6、less...）· 公共文件抽离· 修改文件浏览器自动刷新 阅读全文
posted @ 2020-09-08 22:11 哈喽诗涵 阅读(239) 评论(0) 推荐(0)
Vue02 常用特性
摘要：·表单操作 ·自定义指令 ·计算属性 ·过滤器 ·侦听器 ·生命周期 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> form div{ display: block; height: 30px 阅读全文
posted @ 2020-09-05 17:57 哈喽诗涵 阅读(149) 评论(0) 推荐(0)
Vue01 基础
摘要：Vue基本使用 Vue的基本使用步骤1. 需要提供标签用于填充数据2. 引入vue.js 库·文件3. 可以使用vue的语法做功能了4. 把vue提供的数据填充到标签里面 v-cloak 指令的用法（解决vue刷新闪动问题） ① 提供样式[v-cloak]{display:none;} ② 在插值表 阅读全文
posted @ 2020-09-01 15:17 哈喽诗涵 阅读(149) 评论(0) 推荐(0)
H5+CSS3 学习
摘要：1.属性选择器 2.css3结构伪类选择器n也可以是关键词 even是偶数 odd是奇数 选择div下面第一个span div后面加空格 <style type="text/css"> div span:nth-child(2){ background-color: pink; } </style> 阅读全文
posted @ 2020-08-28 12:32 哈喽诗涵 阅读(344) 评论(0) 推荐(0)
Node基础
摘要：1.Node开发 1.1 Node是什么 Node是一个基于Chrome V8 引擎的JavaScript代码运行环境 2. Node运行环境搭建 2.1 Node.js运行环境安装 官网：https://nodejs.org/en/ · LTS = Long Term Support长期支持版 稳 阅读全文
posted @ 2020-08-28 12:31 哈喽诗涵 阅读(150) 评论(0) 推荐(0)
移动WEB开发
摘要：移动端基础 兼容移动端主流浏览器，处理webkit内核浏览器即可。 移动端调试方法 · Chrome DevTools(谷歌浏览器)的模拟手机调试· 搭建本地web服务器，手机和服务器一个局域网内，通过手机访问服务器。· 使用外网服务器，直接IP或域名访问 1.移动web开发之流式布局 1.1 视口 阅读全文
posted @ 2020-08-27 12:22 哈喽诗涵 阅读(229) 评论(0) 推荐(0)
jQuery常用API
摘要：1.jQuery 基础选择器 1.2 jQuery 层级选择器 1.3 隐式迭代 遍历内部DOM元素（伪数组形式存储）的过程叫做隐式迭代 简单理解：给匹配到的所有元素进行循环便利，执行相应的方法，而不用我们再进行循环，简化我们的操作，方便调用。 1.4 jQuery筛选选择器 1.5 jQuery 阅读全文
posted @ 2020-08-27 12:11 哈喽诗涵 阅读(342) 评论(0) 推荐(0)
jQuery事件
摘要：1.jQuery 事件注册 2.jQuery 事件处理 2.1 事件处理on() 绑定事件 on() 方法在匹配元素上绑定一个或多个事件的事件处理函数 $(function(){ $("div").on({ mouseenter:function(){ $(this).css("background 阅读全文
posted @ 2020-08-27 12:09 哈喽诗涵 阅读(111) 评论(0) 推荐(0)
jQuery基础学习
摘要：1.1常见的JavaScript库 · jQuery· Prototype· YUI· Dojo· Ext JS· 移动端的zepto 这些库都是对原生JavaScript的封装，内部都是用JavaScript实现的 2.jQuery 下载 官网：http://jquery.com 版本： · 1x 阅读全文
posted @ 2020-08-26 10:24 哈喽诗涵 阅读(190) 评论(0) 推荐(0)
移动端网页特效
摘要：1.触屏事件touch 常见的触屏事件 1.2 触摸事件对象（TouchEvent） 触摸事件对象重点三个常见对象列表 当手指离开屏幕的时候 就没有了touches 和 targetTouches 列表 但是会有 changedTouches用的多的是targetTouches <script ty 阅读全文
posted @ 2020-08-20 20:08 哈喽诗涵 阅读(158) 评论(0) 推荐(0)
PC端网页特效
摘要：1.元素偏移量offset系列 · 获得元素距离带有定位父元素的位置· 获得元素自身的大小（宽度高度）· 注意：返回的数值都不带单位 offset 系列常用属性 <script type="text/javascript"> var father = document.querySelector(' 阅读全文
posted @ 2020-08-18 20:11 哈喽诗涵 阅读(142) 评论(0) 推荐(0)
BOM浏览器对象模型学习
摘要：1.BOM概述BOM(Browser Object Model)即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行 交互的对象，其核心对象是window。 1.2 BOM的构成 BOM比DOM更大，它包含DOM。 2.window对象的常见事件 2.1 窗口加载事件 window.onload 阅读全文
posted @ 2020-08-15 16:31 哈喽诗涵 阅读(204) 评论(0) 推荐(0)
WebAPI编程DOM学习
摘要：1.事件高级 1.1 给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式和方法监听注册方式 方法监听注册方式 · w3c标准 推荐方式· addEventListener()它是一个方法· IE9之前的IE不支持此方法，可使用attachEvent()代替（非标准 不建议使用）· 阅读全文
posted @ 2020-08-14 13:04 哈喽诗涵 阅读(146) 评论(0) 推荐(0)
HTML5+css3 案例
摘要：css3模拟三角效果 div{ /*用css边框可以模拟三角效果 1.宽度高度为0 2.4个边框都要写，只保留需要的边框颜色，其余的不能省略，都改为transparent 3.为了照顾兼容性，加上font-size:0; line-height:0; * */ width: 0; height: 0 阅读全文
posted @ 2020-08-14 12:29 哈喽诗涵 阅读(619) 评论(0) 推荐(0)

1 2 下一页