前端笔记
1 、 jq的常用效果方法
①hide()、show()、toggle()方法:②fadeIn()、fadeOut()、fadeToggle()、fadeTo()方法:③slideDown()、slideUp()、slideToggle()方法:④动画animate()方法:⑤停止动画stop()方法: 鼠标划过时切换效果,当前导航实现效果,电话跳转拨打,复制微信号跳转,app跳转
2 、 css集成基础笔记
css选择器大小排列,使自身优先级为最高,兼容样式:行业主流清除浮动,背景处理,隐藏四种,点击图片动画缩放效果,图片自动旋转
3 、 前端相关常用的js库与插件使用
前端相关常用的js库与插件使用1、获取 Apache ECharts简述
4 、 js/jq常用的案例
1、jQuery 选择器获取页面的 element 时,无论 element 是否存在,都会返回一个对象。<>写好一个 div 元素,当元素下存在 a 元素时显示,否则隐藏。2、经过学习我发现,判断元素是否隐藏的方式有很多,我觉得越简单越好。使用 css 属性值if($('div').css('display') == 'none'){ $('div').show()} else { $('div').hide()}使用 jQuery 选择器if($('div').i...
5 、 前端页面flex布局
flex-direction 属性决定主轴的方向(即项目的排列方向)。:row | row-reverse | column | column-reverse; row(默认值):主轴为水平方向,起点在左端。 row-reverse:主轴为水平方向,起点在右端。 column:主轴为垂直方向,起点在上沿。 column-reverse:主轴为垂直方向,起点在下沿。 flex-wrap: nowrap | wrap (常用)| wrap-reverse; flex-flow <flex-direction> <flex-wrap> justify-content justify-content: flex-start | flex-end | center | space-between | space-around; flex-st...
6 、 css识别仅IE6和IE7、谷歌 、火狐、屏幕大小尺寸兼容性
IE6和IE7、谷歌 、火狐、屏幕大小尺寸媒体查询兼容性
7 、 css选择器
在 CSS 中,选择器是选取需设置样式的元素的模式。请使用我们的 CSS 选择器测试工具,它可为您演示不同的选择器。
8 、 jq中常见的用法,及选择器常用共8种、过滤方法、attr和prop属性使用参考图。
jq中常见的用法,及选择器常用共8种,可根据css选择器,对比记忆呀。另外,选择器中可使用css中的伪类选择器。过滤方法、attr和prop属性使用参考图。attr和prop属性使用参考图,添加删减元素:、遍历方法(关系查找方法),包括兄弟关系(同级同代)、祖先后代关系(隔代)--------应用中最重要的就是可以传入过滤条件进行筛选!!!。jq中的事件,AJAX相关方法。