甜宝小妮儿
甜宝小妮儿

复习汇总vue知识点

目录

一.历史介绍: 官网:https://cn.vuejs.org/

二.核心原理:

三.使用:

        1)引包: 

2）启动:

3)插值表达式:

4)什么是指令?

5)vue中常见的指令:

6)事件修饰符

7)v-model 和 v-bind --双向的数据绑定(重点)

8)v-for的使⽤

9)vue中的计算属性  computed:{} 

 10）vue中的监听器 watch

11)Vue中的过滤器 filters   | 管道符

四.组件:

1）组件的解释:

 2)组件分类

3)组件使用

4)组件通信(重点) 

        a)父传子(props):

      b)子传父($emit)

        c)组件通信 

        D)其它组件通信方式

五.插槽

  1)插槽：用于在父模版中用于占位,增加组件扩展性

六.生命周期 

        1)什么是⽣命周期

        2) ⽣命周期钩⼦ 函数

七.具名插槽中的传值方法 

八.ref属性

十.vue中的指令 

十一. vue中的过渡与动画 

十二.vue-cil脚手架

        1)vue-cli 脚手架

        2)安装 

        3)vue中的模块和组件

 (一)require()与import()的区别

(二) commonjs模块与es6js模块的区别

      4)单文件组件

        5)vue项目的配置文件

        6）npm安装

 十三.vue-router

        1)安装:

        2)使用

         3)路由加载机制:

 十四.单页面应用介绍

        1)单页面解释和应用

        2)优缺点:

十五.element框架

                网址:https://element.eleme.cn/#/zh-CN

        1)安装和使用element 

        2)在组件中使用 element-ui 

 十六.vue - Axios库

        1）使用场景:

        2)使用请求数据的方式

        3)axios库简介：

        4）主要优点：

        5）Axios请求格式 

5-1）GET请求:

5-2) POST请求:

                7)Vue中使用 axios 

6-1)安装:     vue add axios

6-2)需要配置代理服务器

十七.动态路由 

 1)设置

 2)获取

3)编程式路由导航 

一.历史介绍: 官网:https://cn.vuejs.org/

        Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

兼容性：Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。


开发者工具:在使用 Vue 时，我们推荐在你的浏览器上安装 Vue Devtools。它允许你在一个更友好的界面中审查和调试 Vue 应用(如何安装,下期教你)

        angular.js 09年,年份较早

        react,2013年,用户体验好

vue 2014年,用户体验好 作者:尤雨溪 国人骄傲

二.核心原理:

        DOM节点 + 发请求 + 模板引擎 + 路由功能  

VUE-KFC的世界,库就是一个小套餐,框架就是全家桶

        vue全家桶: vue基础 + vue-cli脚架 + vue-router路由 + vuex(状态管理模式)

三.使用:

        1)引包: 

​
 //引入vue的库

2）启动:

3)插值表达式:

{{ 表达式 }}  类似模版中的变量表达

对象-------- (不要连续3个{} )    {{{name:'jack'}}}错误       {{ {name:'jack'} }}正确
字符串------ {{ 'xxx' }} 
判断后的布尔值------- {{ true }} 
三元表达式-------  {{ true?'是正确':'错误' }} 

ps:  要⽤插值表达式 必须要data中声明该属性

4)什么是指令?

解释: 在vue中提供了⼀些对于页面 + 数据的更为方便的输出, 这些操作就叫做指令, 以v-xxx表示 
        例: 
 

    在vue中 以v-xxx开头的就叫做指令 
    指令中封装了⼀些DOM⾏为, 结合属性作为⼀个暗号, 暗号有对应的值,根据不同的值，框架会进⾏相关DOM操作的绑定

5)vue中常见的指令:

v-text: 文字指令
v-html: 元素的innerHTML 

v-if : 判断是否插⼊这个元素,相当于对元素的销毁和创建
v-else-if   
v-else 

v-show 隐藏元素 
如果确定要隐藏, 会给元素的style加 上display:none。是基于css样式的切换 

说明:  v-if和v-show的区别?
v-if为DOM渲染属性,  通过添加删除DOM节点实现
v-show属于css渲染,  通过css的display:none实现
 
