首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏码海

    Vue.js学习笔记(一)

    为此,今天花了一些时间学习了一下Vue,废话不多说,进入正题 什么是Vue Vue.js是一个构建数据驱动的 web 界面的库。 -7"> <date-picker></date-picker>

    var app7 = new Vue({ el: '#app-7', data: { } }) //修改页面
    <date-picker></date-picker>
    var app7 = new Vue({ el: '#app-7', data: { 我们只需要维护date-picker即可,后续如果要用其添加比如初始显示日期时,我们只需要从父元素传给它即可,有效地实现了解藕 与自定义元素的关系 我们注意到以上的date-picker组件的制定非常类似于Web 组件规范中的自定义元素,实际上Vue的组件就是参考了该规范,但仍有几个关键的不同: 1.Web 组件规范仍然远未完成,并且没有浏览器实现。

    1.3K30发布于 2019-12-22
  • 来自专栏前端之攻略

    Vue.js-列表渲染 原

    指令根据一组数组的选项列表进行渲染,v-for指令需要以item in items形式的特殊语法,items是源数据数组并且item是数组元素迭代的别名 基本用法 <body class="">

    </script> <script> var app = new Vue({ el: "#app script> </body> 在v-for块中,我们拥有对父作用域属性的完全访问权限,v-for还支持一个可选的第二个参数作为当前项的索引 <body class="">
    </script> <script> var app = new Vue({ el: "#app
    <script src="js/vue.js"></script> <script> var app = new Vue({ el: "#app

    3.5K20发布于 2019-04-04
  • 来自专栏前端之攻略

    Vue.js-条件渲染 原

    但是如果我们想切换多个元素,此时我们可以把一个<template>元素当做包装元素,并在上面使用v-if,最终的渲染结果不会包含<template>元素  <body class="">

    Hi

    ' }) var app = new Vue({ el: "#app -7", data: { ok: true}, }) </script> </body> <body class="">
    Hi

    ' }) var app = new Vue({ el: "#app
    <script src="js/vue.js"></script> <script> var app = new Vue({ el: "#app

    1.8K10发布于 2019-04-04
  • 来自专栏前端之攻略

    Vue学习-简单介绍 原

      <! todo-item', { props: ['todo'], template: '
    1. {{ todo.text }}
    2. ' }) var app7 = new Vue({ el: '#app

    49320发布于 2019-04-04
  • 来自专栏TestOps云层

    进阶的JavaScript-Vue

    有关全球最热门的前端组件库——Bootstrap,有关最受欢迎的动态web开发框架Angular,以及一直以来备受众议JS UI框架React与Vue。 <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <body> <div id="<em>app</em> template: '<li>{{ todo.text }}</li>' }) var app7 = new Vue({ el: '#<em>app</em>

    41710编辑于 2022-04-07
  • 来自专栏葡萄城控件技术团队

    使用VUE组件创建SpreadJS自定义单元格(一)

    Vue.component('todo-item', { props: ['todo'], template: '

  • {{ todo.text }}
  • ' }) // 实例化一个Vue对象,挂载在#app -7元素下,定它的属性,数组groceryList var app7 = new Vue({ el: '#app-7', data: { groceryList: [ { 在之前的内容中,我们提到了可以使用Svelte使用Web Conmponents封装其他组件可以使用的组件。

    1.9K20编辑于 2022-05-09
  • 来自专栏达达前端

    Web前端-Vue.js必备框架(三)

    Web前端-Vue.js必备框架(三) Web前端-Vue.js必备框架(三) vue是一款渐进式javascript框架,由evan you开发。vue成为前端开发的必备之一。 } }) 组件化:

      <! todo-item', { props: ['todo'], template: '
    1. {{ todo.text }}
    2. ' }) var app7 = new Vue({ el: '#app

    2K20发布于 2019-07-03
  • 来自专栏前端之攻略

    Vue模板语法 原

    需要使用v-html指令

    这个div的内容将会被替换成为属性值rawHtml  var app=new Vue({         el:"#app capitalize过滤器函数将会接收message的值作为第一个参数  {{message1 | capitalize }}   var app7 = new Vue({         el: '#app

    85620发布于 2019-04-04
  • 来自专栏小古哥的博客园

    Vue入门

    定义一个组件 props: ['todo'],//将数据从父作用域传到子组件 template: '

  • {{ todo.text }}
  • ' }) 以下有数据传递的组件 <ol id="<em>app</em> '],//子元素通过props接口实现与父元素的数据传递 template: '<li>{{ todo.text }}</li>' }) var app7 = new Vue({ el: '#<em>app</em>

    1.4K80发布于 2018-03-08
  • 来自专栏vue学习

    介绍-vuejs官网学习笔记

      <todo-item v-for="item in items" v-bind:todo todo-item', { props: ['todo'], template: '
    1. {{ todo.text }}
    2. ' }); var app7 = new Vue({ el: '#app

    6.4K30发布于 2018-09-04
  • 来自专栏前端之攻略

    Vue.js-自定义事件例子 原

    model 选项可以用来避免这样的冲突: <body class="">

    <base-checkbox v-model="lovingVue"></ v-on:change="$emit('change',$event.target.checked)"/> ` }) var app7 = new Vue({ el: '#app

    2K10发布于 2019-04-04
  • 来自专栏Java+爬虫

    Java Web(五)Web

    主要功能是“提供网上信息浏览服务” 1.Web 服务器作用? 封装 HTTP 协议操作,简化开发可以将 web 项目部署到服务器中,对外提供网上浏览服务 2.Tomcat 是一个轻量级的 Web 服务器,支持 Servlet/小 SP 少量 JavaEE 规范,也称为 Web 容器,Servlet 容器 1.Tomcat 简介 概念:Tomcat 是 Apache 软件基金会一个核心项目,是一个开源免费的轻量级 Web 服务器,支持 Servlet/JSP 少量 JavaEE 项目结构 5.1IDEA 创建 Maven Web 项目 Web 项目结构: 编译后的 ava 字节码文件和 resources 的资源文件,放到 WEB-lNF 下的 classes 目录下 pom.xml 中依赖坐标对应的 jar 包,放入 WEB-NF 下的 Iib 目录下 使用骨架 骨架:项目模板 1.选择 web 项目骨架,创建项目 2.删除 pom.xml 中多余的坐标 3.补齐缺失的目录结构

    1.6K30编辑于 2022-11-23
  • 来自专栏李蔚蓬的专栏

    An overview of the WebWeb概述)

    随着Internet的发展,基于HTTP协 议和HTML标准的Web应用呈几何数量级的增长,而这些Web应用又是由各种Web技术所开发的。 1.2 Web应用程序的工作原理 Web应用程序大体上可以分为两种,即静态网站和动态网站。早期的web应用主要是静态页面的 浏览,即静态网站。 这些网站使用HTML语言来编写,放在Web服务器上,用户使用浏览器通过HTTP协议请求服务器上的Web页面,服务器上的Web服务器将接收到的用户请求处理后,再发送给客户端浏览器,显示给用户。 这些网站通常使用HTML语言和动态脚本语言(如JSP、ASP或是PHP等)编写,并将编写后的程序部署到Web服务器上,由Web服务器对动态脚本代码进行处理,并转化为浏览器可解析的HTML代码,返回给客户端浏览器 image.png 1.3 Web应用技术 在开发Web应用程序时通常需要应用 客户端 和 服务区 两方面的技术。

    83130发布于 2018-09-13
  • 来自专栏WebJ2EE

    Web存储(Web Storage)

    Web 存储允许我们在浏览器里保存简单的 key/value 数据。 与 Cookie 相比,Web 存储方式更直观、存储空间更大(一般不超过 5MB); 实现 Web 存储的浏览器,在 window 对象上包含两个属性: localStorage sessionStorage 不仅如此 Web 存储还有个好玩的特性 存储事件 无论什么时候存储在 localStorage 或 sessionStorage 的数据发生变化,浏览器都会在【其他】对该数据可见的窗口对象上触发存储事件 参考: https://caniuse.com/#search=WebStorage https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API http://dev-test.nemikor.com/web-storage/support-test/ 《JavaScript 权威指南》 《JavaScript 高级程序设计》 《HTML5 权威指南

    1.7K40发布于 2019-07-19
  • 来自专栏learn

    Web前端】Web API:构建Web应用核心

    Web 开发中,API 通常用于实现前端与后端之间的通信。 客户端 JavaScript 中的 API 客户端 JavaScript 提供了众多可用的 API。 通常,这些 API 可以分为两种类型: 第一类是浏览器 API,它们嵌入于 Web 浏览器中,能够从浏览器及其周边环境获取数据,并用于执行各种复杂而有益的操作。 例如,Web 音频 API 为在浏览器中处理音频提供了一整套 JavaScript 接口,允许用户进行音轨提取、音量调整和特效应用等操作。 在现代 Web 开发中,JavaScript 通常与其他工具如框架(如 React、Angular)、库(如 jQuery)一起使用,这些工具也使用 API 来实现功能。 Web Storage API:允许在用户的浏览器中存储数据。 Canvas API:用于在网页上绘制图形。 Geolocation API:获取用户的地理位置信息。

    1.8K10编辑于 2024-11-21
  • 来自专栏九彩拼盘的叨叨叨

    Web存储(Web Storage)介绍

    Web存储即在客户端存储数据。 在没有Web Storage之前,是通过cookie来在客户端存储数据的。但是由于 浏览器能存cookie数比较少。 相比用Web Storage更适合存储大量数据: 每个域Chrome,Firefox和Opera是5M,IE是10M。 可以用这个来测 http://dev-test.nemikor.com/web-storage/support-test/ 。 请求时不会带web stroge的内容。 Web Storage 提供的客户端存储数据的方法 包括localStorage和sessionStorage。 更多见 https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage 。

    1.2K40发布于 2018-08-27
  • 来自专栏达达前端

    Vue的使用你学会了吗?

    props: ['todo'], template: '

  • {{ todo.text }}
  • ' })
      <! todo-item', { props: ['todo'], template: '
    1. {{ todo.text }}
    2. ' }) var app7 = new Vue({ el: '#app

    1.7K50编辑于 2022-04-29
  • 来自专栏啄木鸟软件测试

    Web测试—Web工作原理

    (一)Web的工作原理——URL统一资源定位   URL(uniform Resource Locator)统一资源定位 ?    (4)页面文件在服务器上的路径+文件名(最前面的“/”,这个“/”指的是web服务器软件制定的网站文件的路径)。   (5)附加部分:URL地址参数(这是最容易出完全问题的地方)。——? 浏览器的的内核   IE:Trident   Firefox:Gecko   Chrome、safari:Khtml   1、 Web客户端的主要作用之一就是用来发送HTTP请求并接收服务器响应,也就是说 ,只要能达成这一目地的任何工具或程序,都可以作为web的客户端来对待,而不能仅限于浏览器。    4、服务端技术 (1)Web服务器 ?   Web服务器作用:   A.监听客户请求;   B.处理客户端的简单请求(一般静态页面);   C.客户端与数据库之间的屏障。

    1.7K20发布于 2019-12-11
  • 来自专栏全栈技术

    Web 1.0、Web 2.0 和 Web 3.0 之间的比较

    Web 2.0 2004年,当“Web 2.0”这个词因蒂姆·奥莱利和戴尔·多尔蒂举办的第一届Web 2.0会议(后来称为Web 2.0峰会)而出名时,这个词是由达西·迪努奇在1999年创造的。 它实现了Web后端的升级,经过长时间专注于前端(Web 2.0主要关于AJAX,标记和其他前端用户体验创新)。Web 3.0是一个术语,用于描述Web使用和多个路径之间的交互的许多演变。 可以帮助我们定义Web 3.0的主要功能: 1.语义Web Web 的后续演变涉及语义网。 Web 1.0、Web 2.0 和 Web 3.0 之间的区别 编号 Web 1.0 Web 2.0 Web 3.0 1. 大部分为只读 通读写 便携式和个人的 2. Web 3.0技术包括区块链、人工智能和去中心化协议。 17. 以上这些是Web 1.0,Web 2.0和Web 3.0之间具有自己独特性的主要区别。

    2.3K31编辑于 2022-10-31
  • 来自专栏云游的小教程

    Web

    冲着名字选了 Web开发技术 后,发现老师讲的是 JavaEE,而且书本上的知识十分老旧。 = =,实验的内容也是意外的简陋。总之,自己不是很感兴趣吧。 预置 Maven 环境,所以使用 Maven 创建 Web 应用程序项目。 在终端输入以下命令,并确定项目名称,创建 Web 项目。 参考教程: http://www.yiibai.com/maven/create-a-web-application-project-with-maven.html ---- 后记 做实验省得配置一堆环境

    52130发布于 2021-05-21
  • 第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页
    点击加载更多
    领券