疯子的梦想＠
疯子的梦想＠

前端VUE3.0,DAY5，el和data的两种写法。

VUE3.0,DAY5

      • el第一种写法
      • el第二种写法
      • data第一种写法
      • data第二种写法
      • 总结

el第一种写法

1.建好基本框架代码，包括引入vue和创建vue实例。这里的代码实际效果如下图所示，是在网页中显示“您好，哈哈”。此种方式是通过el与div容器内的内容建立联结。





    
    
    
    el与data的两种写法
    
    



    
    

       
您好，{{name}}

前端VUE3.0,DAY5，el和data的两种写法。_第1张图片

el第二种写法

1.使用一个变量v来接受vue实例，然后打印如变量v的所有内容，随后用v.$mount('#root')与id为root的容器建立联结。其中￥mount有挂载的意思。





    
    
    
    el与data的两种写法
    
    



    
    

        
您好，{{name}}

data第一种写法

1.第一种写法，简单粗暴，对象式写法，需要什么数据就添加进data什么数据。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=\, initial-scale=1.0">
    <title>el与data的两种写法</title>
    <!--引入vue.js-->
    <script type="text/javascript" src="../vue.js"></script>
</head>

<body>
    <!--准备好一个容器-->
    <div id="root">
        <h1>您好，{{name}}</h1>
    </div>
</body>
<script type="text/javascript">
    Vue.config.productionTip = false//阻止vue在启动时生成生产提示。
    //创建vue实例

    const v = new Vue({

        data: {
            name: '哈哈'
        }
    })
    console.log(v)
    v.$mount('#root')
</script>

</html>

data第二种写法

1.该种写法为函数式，在以后组件的复用时，必须用第二种写法。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=\, initial-scale=1.0">
    <title>el与data的两种写法</title>
    <!--引入vue.js-->
    <script type="text/javascript" src="../vue.js"></script>
</head>

<body>
    <!--准备好一个容器-->
    <div id="root">
        <h1>您好，{{name}}</h1>
    </div>
</body>
<script type="text/javascript">
    Vue.config.productionTip = false//阻止vue在启动时生成生产提示。
    //创建vue实例

    const v = new Vue({

        data: function () {
            return {
                name: '哈哈哈'
            }
        }
    })
    console.log(v)
    v.$mount('#root')
</script>

</html>

网页中显示内容
前端VUE3.0,DAY5，el和data的两种写法。_第2张图片

总结