v-bind使⽤ 	给元素的属性赋值   可以给已经存在的属性赋值    也可以给⾃定义属性赋值 
语法: 
在元素上 v-bind:属性名="常量||变量名" 
例:	
v-bind:href = 'res.url' 	 可以简写为 :href = 'res.url'

ps: 如果直接绑定属性值时,可以不用外部{ } , 如果设置属性与属性值时,要加入外部的{ }

:src="变量"            	  绑定图片地址  
:class = "{active:isActive}" 增加样式, active=’变量’

样式改变:
:style='{color:isColor,fontSize:fontSize+"px"} 中间的变量可以直接被解析 

功能类似于 jq中 attr为标签设置属性

简写形式 :属性名="变量名"
v-on的使用:

        处理自定义原生事件的,给按钮添加click并让使用变量
v-on: 绑定事件   事件名="表达式||函数名"   简写方式: @事件名="表达式" 
例如: 绑定监听:  v-on:xxx="fun"   @xxx="fun"   @xxx="fun(参数)"
   
  	PS：vue中的事件对象获取, 当方法中没有参数时, 在方法中的第一个参数就是事件对象	当方法中有参数时,需要手动, 在调用事件时,加入$event,代表事件对象

所有事件默认事件对象都为: event
  	
外部传入时,可以通过$event的方式,把 事件对象传入


传参问题：
     1. 事件对象
        1. 当定义的事件没有其他参数时，第一个参数默认就是事件对象
              

                demo(e){e就是事件对象}
        2. 当定义的事件有其他参数时，事件对象必须手动传入
              

              demo(cs,e){}
       2. 普通参数
           定义函数时直接在函数上添加参数
            

        - 简写：v-on 简写成 @
        - this问题：this指向当前组件

6)事件修饰符

解释: 在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。

2. 事件修饰符:
   .prevent : 阻止事件的默认行为 
原生JS    event.preventDefault()
  
.stop : 停止事件冒泡 
原生JS     event.stopPropagation()

3. 按键修饰符
  .keycode : 操作的是某个keycode值的健
  .enter : 操作的是enter键


  -demo事件修饰符/鼠标修饰符：  
 
      使用语法:

 
            .stop 停止事件冒泡
 
            .prevent  阻止事件的默认行为
 
            .capture  变为事件捕获
 
            .self     阻止捕获
 
            .once     一次性事件
 
            .passive  监听滚动, scroll事件,需要配置脚手架与监听,后面讲
 
   - 键盘/按键修饰符：
 
             
 
            .enter  操作的是enter键
 
            .tab    操作的是Tab键
 
            .delete (捕获“删除”和“退格”键)
 
            .esc
 
            .space
 
            .up
 
            .down
 
            .left
 
            .right
 
  - 系统修饰符：
 
            
 
            .ctrl
 
            .alt
 
            .shift
 
            .meta

ps: 修饰符可以去自由组合,但要注意顺序

例:
 @click.ctrl  ctrl+单击才生效

-Input中的修饰符
    .lazy		  延时
    .number   自动转数字
    .trim       去掉左右空格

7)v-model 和 v-bind --双向的数据绑定(重点)

双向数据流（绑定） 	页面改变影响内存(js) 内存(js)改变影响页面

使用v-model(双向数据绑定)自动收集数据    单向数据绑定 内存改变影响页面⾯改变 

    3.v-bind绑定  注意不能直接绑定, 需要变量配合,可以加入判断
            正常:   		v-bind:属性 = 变量值
            简写:   		:属性=变量值
            动态参数:		:[变量] = 变量值
ps: 拼接动态参数时需使用 + 号拼接,注意不可以加空格
    v-bind在绑定类时,可以追加的形式向class中加入内容

    在class 加入类时,遇到判断时需要加{ }
    在style 加入样式时,需加入{ }, style中的样式属性面转换为驼峰名命法


Vue中的单向绑定与双向绑定
		变量---临时存储在内容中---运算完成后自删除
		
		v-bind
		单向绑定: 从内存中取值,绑定视图上
		
		v-model
		双向绑定: 从内存中取值,绑定到视图上,视图上的值改变元量,会影响到内存  MVVM双向绑定
		ps:vue中双向绑定,只对form表单元素中,有value属性标签生效


ps:   v-bind 和 v-model 的区别? 
 	v-model: 外部改变数据时,影响内部
    v-bind:  外部改变数据时,不影响内部

