随笔分类 - 前端笔记
平时记录
摘要：JDM 头部滚动效果 监听窗口的滚动高度，根据滚动的距离 动态设置header的颜色 获取页面卷曲的高度： 1、各浏览器下 scrollTop的差异 IE6/7/8： 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ；
阅读全文
摘要：移动web基础 移动端开发现状 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img fyWnoeng 1584532810456)(image/phone.jpg)] + 移动web开发指的是需要适配移动设备的网页开发 + 移动web开发与pc端web开发没有本质的区别，使
阅读全文
摘要：html5语义化兼容性问题 解决方式: 1. 在浏览器解析标签之前, 动态创建一下 header 标签, 浏览器就认识了 2. 默认行内, 需要转成块级 但是 html5 新增了很多语义化标签, 一个个创建太麻烦了, html5shiv 插件很好的解决这个问题 html5shiv解决兼容性问题 在h
阅读全文
摘要：弹性布局(伸缩布局) Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局 。 CSS3在布局方面做了非常大的改进，使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥极大
阅读全文
摘要：3D转换 【立方体】 【纸张效果】 【切割轮播图案例】 【美女相册案例】 动画 动画可以通过设置多个节点来精确控制一个或者一组动画，常用来实现复杂的动画效果。 动画与过渡的区别： 使用一个动画的基本步骤： animation详解 animation是一个复合属性，一共有8个参数 动画库的使用 / 使
阅读全文
摘要：渐变 线性渐变 linear gradient指沿着某条直线朝一个方向产生的渐变效果。 线性渐变的核心： + 渐变方向（(1)使用专有名词 to right,to top , to left ,to bottom (2)使用角度，0deg 向上 顺时针旋转 45deg逆时针 ） + 颜色 + 渐变范
阅读全文
摘要：CSS3简介 如同人类的的进化一样，CSS3是CSS2的“进化”版本，在CSS2基础上， 增强 或 新增 了许多特性， 弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。 CSS3的现状 PC端浏览器支持程度差，需要添加私有前缀 移动端支持优于PC端 不断改进中 应用相对广泛 关于私有
阅读全文
摘要：前端模块化 (Require.js) 为什么要用 前端模块化 早期，js代码量小, 所有Javascript代码可以都写在一个文件里面，只要加载一个js文件就够了。 但是后来，随着功能需求变多, 所有功能写在一个文件不好维护, 就拆分成了多个文件, 需要依次加载多个文件。如下： 这段代码依次加载多个
阅读全文
摘要：前言 我们使用php动态渲染页面时，有很多比较麻烦的地方。 在前端写好页面以后，需要后台进行修改，意味这后端程序员也需要懂前端的知识，其实渲染的工作应该交给前端来做。 前端没有写好页面的话，后端无法开始工作，需要等待前端的页面完成之后才能开始工作，拖延项目的进度。 这种渲染，属于同步渲染，先获取数据
阅读全文
摘要：学生管理系统2.0基本功能 基本功能 添加学生功能 展示学生列表功能 删除学生功能 查看学生详情 更新学生数据 实现思路 注册功能思路： 1. 表单设计，点击提交按钮向服务器提交表单数据 2. 在后台获取表单提交的数据，保存到数据库中 先获取表单的标签的数据 保存上传的图片（并保存图片存储的路径）
阅读全文
摘要：SQL高级 + where 条件 查询时，不添加 where 条件, 返回数据表所有行。需要添加限定条件，只返回需要的行。 select 字段列表 from table where 条件； + Like 模糊匹配 % 通配符 + in 语法：一次查询多个符合条件的数据 + count() 获取返
阅读全文
摘要：学生信息管理系统 基本功能 + 学生添加功能 + 展示学生信息功能 + 删除学生信息 实现思路 注册功能 1. 获取前端表单传递数据 2. 获取前端传递图片，并保存在服务器中 3. 将表单的数据和上传图片的地址 保存在数据库中 4. 页面跳转到列表页 向data.txt中保存数据的过程： 注意： 我
阅读全文
摘要：字符串函数 str_replace(查找的值，替换的值，执行替换操作的字符) 字符串替换 trim(字符串); 去除字符串首尾处的空白字符 explode(分割符，执行分割的字符串); 使用一个字符串分割另一个字符串 implode(连接符，执行连接的数组); 将一个一维数组的值拼接为字符串 sub
阅读全文
摘要：课程安排 + 5天PHP基础 （php + 数据库 + 学生管理系统） + 4天AJAX 前后端交互技术 + 学习PHP的目的：我们前端通过学习一些后端知识, 可以了解后端开发流程, 非常有利于将来前后端协作 注意: 虽然学的 php 天数不多, 知识点比较散, 具有跳跃性, 但是还是要求熟练度 !
阅读全文
摘要：jQuery补充知识点 隐式迭代 基本概念 隐式迭代：jQuery在设置属性时会自动的遍历，因此我们不需要再遍历 1. jQuery在执行设置性操作时，会给所有的元素都设置上相同的值。 2. jQuery在执行获取性操作时，只会返回第一个元素对应的值。 3. 如果想要给每一个元素都设置不同的值，需要
阅读全文
摘要：1. jQuery特殊属性操作 1.1. val方法 val方法用于设置和获取表单元素的值，例如input、textarea的值 【案例：京东搜索.html】 1.2. html方法与text方法 html方法相当于innerHTML text方法相当于innerText 区别：html方法会识别h
阅读全文
摘要：jQuery操作样式 css操作 功能：设置或者修改样式，操作的是style属性。 操作单个样式 设置多个样式 获取样式 注意：获取样式操作只会返回第一个元素对应的样式值。 隐式迭代： 1. 设置操作的时候，如果是多个元素，那么给所有的元素设置相同的值 2. 获取操作的时候，如果是多个元素，那么只会
阅读全文
摘要：课程介绍 课程安排 + 前三天：jQuery基本使用 + 基本概念 + 选择器 + 样式操作 + 动画 + 属性操作 + 事件机制 + 后两天：jQuery拔高 + jQuery插件机制 + jQuery封装（面向对象） + 项目 课程目标 + 掌握jQuery常用API的使用 + 了解jQuery
阅读全文
摘要：正则表达式 了解正则表达式基本语法 能够使用JavaScript的正则对象 正则表达式简介 什么是正则表达式 正则表达式：用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。 正则
阅读全文
摘要：基础班第12天 背景系列 多重背景 在css3中，背景是可以写多个的，只需要用连写即可，中间用逗号隔开 背景图片基准点 默认背景图片以padding的起始点开始平铺，在css3里面可以设置其基准点 背景缩放 控制背景图片的缩放 阴影系列 盒子阴影 文字阴影 案例: 凹凸效果 内减模式 自动减去pad
阅读全文
浙公网安备 33010602011771号