data与el的2种写法
1.el有2种写法
(1).new Vue时候配置el属性。
(2).先创建Vue实例，随后再通过v. $mount( ’ #root ’ )指定el的值。
2. data有2种写法
(1).对象式
(2).函数式
如何选择:目前哪种写法都可以，以后学习到组件时，data必须使用函数式，否则会报错。
3.一个重要的原则:由Vue管理的函数（data的函数式写法），一定不要写箭头函数，一旦写了箭头函数，this，当前就不再是Vue实例了。

你可能感兴趣的:(前端,vue,js,javascript)

  • wzl--wholeMachine 大胖丫 vue.jselementuijavascript
    page1###########################################serversManage.vue-->-->-->-->借用人为空-->-->查询重置新增删除导出-->导入批量下架-->{{scope.row.notes}}-->-->')"placement="top"effect="light":open-delay="500">-->')">-->-->--
  • 序列化--jackson与hutool对比 小达人Fighting 序列化与反序列化java数据库服务器
    场景描述：1、经过web层处理的序列化【以jackson为例】2、纯工具的序列化【以hutool为例】代码演示1）POJO@Builder@Data@JsonIgnoreProperties(ignoreUnknown=true)publicclassTrRegistryVO{/***主键ID*/@JsonProperty("id")privateStringid;/***登记单号*/@JsonP
  • 使用Windows系统进行Node.js离线安装 YOUFDJ windowsnode.js编程
    Node.js是一个基于ChromeV8引擎的JavaScript运行时，广泛用于服务器端开发。通常情况下，我们可以通过官方网站下载安装程序进行Node.js的安装，但有时候在没有网络连接的情况下，我们需要进行离线安装。本文将详细介绍如何在Windows系统下进行Node.js的离线安装。以下是进行Node.js离线安装的步骤：第一步：下载Node.js安装包首先，我们需要从官方网站或其他可信来源
  • 2024年全新WebGIS开发学习方法 GIS好难学 学习方法GIS
    现在每天都有越来越多的企业依靠与地理信息位置相关的数据来改善运营和增加利润，包括：客户位置、货物位置等，这些数据信息现在已经成为许多业务逻辑中不可或缺的一部分。但是，很少有人同时会GIS和编程，程序员分为很多种，但是GIS开发通常是指前端+GIS开发，大部分做前端的程序员，不会GIS框架，这也是GIS开发人才或缺的重要原因之一。如果想往GIS开发方向发展，但在学习的时候感到困惑，可以看下本篇文章，
  • vue3组件传参 weixin_46541579 vue.js前端javascript
    父组件向子组件传参父组件向子组件传参主要通过props来实现父组件importSonComponetfrom'./components/SonComponet.vue';import{ref}from'vue'constinfo=ref({name:'zs',age:12})constlist=ref(['a','b','c'])子组件SonComponet.vuemessage:{{messag
  • zswap 数据结构维护解析 仙度瑞拉快点跑 数据结构
    zswap数据结构维护解析zswap是Linux内核中的一个前端压缩交换（swap）机制，它在内存中维护一个zpool来存储被压缩的页面，以减少磁盘I/O并提高性能。以下是zswap维护加解压相关数据结构的核心解析。1.zswap的核心数据结构1.1structzswap_entryzswap_entry结构体表示zswap维护的每个压缩页面的元数据。structzswap_entry{struc
  • 鸿蒙 ArkUI实现地图找房效果 儿歌八万首 鸿蒙开发开发语言鸿蒙ArkUI华为
    常用的地图找房功能，是在地图上添加区域、商圈、房源等一些自定义marker，然后配上自己应用的一些筛选逻辑构成，在这里使用鸿蒙ArkUI简单实现下怎么添加区域/商圈、房源等Marker.1、开启地图服务在华为开发者官网，注册应用，然后在我的项目-我的应用-ApI管理中开启地图服务MapKit；2、地图相关配置在工程中entry模块的module.json5文件中配置client_id，client
  • vue图表插件ECharts使用指南 IT 老王 echarts前端javascript
    以下是一份较为全面的ECharts使用指南，包含安装、基本使用步骤、常见图表示例以及配置项说明等内容。1.安装ECharts可以通过npm或yarn进行安装，在项目根目录下执行以下命令：#使用npm安装npminstallecharts--save#使用yarn安装yarnaddecharts2.基本使用步骤2.1引入ECharts在Vue组件中引入ECharts：import*asecharts
  • 字节跳动 后端开发 一面 面经 我喝AD钙 面经java后端面试
    2023-08-07字节跳动后端开发一面1自我介绍：学历背景-实习/项目-校园经历-获奖2介绍一下java全栈实习：业务-解决方案-工作-成果-反思3xx功能怎么做的：业务-表设计-前端原型-功能-前后端接口-后端实现4订单管理货物管理怎么做的：xxx5数据存储用的啥：mysql给主键常用字段加索引6货物限量怎么处理：java加锁（锁的比较与选择）/数据库事务（考虑了吗，为什么没用）7单体应用，某
  • Node.js 发展史 ivanfor666 node.js
    自从Node.js诞生以来，它经历了许多版本的演进和改进。Node.js于2009年首次发布，由RyanDahl创建，从那时起，它经历了许多重要版本和里程碑。在这篇文章中，我将为你介绍Node.js从发布至今的一些重要版本，包括它们的主要特性和变化。Node.js0.1.0(2009年5月27日):Node.js的首个公开版本。支持基本的网络通信和文件系统操作。Node.js0.4.0(2010年
  • 【数据挖掘】Pandas dundunmm 数据挖掘数据挖掘pandas人工智能
    Pandas是Python进行数据挖掘和数据分析的核心库之一，提供了强大的数据清洗、预处理、转换、分析和可视化功能。它通常与NumPy、Matplotlib、Seaborn、Scikit-Learn等库结合使用，帮助构建高效的数据挖掘流程。1.读取数据Pandas支持多种数据格式，如CSV、Excel、JSON、SQL、Parquet等。importpandasaspd#读取CSV文件df=pd.
  • 前端面试100问！！ 一只松 javascriptes6
    面试造火箭，工作拧螺丝！在技术圈毕竟只有百分之一的人能进入BAT，百分之九九的小伙伴只能在普通公司做这普通的事情，厌烦哪些标题党，我们抛开那些高大上的台词，回归到面试的本质。本课程帮助小伙伴们快速梳理知识，不会涉及到具体的很细节的知识点，关注面试本身。公司一般会从以下5个方面考察一个人的能力，本课程的100问是总结了最近2-3年常问的面试题，适合初中级前端工程师。1、HTML(5)和CSS3方面1
  • path 路径模块 咖啡の猫 node.js后端
    在Node.js开发中，处理文件路径是一项常见的任务。为了简化路径操作并避免跨平台兼容性问题，Node.js提供了一个名为path的核心模块。本文将详细介绍path模块的基础知识、主要功能以及如何利用它来实现路径操作。什么是path模块？path模块提供了实用工具来处理和转换文件路径，使得开发者能够编写出跨平台兼容的代码。无论是构建动态文件路径还是解析现有路径，path模块都能大大简化这些操作。跨
  • 前端面试题---2022 每日一小知识 前端htmlnpmvscodenode.js
    *集大成之面试题，我们不做面试题的创作者，只做面试题的搬运工（侵必删）〇理论一个完整的URL解析过程1用户输入URL地址。2对URL地址进行DNS域名解获得IP地址。3建立TCP连接（三次握手）。4浏览器向web服务器发送一个HTTP请求报文。5服务器返回HTTP响应报文给客户端。6关闭TCP连接（四次挥手）。7浏览器解析文档资源并渲染页面。解析过程：浏览器解析的资源（html，svg,Xhtml
  • js 数字千分位格式化 SHIZHK 前端
    functionformat(num){return(num.toFixed(2)+'').replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g,'$&,');}
  • JSR-107与SpringBoot缓存 weixin_39515823 SpringBootspring
    文章目录JSR-107与SpringBoot缓存JSR-107JSR-107核心接口JSR-107图示Spring的缓存抽象缓存抽象定义重要接口Spring缓存使用重要概念&缓存注解缓存初体验@Cacheable注解的属性SpEL表达式@Cacheable的运行流程@CachePut&@CacheEvict&@CacheConfig@CachePut@CacheEvict@CacheConfig缓
  • JAVA版本GDAL安装使用教程(详细步骤） Roc-xb javaGDAL
    GDAL由加拿大航天代理局开发，采用MIT/X开源协议，由OpenSourceGeospatialFoundation维护。它通过抽象数据模型统一支持多种地理数据格式，包括栅格数据（如GeoTIFF、JPEG2000、HDF）和矢量数据（如Shapefile、GeoJSON）。其跨平台性支持Windows、Linux、macOS等操作系统，并提供了Python、C/C++、Java等多种语言接口一
  • 后端开发技术栈和知识点的分类，以及按学习顺序推荐的相关书籍 输出输入 学习后端
    以下是后端开发技术栈和知识点的分类，以及按学习顺序推荐的相关书籍：1.基础编程语言后端开发通常需要掌握至少一种编程语言，如Java、Python、Go或Node.js。推荐书籍：•Java：•《Java核心技术卷I》：适合Java初学者，涵盖语言基础、面向对象编程、异常处理等内容。•《Java编程思想》：深入讲解Java的核心概念和编程思想。•《EffectiveJava》：Java开发的最佳实践
  • vue按照官网设置自动导入后ElMessageBox不生效问题 cc.ChenLy 前端
    按照官网的方式导入之后，ElMessageBox不用再引入了，不然就会造成冲突不生效解决的方法：将组件中的引入删除，直接使用
  • vue那个生命周期函数操作dom_vue生命周期实例小结 迷失的憨批
    本文实例分析了vue生命周期。分享给大家供大家参考，具体如下：每个Vue实例都存在完整的生命周期，经历从创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程。如下图所示vue的完整生命周期可分为三个阶段：初始化阶段、运行阶段和销毁阶段。共存在很多钩子函数，他们在vue生命周期不同的阶段进行操作,列举如下：beforeCreatecreatedbeforeMountmounte
  • vue中在哪个生命周期中dom被渲染_Vue.js 组件的生命周期 丁晓斌
    本文目录结构问题Vue组件的生命周期答案总共分为8个阶段创建前/后，载⼊前/后，更新前/后，销毁前/后创建前/后：在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在created阶段，vue实例的数据对象data有了，el还没有载⼊前/后：在beforeMount阶段，vue实例的$el和data都初始化了，但还是挂载之前为虚拟的dom
  • vue中在哪个生命周期中dom被渲染_Vue生命周期说明 祁圆圆
    人是生而自由的，但却无往不在枷锁之中。自以为是其他一切人的主人，反比其他一切人更是奴隶。——卢梭复制代码生命周期图生命周期钩子说明beforeCreate(初始化界面前)在实例初始化之后，数据观测(dataobserver)和event/watcher事件配置之前被调用。data和$el都没有初始化，全部为undefinedcreated(初始化界面后)实例已经创建完成之后被调用。在这一步，实例已
  • 深入探索CSS：从基础到高级，解锁网页设计的无限可能 斯~内克 csscss前端
    CSS（层叠样式表）是现代网页设计中不可或缺的一部分，它不仅决定了网页的外观和风格，还极大地影响了用户体验和交互效果。从简单的文本样式到复杂的布局设计，CSS的灵活性和强大功能使其成为前端开发的核心技术之一。本文将从CSS的基础概念出发，逐步深入到高级应用，带你全面了解CSS的魅力和实用性。一、CSS简介：网页设计的基石CSS是一种用于描述HTML或XML文档外观和格式的样式表语言。它的主要作用是
  • 终极指南：styled-components 深度解析与实战对比 ox0080 #北漂+滴滴出行WebVIP激励styled-comCSS
    一、CSS-in-JS革命：现代Web样式新范式1.1传统CSS的三大痛点全局污染：class命名冲突导致"样式战争"状态隔离：动态样式需要操作DOM类名架构割裂：样式文件与组件逻辑分离//传统CSS的典型问题实例//Button.css.btn{background:blue;}//全局作用域//App.css.btn{padding:10px;}//意外覆盖1.2CSS-in-JS的核心优势真
  • 前后端数据传输加密：Python 与 Vue 的实践 风清扬【coder】 Web应用vue.jspython前端
    Python与Vue实现接口数据加密传输在当今互联网应用开发中，数据安全是重中之重。尤其是在前后端进行数据交互时，确保传输数据的保密性、完整性和可用性，是每一位开发者不可忽视的关键环节。本文将深入探讨如何运用Python后端和Vue前端技术，实现接口数据传输过程中的加密处理，为大家揭开数据安全保护的神秘面纱。加密基石：AES算法我们选用的加密算法是AES（AdvancedEncryptionSta
  • 从虚拟dom知识无痛深入vue与react的原理 沐萸木鱼 javascript开发语言前端vue.jsreact.js前端框架html
    我们都知道像vue、react都有用到虚拟dom,那么虚拟dom到底是什么？框架为什么不直接操作真实dom而要在中间要引入虚拟dom呢？vue和react的虚拟dom又有什么异同呢？我们就从虚拟dom开始讲起，再来逐步引入讲解vue与react的部分原理及其异同，这里会顺便讲解到数据驱动视图及视图驱动数据，顺便明白MVVM、MVC这两种模式，顺便引入相关的八股文知识点，好好阅读这篇文章你会不小心一
  • Vue实战指南 获取DOM、操作组件 DTcode7 Vue实战指南VUEHTMLwebvue框架前端
    Vue实战指南获取DOM、操作组件引言获取DOM元素示例一：使用`ref`获取DOM元素示例二：使用`$el`访问根元素操作组件实例示例三：使用`methods`和`computed`属性示例四：使用`watch`属性监控变化示例五：使用`$emit`触发自定义事件实际开发中的使用技巧引言Vue.js是一个轻量级的前端框架，它允许开发者高效地构建交互式用户界面。在Vue应用中，有时我们需要直接操作
  • Axios：高效处理HTTP请求的利器 winxinxian http网络协议网络
    Axios：高效处理HTTP请求的利器在现代Web开发中，处理HTTP请求是一项基础且至关重要的任务。Axios，作为一个基于Promise的HTTP客户端，因其简洁的API设计、强大的功能和跨平台兼容性（支持浏览器和Node.js环境），成为了众多开发者的首选工具。本文将详细介绍Axios的基本用法、高级功能以及在实际开发中的应用。一、Axios简介Axios是一个基于Promise的网络请求库
  • 前端：HTML 00&00 前端前端html
    HTML（超文本标记语言，HyperTextMarkupLanguage）是构建网页的标准标记语言。它被广泛用于创建和设计网页内容，使得文本、图像、链接、表格等元素能够在浏览器中以结构化的形式展示。以下是HTML的详细介绍：1.HTML的基本结构HTML文档通常由一系列嵌套的元素和标签构成，具有以下基本结构：      文档标题  欢迎使用HTML！  这是一个段落。``：声明文档类型，告知浏览器
  • Android -- 使用Sharepreference保存List储存失败，原因是包含Bitmap,drawable等类型数据 王的博客 android
    1.报错信息如下：classandroid.content.res.ColorStateListdeclaresmultipleJSONfieldsnamedmChangingConfigurations2.Bean类属性如下：dataclassAppInfoBean(valappName:String?,valappIcon:Drawable,valappPackage:String?,vala
  • jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque qiaolevip 每天进步一点点学习永无止境跨域众观千象
    XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
  • mysql 分区查询优化 annan211 java分区优化mysql
    分区查询优化 引入分区可以给查询带来一定的优势，但同时也会引入一些bug. 分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区，通过分区过滤可以让查询扫描更少的数据。 所以，对于访问分区表来说，很重要的一点是要在where 条件中带入分区，让优化器过滤掉无需访问的分区。 可以通过查看explain执行计划，是否携带 partitions
  • MYSQL存储过程中使用游标 chicony Mysql存储过程
    DELIMITER $$ DROP PROCEDURE IF EXISTS getUserInfo $$ CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为：getUserInfo-- 参数为：date_day日期格式:2008-03-08--    BEGINdecla
  • mysql 和 sqlite 区别 Array_06 sqlite
    转载： http://www.cnblogs.com/ygm900/p/3460663.html mysql 和 sqlite 区别 SQLITE是单机数据库。功能简约，小型化，追求最大磁盘效率 MYSQL是完善的服务器数据库。功能全面，综合化，追求最大并发效率 MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装，例如网站访问量比较大的。而sq
  • pinyin4j使用 oloz pinyin4j
    首先需要pinyin4j的jar包支持；jar包已上传至附件内 方法一:把汉字转换为拼音；例如：编程转换后则为biancheng      /** * 将汉字转换为全拼 * @param src 你的需要转换的汉字 * @param isUPPERCASE 是否转换为大写的拼音； true:转换为大写；fal
  • 微博发送私信 随意而生 微博
    在前面文章中说了如和获取登陆时候所需要的cookie，现在只要拿到最后登陆所需要的cookie，然后抓包分析一下微博私信发送界面 http://weibo.com/message/history?uid=****&name=**** 可以发现其发送提交的Post请求和其中的数据， 让后用程序模拟发送POST请求中的数据，带着cookie发送到私信的接入口，就可以实现发私信的功能了。
  • jsp 香水浓 jsp
    JSP初始化     容器载入JSP文件后，它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务，复写jspInit()方法就行了 JSP执行     这一阶段描述了JSP生命周期中一切与请求相关的交互行为，直到被销毁。     当JSP网页完成初始化后
  • 在 Windows 上安装 SVN Subversion 服务端 AdyZhang SVN
    在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号   最佳阅读效果请访问原地址：http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx   现在的Subversion已经足够稳定，而且已经进入了它的黄金时段。我们看到大量的项目都在使
  • android开发中如何使用 alertDialog从listView中删除数据？ aijuans android
    我现在使用listView展示了很多的配置信息，我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据，（ ArrayAdapter ，ArrayList，listView 全部删除），我知道在 下面的onItemLongClick 方法中 参数 arg2  是选中的序号，但是我不知道如何继续处理下去 1 2 3
  • jdk-6u26-linux-x64.bin 安装 baalwolf linux
    1.上传安装文件(jdk-6u26-linux-x64.bin) 2.修改权限 [root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin 3.执行安装文件 [root@localhost ~]# cd /usr/local [root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
  • MongoDB经典面试题集锦 BigBird2012 mongodb
    1.什么是NoSQL数据库？NoSQL和RDBMS有什么区别？在哪些情况下使用和不使用NoSQL数据库？ NoSQL是非关系型数据库，NoSQL = Not Only SQL。 关系型数据库采用的结构化的数据，NoSQL采用的是键值对的方式存储数据。 在处理非结构化/半结构化的大数据时；在水平方向上进行扩展时；随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。 在考虑数据库的成熟
  • JavaScript异步编程Promise模式的6个特性 bijian1013 JavaScriptPromise
            Promise是一个非常有价值的构造器，能够帮助你避免使用镶套匿名方法，而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。         在我们开始正式介绍之前，我们想看看Javascript Promise的样子： var p = new Promise(function(r
  • [Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager bit1129 zookeeper
    ClientWatchManager接口 //接口的唯一方法materialize用于确定那些Watcher需要被通知 //确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path public interface ClientWatchManager { /** * Return a set of watchers that should
  • 【Scala十五】Scala核心九：隐式转换之二 bit1129 scala
    隐式转换存在的必要性，   在Java Swing中，按钮点击事件的处理，转换为Scala的的写法如下：   val button = new JButton button.addActionListener( new ActionListener { def actionPerformed(event: ActionEvent) {
  • Android JSON数据的解析与封装小Demo ronin47
    转自：http://www.open-open.com/lib/view/open1420529336406.html package com.example.jsondemo; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject;    impor
  • [设计]字体创意设计方法谈 brotherlamp UIui自学ui视频ui教程ui资料
      从古至今，文字在我们的生活中是必不可少的事物，我们不能想象没有文字的世界将会是怎样。在平面设计中，UI设计师在文字上所花的心思和功夫最多，因为文字能直观地表达UI设计师所的意念。在文字上的创造设计，直接反映出平面作品的主题。 如设计一幅戴尔笔记本电脑的广告海报，假设海报上没有出现“戴尔”两个文字，即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
  • 单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值 bylijinnan java算法面试题
    import java.util.LinkedList; /* 单调队列 滑动窗口 单调队列是这样的一个队列：队列里面的元素是有序的，是递增或者递减 题目：给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k. 要求：f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1 问题的另一种描述就
  • struts2处理一个form多个submit chiangfai struts2
    web应用中，为完成不同工作，一个jsp的form标签可能有多个submit。如下代码： <s:form action="submit" method="post" namespace="/my"> <s:textfield name="msg" label="叙述：">
  • shell查找上个月，陷阱及野路子 chenchao051 shell
    date -d "-1 month" +%F     以上这段代码，假如在2012/10/31执行，结果并不会出现你预计的9月份，而是会出现八月份，原因是10月份有31天，9月份30天，所以-1 month在10月份看来要减去31天，所以直接到了8月31日这天，这不靠谱。     野路子解决：假设当天日期大于15号
  • mysql导出数据中文乱码问题 daizj mysql中文乱码导数据
    解决mysql导入导出数据乱码问题方法： １、进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+----------------------------------------+ | Variable_name&nbs
  • SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write dcj3sjt126com PHPsmartysae
      对于SAE出现的问题：Uncaught exception 'SmartyException' with message 'unable to write file...。 官方给出了详细的FAQ：http://sae.sina.com.cn/?m=faqs&catId=11#show_213 解决方案为：   01 $path 
  • 《教父》系列台词 dcj3sjt126com
    Your love is also your weak point. 你的所爱同时也是你的弱点。   If anything in this life is certain, if history has taught us anything, it is that you can kill anyone.   不顾家的人永远不可能成为一个真正的男人。 &
  • mongodb安装与使用 dyy_gusi mongo
    一.MongoDB安装和启动,widndows和linux基本相同 1.下载数据库,     linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz 2.解压文件,并且放置到合适的位置     tar -vxf mongodb-linux-x86_64-ubun
  • Git排除目录 geeksun git
    在Git的版本控制中，可能有些文件是不需要加入控制的，那我们在提交代码时就需要忽略这些文件，下面讲讲应该怎么给Git配置一些忽略规则。   有三种方法可以忽略掉这些文件，这三种方法都能达到目的，只不过适用情景不一样。 1.  针对单一工程排除文件 这种方式会让这个工程的所有修改者在克隆代码的同时，也能克隆到过滤规则，而不用自己再写一份，这就能保证所有修改者应用的都是同一
  • Ubuntu 创建开机自启动脚本的方法 hongtoushizi ubuntu
    转载自： http://rongjih.blog.163.com/blog/static/33574461201111504843245/ Ubuntu 创建开机自启动脚本的步骤如下： 1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。   2) 设置脚本文件的权限 $ sudo chmod 755
  • 第八章 流量复制/AB测试/协程 jinnianshilongnian nginxluacoroutine
    流量复制 在实际开发中经常涉及到项目的升级，而该升级不能简单的上线就完事了，需要验证该升级是否兼容老的上线，因此可能需要并行运行两个项目一段时间进行数据比对和校验，待没问题后再进行上线。这其实就需要进行流量复制，把流量复制到其他服务器上，一种方式是使用如tcpcopy引流；另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
  • 电商系统商品表设计 lkl
    DROP TABLE IF EXISTS `category`; -- 类目表 /*!40101 SET @saved_cs_client = @@character_set_client */; /*!40101 SET character_set_client = utf8 */; CREATE TABLE `category` ( `id` int(11) NOT NUL
  • 修改phpMyAdmin导入SQL文件的大小限制 pda158 sqlmysql
    　用phpMyAdmin导入mysql数据库时，我的10M的 数据库不能导入，提示mysql数据库最大只能导入2M。 　　 phpMyAdmin数据库导入出错： 　　You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
  • Tomcat性能调优方案 Sobfist apachejvmtomcat应用服务器
    一、操作系统调优 对于操作系统优化来说，是尽可能的增大可使用的内存容量、提高CPU的频率，保证文件系统的读写速率等。经过压力测试验证，在并发连接很多的情况下，CPU的处理能力越强，系统运行速度越快。。 【适用场景】 任何项目。 二、Java虚拟机调优 应该选择SUN的JVM，在满足项目需要的前提下，尽量选用版本较高的JVM，一般来说高版本产品在速度和效率上比低版本会有改进。 J
  • SQLServer学习笔记 vipbooks 数据结构xml
    1、create database school 创建数据库school 2、drop database school 删除数据库school 3、use school 连接到school数据库，使其成为当前数据库 4、create table class(classID int primary key identity not null) 创建一个名为class的表，其有一
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他