前端笔记

   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($(&#39;div&#39;).css(&#39;display&#39;) == &#39;none&#39;){ $(&#39;div&#39;).show()} else { $(&#39;div&#39;).hide()}使用 jQuery 选择器if($(&#39;div&#39;).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相关方法。