8)v-for的使⽤

基本语法 v-for="item in arr"  key="item.id" 
对象的操作 v-for="item in obj" key="item" 
如果是数组没有id 
v-for="(item,index) in arr" :class="index"

9)vue中的计算属性  computed:{} 

使用场景,如果有属性需要经过处理才输出时, 需要用到计算属性

computed:{
    计算方法:functiion(){ }
} 

Computed特点:
    1.computed默认只有getter方法
    2.计算属性最大的优点：产生缓存 如果数据没有发生变化 直接从缓存中取
    3.提升了代码运行效率

Seter方法设置:
      监听的属性由方法变为对象格式

属性:{
       set:function(newV){
       		设置值时触发
        },
       get:function(){
          	获取值时触发
       }
    }

 10）vue中的监听器 watch

1.用于监听 vue中的属性改变
 
    a.正常监听:基本数据类型
    属性:function(新值,老值){  }

    b.深度监听:复合数据类型
        属性:{
            deep: true  开启深度监听
            handler:function(){   回调方法  }
        }

监听器与计算属性的区别:

1).计算属性的应用场景是计算的内容需要依赖多个属性的情况
   侦听器的应用场景是计算的内容依赖一个属性的情况
2).计算属性缓存结果时每次都会重新创建变量
   而侦听器是直接计算，不会创建变量保存结果
   计算属性有缓存, 监听没有缓存
3).computed的结果是通过return返回的，而watch不需要return。
4).watch中的参数可以得到侦听属性改变的最新结果，而computed函数没有这种参数

11)Vue中的过滤器 filters   | 管道符

1.属性部过滤器    ---- 在vue对象中加入 
    filters:{
        过滤器名 : function(a,b){ return 结果 }
    }

2.全局过滤器
    Vue.filter(‘过滤器名’, (val) => { 

    })

PS:计算属性与监听的区别
    1.计算属性会产生缓存, 当数据没有发生变化时,直接调用缓存中的内容
    2.计算属性需用return返回  监听不用
    3.监听可以获取新值与老值,  计算属性没有这种参数

|  管道符 与filters过滤器配合

四.组件:

1）组件的解释:

组件是可复用的 Vue 实例，且带有一个名字,具有一定功能

 2)组件分类

以创建方式: 自定义组件  与  系统自带组件

以使用范围:  

        局部组件:  在vue对象中使用

        全局组件:  在任意组件中使用

3)组件使用

ps: component  	砍po恩特     部件
    template    	瘫扑累特      模版

一.局部组件的使用方式:  创建--挂载--使用

    1.局部组件创建 :   局部组件就是一个对象 { }

    例: 
        const mymodel = {
			template:`
				
我是局部组件

			`
        }

    2.组件的挂载:  在Vue实例中的 components 中挂载
      例:
        components:{
		    mymodel    ====>  mymodel:mymodel
        }

    3.使用组件:   在HTML中, 以标签的形式加载  单双标签形势都可,推荐双标签
        

		    
        


    注意:在组件中这个data必须是⼀个函数,返回⼀个对象

二.全局组件
    通过 Vue.component(组件名,{}) 创建全局组件,此时该全局组件可以在 任意模板(template)中使⽤
    Vue.component('Child',{ 
        template:` 
            
 
                
我是⼀个⼦组件
 
            
 
        ` 
    }) 

三.重点:
    局部嵌套全局,  在template中    直接使用
    局部嵌套局部,  在components中 挂载后在使用

Ps:组件内容尽量要到div中,不加div会被认为传参,不合条件,不能解释

4)组件通信(重点) 

        a)父传子(props):

父传子:通过props来进行通信

  在父类组件上挂载的子类标签上绑定自定义属性,子类组件通过props来接受
 例如:
    //父组件:
        
        
     //子组件:
    
    
    
总结:父组件通过props向下传递数据给子组件. 注:组件中的数据共有三种形式: data,props, computed

      b)子传父($emit)

1.在父组件中 子组件上绑定自定义事件
2.在子组件中 触发原生的事件 在事件函数通过this.$emit触发自定义的事件

 //子组件:

