展开

关键词

Web事件

事件是与浏览器或文档交互的瞬间,如点击按钮,填写表格等,它是JS与HTML之间交互的桥梁。DOM是树形结构,若同时给父子结点绑定了相同的事件,那么他们的执行顺序...

1.1K00

web入门

8 = html +css +javascript + jquery +vue8 = html + css +javascript(jQuery和vue就是js封装的函数而已) ==== 后 ** 为了能看懂的程序 从而能数据交互 数据一定后底线: 能看懂代码一、web技术面试题:你写网页能不能遵循web标准? 你知不知道web技术都有什么? Web技术是由w3c组织制定的一系列技术的集合,主要包括:HTML – 结构标准: 负责网页内容(布局)CSS – 表现标准、样式标准:美化JavaScript,简称js,行为标准:负责行为动作、表单验证 ,或者其他网站上现成的资源自己享用) 网站开发都是本地开发 *****写路径一般都是用相对路径----稳定,后期维护方便 下面是几种路径的写法: 九、列表 列表使用场景:隐身区域里面包含很多一样的行

30350
  • 广告
    关闭

    50+款云产品免费体验

    提供包括云服务器,云数据库在内的50+款云计算产品。打造一站式的云产品试用服务,助力开发者和企业零门槛上云。

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    web基础

    代码示例:跳转到https://www.acai.cloud地址时用浏览器空白标签页打开

    13300

    Web概述

    HTML5新特性引入原生多媒体支持(audio和video标签)引入可编程内容(canvas标签)引入语义Web(article、aside、details、figure、footer、header、nav

    7930

    WEB架构(一)

    想到哪说哪,,架构当然首推MVC,在我这个项目里, (一)、view层,就是html、css、一些直接控制DOM的JS; --login.html,base.css,login.css, --这些个文件都算是 以上是这二天的成果,页面只做了login一个,主要精力都放在如何搭建架构上面了。虽然还是很简陋的mvc,但架构从来都是不停的优化调整的。

    75380

    WEB架构(二)

    有登录页和用户地址栏页,input至少有二种以上特性,一检测是否为空,input上弹出小提示框二如果为空,边框变色。 还得多尝试尝试目的感觉,M层就是后接口API,,C层就是各种方法,组件,,V层就是html,css,模板引擎更多的目我也说不出来其它,明日再报,,

    32360

    WEB架构(三)

    因为是新公司嘛,本来就忙,三天又被临时抓去写一个手机微信上用的购物车。。

    313100

    WEB架构(四)

    这商品总数得加上啊你清空了购物车,那你所有的变量,初值,if判断的true、false,都得初始化,, 你看到这肯定觉得,我上面那几行字不是废话么,这当然的呀,谁家购物车不这样啊但问题,你牛你厉害,我以没写过这玩艺啊 这个购物车正好用来,给公司的电商网站中的购物车模块练手等再写电商网站的购物车的时候,就不会这么写的这么尴尬了我感觉,所谓的双向绑定,无非就是改变Data的时候,调用生成相关DOM结构的tpl模板。。

    34190

    Web基础(01)

    web学习 10节HTML 学习如何搭建页面结构和内容 (盖房子 毛坯房)CSS 学习如何美化页面 (装修)JavaScript 学习如何给页面添加动态效果jQuery JS语言框架,简化原生JS开发 Bootstrap 框架对htmlcssJavaScriptjQuery进行封装,目的是提高页面的开发效率项目页面----HTMLHyperTextMarkupLanguage: 超文本标记语言超文本 生日: 靓照: 显示效果: 5.图片练习 显示效果: 代码已打包,连接如下https:download.csdn.netdownloadqq_4427342912700036 未完待续…下一节链接: Web 基础(02)

    8830

    Web基础(02)

    内联样式:在标签的style属性中添加样式代码,不可以复用 使用较少内部样式: 在head标签里面添加style标签 标签体内写样式代码,可以在当页面复用,这种写法学习使用较多,工作中使用较少外部样式

    8020

    Web基础(03)

    section nav article CSS:层叠样式表 美化页面 三种引入方式: 内联: 在标签内部添加style属性 不能复用内部: 在head标签里面添加style标签,标签体内写样式代码, 可以当页面复用外部 border-leftrighttopbottom: 粗细 样式 颜色;给四个方向添加边框 border:粗细 样式 颜色;圆角: border-radius: 10px; 值越大越圆 超过宽高的一半时会变为圆形(提是正方形 ¥4600.00 查看详情 显示效果: ----本节所有的代码: https:download.csdn.netdownloadqq_4427342912729648 未完待续,,, 下一节链接: Web 基础(04)

    8920

    Web基础(04)

    topleftrigthbottom控制元素位置,坐标相对于窗口.应用场景: 需要将元素固定在窗口的某个位置,并且不随着内容位置改变而改变####浮动定位格式: float:leftright;显示特点: 元素脱离文档流,元素从当行向左或向右浮动 download.csdn.netdownloadqq_4427342912729675 注:代码中的图片路径为我本地路径,可自行上传图片,更改图片所在路径即可,有疑惑可以问我 未完待续,,, 下一节:Web 基础(05)

    7120

    Web基础(05)

    function fn5(x) { 判断是否是数值 if (isNaN(i1.value) || isNaN(i2.value)){ mydiv.innerText = 输入错误; return; 结束当方法

    5820

    Web基础(06)

    把字符串或数值 转成整数转成小数var timer =setInterval(方法,时间间隔) 开启定时器clearInterval(timer) 停止定时器window中常见的属性:history: 历史(当窗口的历史 ) window.history.length 获取历史页面数量 history.back() 返回上一页面 history.forward() 往下一页面location: 位置 window.kk

    11220

    Web基础(07)

    checked”) 匹配所有选中的单选和多选$(:selected) 匹配所有选中的下拉选 ###修改页面元素相关创建及添加元素创建: var d = $(abc);后面添加: 父元素.append(d);面添加 : 父元素.prepend(d);插入元素面: 兄弟元素.before(d);插入元素后面: 兄弟元素.after(d);删除元素: 元素对象.remove();获取和修改元素的文本内容 等效innerText .修改元素相关 div1 div2 div3 创建元素对象 var myh1 = $(我是新来的); 添加元素到body里面的最后面 $(body).append(myh1); 添加元素到某个元素的最面 $(body).prepend(myh1); 插入元素到某个元素的面 $(div:eq(1)).before(myh1); 插入到某个元素的后面 $(div:eq(1)).after(myh1); 给第一个下拉选添加值改变事件 $(select:first).change(function(){ 删除第二个下拉选里面的内容 $(select:last).children().remove(); 把之里面的内容覆盖掉起到删除的作用

    8020

    Web基础(08)

    overflow: hidden; } img{ position: absolute; } 得到所有图片遍历 i代表数组遍历时的下标 $(img).each(function(i){ this代表当遍历的数据中的 this).css(left,i*400); }) 开启定时器移动图片 setInterval(function(){ 得到所有图片并且遍历 $(img).each(function(){ 得到图片当

    6210

    Web基础(09)

    ###Bootstrap目比较流行的框架,基于htmlcssjavascriptjQuery, 由Twitter公司研发, 框架作用:提高页面的开发效率. 胶囊式 中国 美国 俄罗斯 胶囊式 魏国 曹操 司马懿 夏侯惇 蜀国 刘备 诸葛亮 马超 吴国 周瑜 小乔 孙尚香 给所有li添加点击事件 $(li).click(function(){ this代表当点击的

    8020

    Web知识(五)

    在 Bootstrap 2 中,我们对框架中的某些关键部分增加了对移动设备友好的样式。而在 Bootstrap 3 中,我们重写了整个框架,使其一开始就是对移动...

    9340

    Web知识(四)

    4.Web框架 4.1. jQuery框架4.1.1.jQuery概述4.1.1.1.jQuery框架概述jQuery是一款优秀的javaScript库.jQuery已经集成了JavaScript、 removeClass(myClass1 myClass2);3)切换类toggleClass(class)来回切换默认样式和指定样式 $(div).toggleClass(myClass1);同样也可以在多个类之进行切换 动画综合案例4.1.9.5.1.二级下拉菜单【效果图】:Html和css代码:接下来:先隐藏起来所有的二级菜单Js代码思路:对于上面的代码,下拉菜单基本已经实现了,但是如果用户滑动鼠标太快了,会出现,面动画没有执行完毕 在每一个动画开始之,先停止调之所有的动画,只保留自己的动画!!

    7530

    Web知识(三)

    再写一遍:惠多多首页3.JavaScript3.1.JavaScript基础3.1.1.为什么要学习JavaScript3.1.2.JavaScript概述JavaScript是一门广泛用于浏览器客户的脚本语言由 变量定义(声明)If switch for………3.1.3.3.JS中函数用法3.1.3.4.JS中创建对象我们经过面的学习,已经对JavaScript有了一个基本的了解,也大概会使用了,但是我们发现

    8120

    相关产品

    • 前端性能监控

      前端性能监控

      腾讯云前端性能监控(RUM)是一站式前端监控解决方案,用户只需要安装 sdk 到自己的项目中,通过简单配置化,即可实现对用户页面质量的全方位守护,真正做到了低成本使用和无侵入监控。

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      扫码关注云+社区

      领取腾讯云代金券