![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
前端笔记
帝鸿、
活到老学到老,不断提升自己,脚踏实地。
展开
-
JQuery2-应用
一、购物车购物车添加改变总价或者所有的td都加个class=price计算总价,遍历所有的价格,进行相加新增一条记录 之前绑定的事件在新元素不生效,因为不能绑定未来的事件所以要解绑,重新绑定对每个加减事件进行解绑再添加新记录后在进行加减事件绑定二、登录验证首先验证不能为空button也可以提交表单三、符号可以修改(出现符号可以修改(出现符号可以修改(出现冲突)之后所以$的都换成了jq...原创 2020-08-12 17:45:17 · 63 阅读 · 0 评论 -
JQuery1-基本语法
一、1.11.21.3不能在导入这里写代码1.3.1判断是否加载成功二、选择器但是两者获取的类型不同,属性和方法就不同,不能混着用通过id获取通过class获取看同一个标签下有几个元素这种用的比较多,标签.class名属性选择器加条件p标签里有个a标签id和class用的最多三、事件绑定(非常重要,使用的是现代事件绑定方式)3.1 绑定一个事件绑定一个事件,从上到下执行这种方法三个参数.bind(type,date,fn),一般不传参数,.原创 2020-08-12 17:44:46 · 183 阅读 · 0 评论 -
JavaScript5-内置Array和Date
一、日期电脑有一个专门的时间服务器来统一时间1900年和1970年两个执行标准二、数组ArrayECMAScript是flash使用场景,Flex是一款基于flash的开发技术2.12.2练习判断一个数组里面是不是都是奇数只传一个参数时要进行类型的判断,这里并不严谨用type of返回的是object,不靠谱,要用instanceof几乎与拉姆达表达式一样写法两个参数用括号括起来没有参数,要不要括号都行2.3将符合条件的元素挑出来输出为2,6原创 2020-08-02 16:04:22 · 127 阅读 · 0 评论 -
JavaScript4-内置函数
一、声明提升不小心删了,补回来练习:执行函数一定要加括号,否则是获得这个函数的变量名二、构造函数用new调用这个函数,这个函数即为构造函数,采用首字母大写的方式(像java里的new ArrayList()一样,首字母大写)处理一堆数据的时候用这种方法去处理,比较方便直接调用给到全局上面(window来调用这个函数)三、class的方式构造函数静态函数,直接打点一个.test属性(随便起一个名),就可以对这个属性直接调用跟java分开...原创 2020-08-02 16:03:46 · 153 阅读 · 0 评论 -
JavaScript3-基础语法
一、对象与JSON(*)1.1脚本是基于对象的语言使用字面量创建对象:{属性1:值1,属性2:值2,属性3:值3}使用场景:1.将参数封装为对象,传给服务端2.第三方JS库,把对象作为配置信息传进去3.(跟函数有关)1.直接使用{}进行定义2.可以进行对象嵌套1.2 JSON(*):JavaScript Object Notation语法: 1.属性使用双引号包含的对象 2.将JSON对象放在数组中,obj3也是个JSON,只不过它是个数组服务端反馈回来的原创 2020-07-27 23:04:54 · 136 阅读 · 0 评论 -
JavaScript2-基础语法
一、注释二、基本数据类型由具体的数据来决定它是什么数据类型可以改变number1的数据类型;可以重新声明一个number1,不赋值的话引用之前的值(比较灵活)var定义的number1删不了,删了就为null,有类似于java的jc回收机制number4是window对象的属性 ,可以随时删alert:输出,类似于systom.out.print三、运算符1.赋值运算符优先级最低双等号比较值是否相等,三等号比较值和类型,num1是object类型,num2是undefin原创 2020-07-26 09:38:31 · 210 阅读 · 0 评论 -
JavaScript1-概念
一、什么是JavaScriptExpReg:正则表达式,用于验证String格式的一种语言二、在网页中使用方式(三种)2.1行内在行内通过onXX属性来编写js代码2.2网页中的任何位置可以在一个网页中的任何位置通过script标签来嵌套js代码,放在哪个位置取决于你的需求在当前网页中使用,只在当前网页生效2.3外部文件引入在外部js文件中之间编写代码,在网页中通过script的src属性来引入!注意:不能通过一个script标签又引入又编写只能实现其中之一,或者引入原创 2020-07-26 09:37:18 · 131 阅读 · 0 评论 -
CSS3-网页布局
一、CSS浮动概念1.浮动:让元素脱离原本的文本结构,使其向左或向右漂浮起来左浮动用的较多,浮动会影响原来的文本结构float(left,right,none)如果还有向左浮动的div,接着第一个浮动向右排列2.清除其他浮动带来的影响:(自身可以再浮动)clear(both,left,right)绿色的div清楚了左浮动带来的影响 练习:用浮动做成横向的导航栏二、相对定位与绝对定位使用到的属性:position移动属性:left,top;2.1相对定位: relativer原创 2020-07-19 18:05:23 · 230 阅读 · 0 评论 -
CSS2-基础属性
一、CSS背景样式p标签里嵌套块级元素会分家,不可控CSS注释:/*分局的女看见女方的女的反馈农夫*/div:background-color:背景颜色background-image:url(图片路径)默认平铺,要取消background-attachment:滚动图像background-fixed:固定图像background-position:定位图片位置x:-150px(图片左移)x:20%(定位div框左上角在图片中x坐标)y同理二、文本div:colordi原创 2020-07-19 17:18:55 · 165 阅读 · 0 评论 -
CSS1-基础知识
一、什么是CSS层叠样式表作用:告诉浏览器如何展示HTML内容为什么要用CSS?二、CSS语法结构2.1选择器(重要)选择器作用:选取我们想要操作的元素2.1.1标签选择器(元素选择器)2.1.2 id选择器.在一个网页中id不允许有重复,命名不要以数字开头,遵循java命名规则(大驼峰,小驼峰)2.1.3类选择器(比较常用)想选取哪个标签元素,就给它编个类名可一个标签中可以使用多个class进行叠加,一样属性也是就近原则2.1.4属性选择器2.1.5复合选择器(原创 2020-07-19 17:17:17 · 194 阅读 · 0 评论 -
HTML标签
一、HTML(超文本标记语言)1.1 超文本语言(Hyper Text Markup Language)前端最大的问题就是兼容性(不同的浏览器,呈现的不一样)xhtm:格式很严谨,定义好的格式(不怎么用)是XML和HTML的结合,比HTML更加严谨html:不严谨,不区分,不能自定义标签(学习的是成熟的标记)xml:可扩展的标记语言自定义标签html5.0:IE6 —>IE7跨度比较大1.2 HTML是由标签组成<标签名></标签名>(通常情况下标签是成对出现原创 2020-07-09 19:13:04 · 111 阅读 · 0 评论