你可能感兴趣的:(实践上手,vue汇总知识点,vue2的最全汇总,vue.js,前端,javascript,vue,前端框架)

  • Web端驱动的综合打印方案与场景 #六脉神剑 Web打印myBuilder产品运营
    随着Web技术的快速发展，基于Web端的打印方案逐渐成为主流，它能够满足多样化的打印需求，并提供更便捷、高效的打印体验。以下是一些常见的Web端驱动综合打印方案与应用场景：一、方案概述浏览器直接打印原理:利用浏览器自带的打印功能，调用操作系统打印接口，直接打印网页内容。优点:简单易用，无需额外开发。缺点:打印样式控制有限，兼容性差，无法满足复杂打印需求。适用场景:打印简单的网页内容，例如文章、表格
  • B端安全网关的简单实现 #六脉神剑 javajava网络安全springboot
    安全网关中的DMZ内网穿透是一种结合网络安全隔离与穿透技术的解决方案，主要用于实现外部网络对内网资源的安全访问。其核心逻辑如下：一、DMZ区的安全隔离作用网络分区机制‌：DMZ（非军事区）是安全网关设置的中间隔离区域，用于部署对外提供服务的设备（如Web服务器、邮件服务器），与内网核心数据区域物理隔离‌。访问控制‌：外网用户仅能访问DMZ区资源，无法直接触及内网敏感数据，即使DMZ区设备被攻破，内
  • 【入门初级篇】报表基础操作与功能介绍 #六脉神剑 低代码myBuilder产品运营
    【入门初级篇】报表的基本操作与功能介绍视频要点（1）报表组件的创建（2）指标组件的使用：一级、二级指标操作演示（3）表格属性设置介绍（4）图表属性设置介绍（5）报表预览：绑定静态数据（6）介绍myBuilder内部模块：用报表低代码开发的示例介绍点击访问myBuilder产品运营平台CSDN站内资源下载myBuilder交流请加微信：MyBuilder88
  • 知汇云创myBuilder产品发布 #六脉神剑 低代码
    【入门初级篇】产品介绍v2·前言Hello，大家好，今天给大家介绍一下myBuilder渐进式低代码IDE软件。·产品定位与版本规划myBuilder是一款面向B端数字化领域的低代码开发工具、集成开发环境，具备高效、灵活的使用特点，设计的初心是让B端数字化变得更简单。myBuilder的主要开发套件以及基础功能，我们有专门的培训课程详细讲解，这里先不展开介绍，相信通过我们的教学视频讲解您会逐一发现
  • 【入门初级篇】窗体的基本操作与功能介绍 #六脉神剑 低代码
    【入门初级篇】窗体的基本操作与功能介绍视频要点（1）窗体的使用场景介绍：模式对话框（2）窗体的创建与设计（3）窗体动态标题设置（4）向窗体添加组件以及相关操作介绍（5）窗体属性编辑介绍（6）窗体数据的使用：组件数据的绑定（7）窗体中3种预览效果介绍点击访问myBuilder产品运营平台CSDN站内资源下载myBuilder交流请加微信：MyBuilder88
  • Docker国内设置镜像加速下载地址 黯然神伤888 dockerdocker
    原先当我们配置好阿里云的镜像服务后，通过dockerpull拉取镜像很方便，但是随着阿里这方面的相关政策调整后，发现很多拉取镜像都出现了问题，无法正常拉取，自己构建镜像又嫌烦。正好在简书上看到有个老铁发了其他docker加速地址，试了下挺管用，就转载保存下分享给大家，如果使用阿里云镜像服务无法拉起镜像的话，可以试试下面的镜像地址1、目的国内的镜像很容易被屏蔽，导致dockerpull失败，需要手动
  • 虚幻网络同步机制中的两个核心类 污领巾 虚幻网络游戏引擎
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、将数据从GameMode迁移到GameState1.1在GameState中定义同步变量1.2在GameMode中操作GameState变量二、在客户端访问GameState数据2.1在客户端读取同步变量2.2使用RepNotify实现客户端回调三、通过RPC同步数据（补充方案）3.1服务器通过多播RPC通知客户端四、
  • 1，Kotlin代码案例：决属性与方法冲突的类和对象操作演示 淮山2 kotlin
    //使用Kotlin1.3.11编译器//不需要包声明（package语句）//定义类A1classA1{//定义静态变量BBB，类似C语言中的全局静态变量companionobject{varBBB:Int=0//初始化静态变量BBB为0}//定义实例变量AAA，包含整数和字符串类型，类似C语言中的结构体成员变量varAAA_int:Int=0//整数类型的实例变量，初始化值为0varAAA_s
  • 6，Kotlin代码案例，并按照要求对变量、类、方法等进行了改写 淮山2 kotlin
    //使用Kotlin1.3.11编译器//不需要包声明（package语句）//定义类A1，类似一个简单的控制器类，用于处理Web请求相关操作classA1{//定义静态变量BBB，这里模拟一个可能的全局配置相关的静态变量companionobject{varBBB:Int=0}//实例方法CCC，模拟处理"/helloworld"和"/"路径的请求funCCC():Any{//返回一个字符串，模
  • Angular 单元测试中的 Mock 技巧 t0_54program 编程问题解决手册angular.js单元测试log4j个人开发
    在Angular应用开发中，单元测试是确保代码质量的重要环节。特别是当我们使用依赖注入时，测试变得更加复杂。最近，我在处理一个Angular项目时，遇到了一些问题：如何正确地在单元测试中Mock一个服务类，尤其是在使用了Standalone组件的情况下。下面我将详细介绍如何解决这个问题。背景介绍假设我们有一个名为TestDialogComponent的组件，它使用了Ionic的ModalContr
  • Kotlin v2.1.20 发布，标准库又有哪些变化？ ForteScarlet 水文罢了kotlin开发语言android
    大家吼哇！就在三小时前，Kotlinv2.1.20发布了，更新的内容也已经在官网上更新：What’snewinKotlin2.1.20。我粗略地看了一下，下面为大家选出一些我比较感兴趣、且你可能也会感兴趣的内容。注意！这里只选了一些标准库中的一些API之类的变化，不会包括诸如编译器变动、工具（例如Gradle）变化等。AtomicAPI现在，在Kotlin的标准库中可以使用原子类啦！在之前，想要使
  • flutter-实现Tabs吸顶的PageView效果 冲浪的鹏多多 Flutterflutterjavascript前端
    文章目录1.效果预览2.结构分析3.完整代码4.总结1.效果预览在Flutter开发中，创建具有吸顶Tabs的PageView效果可以极大地提升用户界面的交互性和用户体验。今天，我们就通过一段具体的代码来深入了解如何实现这一功能。效果预览如下：2.结构分析我们从整体上看这段代码，它定义了一个名为CeilingTabsPageView的有状态组件。这个组件的作用就是构建出一个带有吸顶Tabs的页面，
  • 硅谷企业的大数据平台架构什么样？看看Twitter、Airbnb、Uber的实践 大数据v 分布式数据库大数据编程语言hadoop
    导读：本文分析一下典型硅谷互联网企业的大数据平台架构。作者：彭锋宋文欣孙浩峰来源：大数据DT（ID：hzdashuju）01Twitter的大数据平台架构Twitter是最早一批推进数字化运营的硅谷企业之一，其公司运营和产品迭代的很多功能是由其底层的大数据平台提供的。图7-2所示为Twitter大数据平台的基本示意图。▲图7-2Twitter大数据平台架构Twitter的大数据平台开发比较早，很多
  • JDBC:Apache DBUtils的使用 恒奇恒毅 JavaSE
    •commons-dbutils是Apache组织提供的一个开源JDBC工具类库，它是对JDBC的简单封装，学习成本极低，并且使用dbutils能极大简化jdbc编码的工作量，同时也不会影响程序的性能。•API介绍：–org.apache.commons.dbutils.QueryRunner–org.apache.commons.dbutils.ResultSetHandler以及一些实现类–工
  • SpringBoot集成Pulsar 生产者与消费者示例代码 七维大脑 技术&解决方案分享java中间件
    目录介绍功能特点一、导入pulsar依赖二、pulsar配置（示例为yml文件）三、生产者示例代码四、消费者代码介绍Pulsar是一个多租户、高性能的服务器到服务器消息传递解决方案。Pulsar最初由Yahoo开发，由Apache软件基金会管理。功能特点Pulsar的主要功能如下：原生支持Pulsar实例中的多个集群，并可跨集群无缝地复制消息。非常低的发布和端到端延迟。无缝扩展到超过一百万个主题。
  • vue中根据html动态渲染内容 今天吃了嘛o vue.jshtmljavascript
    需求：根据数据中的html，因为我是在做填空，所以是需要将html中的_____替换成input，由于具体需求我使用的是元素contenteditable代替的可编辑的inputhtml部分js部分//这个是为了保证输入的时候光标保持在最后constmoveCursorToEnd=(element:HTMLElement)=>{constrange=document.createRange();c
  • AIX5.3、AIX6.0 AIX操作系统安全加固 乐大厨串串店 安全服务器网络
    安全加固指导安全计算环境身份鉴别检查是否设置口令失效提示加固要求设置口令失效提示加固方法编辑/etc/security/user设置default项下的pwdwarntime=阀值。检查方法使用命令：cat/etc/security/user结果中default项下的pwdwarntime值在15-7之间即为符合。AIX5.3：AIX6.1：2.检查是否设置口令复杂度策略加固要求所有的系统账户，口
  • SOFAStack-00-sofa 技术栈概览 老马啸西风 sofa架构监控阿里云系统架构
    SOFAStack前言大家好，我是老马。sofastack其实出来很久了，第一次应该是在2022年左右开始关注，但是一直没有深入研究。最近想学习一下SOFA对于生态的设计和思考。核心项目⚙️SOFABootGitHub:sofastack/sofa-boot|★3.8k功能：企业级SpringBoot增强框架，支持模块化开发、类隔离、日志隔离，提供健康检查、异步初始化等特性。SOFARPCGitH
  • Spring Boot与Hazelcast整合教程 嘵奇 提升自己springboot后端java
    精心整理了最新的面试资料和简历模板，有需要的可以自行获取点击前往百度网盘获取点击前往夸克网盘获取SpringBoot与Hazelcast整合教程简介Hazelcast是一个开源的内存数据网格（IMDG），提供分布式缓存、计算和数据结构功能。与SpringBoot整合后，可以快速实现分布式缓存、会话共享等功能。本教程将演示如何将Hazelcast嵌入SpringBoot应用。环境准备JDK17+Sp
  • Java：Apache HttpClient中HttpRoute用法的介绍 netyeaxi Javajavaapache开发语言
    当使用ApacheHttpClient组件时，经常会用到它的连接池组件。典型的代码如下：PoolingHttpClientConnectionManagerconnectionManager=newPoolingHttpClientConnectionManager();connectionManager.setMaxTotal(httpConfig.getMaxPoolTotal());conn
  • 使用E2B数据分析沙盒进行文件分析 qahaj 数据分析数据挖掘python
    使用E2B数据分析沙盒进行文件分析在现代数据分析中，运行环境的安全性与灵活性是确保数据处理高效可靠的关键因素。E2B提供了一个数据分析沙盒，能够在隔离的环境中安全地执行代码，非常适合构建诸如代码解释器或类似于ChatGPT的高级数据分析工具。在这篇文章中，我将演示如何使用E2B的数据分析沙盒来对上传的文件进行分析，为您提供一个强大的Python代码示例。核心原理解析E2B的数据分析沙盒为开发者提供
  • 代码随想录算法训练营第八天| 344 反转字符串、541 反转字符串II Anjoubecoding 算法数据结构c++c语言leetcode
    这两天开的是字符串专题，我准备在做题的时候用C++做一遍，再用C做一遍，因为一直刷leetcode用的都是C++，导致C的基础太薄弱了，之后工作中有可能用到C，相当于再复习复习一、Leetcode344反转字符串题目链接：Leetcode344反转字符串这道题很简单，这才是真正的简单题voidreverseString(char*s,intsSize){intleft=0,right=sSize-
  • 大神之路 安卓工匠 程序员的自我修养
    首先申明，文章是我在码农网摘过来的，那里没有分享，我感觉程序员也需要鸡汤，或者说这篇文章更应该是一篇一个过来人的经验，以及对我们这些想学计算机或者其他各行各业的人的一个简单的阐述。读完文章后，感觉收获很多，作者说的对，坚持，一鸣惊人需要坚持不断地做一件事。我是前端小学生，每天晚上都会练习代码，并浏览微博，前端路上，有你有我。有的人想成为大牛，却不曾为此努力。有的人辛苦耕耘，却收获寥寥。很多时候，你
  • **探索微博世界的新视角：twiyou——您的推特好友监测神器** 许煦津
    探索微博世界的新视角：twiyou——您的推特好友监测神器twiyouTwitterfriendmonitoringtool项目地址:https://gitcode.com/gh_mirrors/tw/twiyou项目介绍在这个信息爆炸的时代，推特（Twitter）作为全球最具影响力的社交媒体之一，汇聚了无数声音与故事。twiyou，一款专为推特设计的友好监视工具，犹如你的个人情报员，帮助你轻松掌
  • 百某田网任务脚本 点云-激光雷达-Slam-三维牙齿 其他智能手机运维自动化
    自动化操作百田游戏的任务脚本，特别是用于完成每日任务和积分兑换的功能。主要功能任务管理：脚本通过定时任务查询并执行每天的任务，自动完成任务并兑换积分。每个任务通过调用do_list()和do_task()函数来查询和完成。多账号支持：支持多个账号的登录和管理，账号信息通过baitianGameCookie变量传入，可以通过@或换行符分隔多个账号。积分兑换：根据配置的兑换ID进行积分兑换操作，支持选
  • 【从漏洞到防护：浅谈Docker不容忽视的安全问题】 OpsEye docker网络安全安全运维
    从漏洞到防护：浅谈Docker不容忽视的安全问题文章目录前言一、Docker存在的漏洞二、场景案例三、安全基线标准总结前言在网络时代，几乎所有编写的软件和应用都存在潜在的漏洞，想要完全没有漏洞的应用是几乎不可能实现的，当然Docker也不例外。Docker容器技术在提供高效、可移植的软件部署环境的同时，也带来了一些安全挑战。针对Docker自身的漏洞，黑客的攻击手段层出不穷，给企业带来了多方面的挑
  • C语言【文件操作】详解上 Run_Teenage C语言基础c语言开发语言
    引言先整体认识一下文件是什么，会打开和关闭文件。关于对文件操作函数在下部分来介绍一、为什么使用文件？如果没有文件，我们写的程序的数据是存储在电脑的内存中，如果程序退出，内存回收，数据就丢失了，等再次运行程序，是看不到上次程序的数据的，如果要将数据进行持久化的保存，我们可以使用文件。二、什么是文件？磁盘（硬盘）上的文件是文件。但是在程序设计中，我们⼀般谈的文件有两种：程序文件、数据文件（从文件功能的
  • 挑战20天学完JavaSE第四天——方法的定义、调用和方法重载 呆呆why care 挑战20天学完javaSEjava笔记改行学it程序人生
    Java方法是语句的集合，它们在一起执行一个功能。方法是解决一类问题的步骤的有序组合。方法包含于类或对象中。方法在程序中被创建，在其他地方被引用。设计方法的原则:方法的本意是功能块，就是实现某个功能的语句块的集合。我们设计方法的时候，最好保持方法的原子性，就是一个方法只完成1个功能，这样利于我们后期的扩展。方法的命名规则：首字母小写驼峰命名方法的定义Java的方法类似于其它语言的函数，是一段用来完
  • 安全基线-rm命令防护 晓夜残歌 安全chrome前端运维ubuntu服务器
    限制rm命令使用的多层级解决方案方案1：基础防护（个人/小型团队）1.1别名替换法#在~/.bashrc或全局/etc/bash.bashrc中添加aliasrm='echo"Usetrash-cliinstead.Installvia:sudoapt-getinstalltrash-cli"'aliasrm='trash-put'#安装后替换为实际命令优点：简单易行，防止误删缺点：可通过/bin
  • uniapp特有生命周期钩子 浪裡遊 uniappuni-appvue.js前端
    生命周期钩子在UniApp中，页面的生命周期与Vue的生命周期钩子紧密相关，并且针对小程序平台，UniApp还扩展了一些额外的生命周期钩子。以下是重要的页面生命周期钩子及其简要说明：基础的Vue生命周期钩子beforeCreate在实例初始化之后，数据观测(dataobserver)和event/watcher事件配置之前被调用。created实例已经创建完成之后被调用。此时已完成数据观测，属性和
  • 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的表，其有一