若晨工作室
若晨工作室

vuejs2.0运用原生js实现简单的拖拽元素功能


<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta charset="utf-8">
<title>title>
<meta name="keywords" content="" />
<meta name="description" content="" />

<style>
.select-item {
  background-color: #5bc0de;
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  margin-right: 10px;
  cursor:pointer;
  padding: 6px 20px;
  color: #fff;
}
 .cursored{
  cursor: default;
}
.project-content,.people-content {
    margin: 30px 50px;
}
.people-content {
    margin-top: 30px;
}
.drag-div {
    border: 1px solid #5bc0de;
    padding:10px;
    margin-bottom: 10px;
    width: 800px;
    cursor: pointer;
}
.select-project-item {
    display: inline-block;
    text-align: center;
    border-radius: 3px;
}
.drag-people-label{
  margin-bottom:0;
  padding-right:10px;
}
[v-cloak]{
    display:none;
}
style>
head>
<body>

<div class='drag-content' id="dragCon" >
  <div class='project-content'>
    <div class='select-item' draggable='true' @dragstart='drag($event)' v-for="pjdt in projectdatas">{{pjdt.name}}div>
  div>
  <div class='people-content'>
    <div class='drag-div' v-for="ppdt in peopledata" @drop='drop($event)' @dragover='allowDrop($event)'>
      <div class='select-project-item'>
        <label class='drag-people-label'>{{ppdt.name}}:label>
      div>
    div>
  div>
div>
<script type="text/javascript" src="js/vue.min2.js">script>
<script type="text/javascript">
    var dom;
    var ss = new Vue({
        'el':'#dragCon',
        data:{
            projectdatas:[{
                id:1,
                name:'葡萄'
              },{
                id:2,
                name:'芒果'
              },{
                id:3,
                name:'木瓜'
              },{
                id:4,
                name:'榴莲'
              }],


               peopledata:[{
                id:1,
                name:'小颖'
              },{
                id:2,
                name:'hover'
              },{
                id:3,
                name:'空巢青年三 '
              },{
                id:3,
                name:'一丢丢'
              }]

        },
        mounted:function(){
            this.$nextTick(function(){
                
            })
        },
          watch:{
            projectdatas:{
                handler:function(val,oldval){

                },
                deep:true
            },
            peopledata:{
                handler:function(val,oldval){

                },
                deep:true
            }
        },

        methods: {
            drag:function(event){
               dom = event.currentTarget
            },
            drop:function(event){
              event.preventDefault();
              event.target.appendChild(dom);
            },
            allowDrop:function(event){
              event.preventDefault();
            }
          }

    });


script>
body>
html>
转载地址： https://segmentfault.com/a/1190000008494035

你可能感兴趣的:(vue2.0)

  • vue IE因Promise无法显示解决办法 Yao请输入昵称
    一、ie11打开vue2.0项目空白,控制台报错vuexrequiresaPromisepolyfillinthisbrowserPromise为ES6语法，有的浏览器不支持ES6,所以需要安装babel-polyfill来将ES6转换为浏览器可识别的ES5语法①npminstall--save-devbabel-polyfill②在main.js中引入import"babel-polyfill"
  • 看Vue2.0及数字商城电商开发 一包
    Vue2.0在标签中可以使用驼峰命名法，区分大小写ES6语法1：components:{componentA}等价于components:{componentA：componentA}ES6语法2:methods:{add(){}}等价于methods:{add:function(){}}数组更新检测:变异方法:Vue包含一组观察数组的变异方法，所以它们也将会触发视图更新。push()pop()s
  • Vue2.0 插槽 Slot weixin_46913268 vue
    一、插槽概述作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间的通信方式，适用于父组件到子组件分类：分类：默认插槽、具名插槽、作用域插槽二、默认插槽的使用父组件默认插槽importDefaultSlotfrom"@/components/defaultSlot.vue";exportdefault{name:"ParentBox",components:{DefaultSlot,}
  • 搭建vue2.0工程步骤 鼠年大吉 vue
    搭建Vue2项目的具体步骤如下：确保已安装Node.js和npm。你可以在终端窗口中运行以下命令来检查是否已安装：node-vnpm-v如果没有安装，可从Node.js官网（https://nodejs.org/）下载并安装。在终端窗口中，通过以下命令安装VueCLI工具：npminstall-g@vue/cli创建新的Vue项目。在终端窗口中运行以下命令：vuecreate项目名称例如，如果你的
  • Vue2.0 WYONG_ZQ java
    Vue2.0饿了么ElementUI:http://element.eleme.io/#/zh-CN/component/installation?Vue2.0从环境搭建到发布：http://blog.csdn.net/sinat_17775997/article/details/52788908Vue官方教程及api:http://cn.vuejs.org/v2/guide/ES6入门教程：ht
  • Vue2.0学习--基础--4--Class与Style绑定 naildingding 框架—Vuevue前端
    （day5）操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是attribute（也就是每个元素的class属性和style属性），所以我们可以用v-bind处理它们：只需要表达式计算出字符串结果即可。（也就是说，在HTML中class和style属性后面都是接一个双引号括起来的字符串值）但是字符串拼接麻烦且易错。所以，在使用v-bind将class与style与特定的值绑定
  • vue2.0 引入font-awesome LI_4058
    第一步：安装依赖npminstallfont-awesome--save第二步：然后在main.js引入font-awesome/css/font-awesome.min.css即可import'font-awesome/css/font-awesome.min.css'
  • ElementUI +++ Echarts面试题&答案汇总 阿金要当大魔王~~ 面试啊elementui前端javascript
    官网地址：http://element-cn.eleme.io/#/zh-CNElementUI是一套基于VUE2.0的桌面端组件库，ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面。ElementUi是怎么做表单验证的？在循环里对每个input验证怎么做呢？model绑定表单数据,通过prop取表单数值,通过编写ref进行后台API验证,根据rules进行表单内容验
  • vue2.0和vue3.0v-model使用对比 糖小羊儿
    我们在写项目的时候，经常自定义组件，并且需要传参，刚好v-model是一个双向绑定，所以我们会把v-model的思想使用到各个自定义组件中在vue2.0中，v-model只能对应一个变量在vue3.0中，在v-model原来的使用基础上，拓展了多对多的使用方式1.vue2.0父组件引入子组件hello，并且传参给子组件，代码如下：{{username}}importhellofrom"@/comp
  • 【Vue学习笔记】尚硅谷Vue2.0+Vue3.0全套教程丨vue.js从入门到精通 丁咚Dingdong 学习笔记前端Vue2.xVue3.0Vue
    尚硅谷Vue2.0+Vue3.0全套教程丨vue.js从入门到精通Vue2.0部分1.Vue核心部分1.1Vue简介1.1.1Vue是什么？1.1.2Vue作者1.1.3Vue的特点1.1.4Vue学习的JavaScript前备知识点1.1.5Vue使用指南1.1.6搭建Vue开发环境1.2初识Vue1.2.1Hello小实例1.2.2分析Hello案例1.3Vue模板语法1.4数据绑定1.5el
  • 关于vue安装less和webpack版本冲突问题 SepstoneTang vue.js
    关于vue2.0安装less和webpack版本冲突问题1.学会查看自己webpack和less指令2.默认安装less-loader命令3.解决办法1.学会查看自己webpack和less指令查看当前webpack版本npmviewwebpackversion查看当前webpack所有版本npmviewwebpackversions不建议使用太新版本的2.默认安装less-loader命令npm
  • 如何封装一个简单的VUE组件 youmatech vue.jsjavascript前端
    基于vue2.0封装一个简单的表单组件前景介绍准备工作准备编码前景介绍这是一篇晚来的文章，毕竟2.0在去年12月份就已经停止维护了，这篇文章当是一个纪念吧。准备工作我们封装组件最快速的就是使用脚手架创建一个项目$vuecreatemy-demo下面选择vue2即可，其他的随意，建议关闭eslint，这样在编写的时候会比较简单。准备编码下面我们创建一个组件UmInput（前缀并没有要求，可以随意起）
  • 【Web - 框架 - Vue】随笔 - 通过`CDN`的方式使用`VUE 2.0`和`Element UI` SUNxRUN 前端vue.jsui
    通过CDN的方式使用VUE2.0和ElementUIVUE网址https://cdn.bootcdn.net/ajax/libs/vue/2.7.16/vue.js源码https://download.csdn.net/download/HIGK_365/88815507测试代码Title{{info}}letv=newVue({el:"div",data:{info:"HelloVue!"}})
  • Vue2.5学习路线及基础知识总结。 dingqing4356 javascriptViewUI
    在接触新技术不了解时，我喜欢去慕课网上看新手教程，在学习vue时，在慕课网上看了几个老师的视频，发现这挺好，讲到挺详细的，适合新手，有兴趣的可以先看一下，vue2.5入门教程。然后在学习路上看见了一篇文章就是讲解学习vue2.0路线的文章，Vue2.0建议学习路线。还有vue原作者尤雨溪大神，在知乎上写到的Vue2.0建议学习顺序。这里面的建议还是很实用的。这里我也不再去写了，写了也没那么专业，给
  • 1.Vue-resource（Vue2.0推荐使用 axios 来完成 ajax 请求） Victor_b905
    一、vue-resource特点1、体积小：vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比jQuery的体积要小得多。2、支持主流浏览器：和Vue.js一样，vue-resource除了不支持IE9以下的浏览器，其他主流的浏览器都支持3、支持PromiseAPI和URITemplates：Promise是ES6的特性，Promise
  • 推荐好用的vue插件02 v-md-editor富文本编辑器 longbao_1 前端vue.jsgithubjavascript
    一、介绍v-md-editor是基于Vue开发的markdown编辑器组件二、安装与注册即支持vue2.0的项目也支持vue3.0的项目，不过两种版本的安装版本不同-[Demo](https://code-farmer-i.github.io/vue-markdown-editor/examples/base-editor.html)-[Documentation](https://code-fa
  • 开源Vue UI框架 初学小白Lu 前端开源vue.jsui
    文章目录ElementUIElementPlusVuetifyiViewViewUIPlusQuasarAntDesignVueBuefyvue-materialDevUITinyVuenutuitdesign-vuearco-design-vueNaiveUIBootstrapVueElementUIElementUI是一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库，提供了丰富的组
  • 前端案例：基于el-table和el-pagination实现数据的分页效果 m0_67401746 前端htmlvue.jsjavascript前端
    首先使用el-table(表格)和el-pagination(分页)组件需要npm下载ElementUI组件库，下载安装方式参见官网：Element-Theworld’smostpopularVueUIframeworkElement，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库[这里是图片001]https://element.eleme.cn/#/zh-CN/compon
  • 5.4 Vue2.0 动态组件&插槽&自定义指令&自定义插件 像我这样的人112 前端学习笔记前端javascriptvue.js
    文章目录动态组件1，什么是动态组件2，如何实现动态组件的渲染3，使用``保持状态4，``对应的生命周期函数5，的`include`和`exclude`属性插槽1，默认插槽2，具名插槽3，作用域插槽自定义指令私有自定义指令update函数函数简写全局自定义指令自定义插件动态组件1，什么是动态组件动态组件指的是动态切换组件的显示与隐藏。2，如何实现动态组件的渲染vue提供了一个内置的组件，专门用来实现
  • vue2.0第五节：动态组件 & 插槽 & 自定义指令 不能瞌睡呀 vuejavascriptvue.js前端
    文章目录学习目标1.动态组件1.1.什么是动态组件1.2.如何实现动态组件渲染1.3.使用keep-alive保持状态1.4.keep-alive对应的生命周期函数1.5.keep-alive的include属性了解组件注册名称和组件声明时name的区别2.插槽2.1.什么是插槽2.2.体验插槽的基础用法2.2.1没有预留插槽的内容会被丢弃2.2.2后备内容2.3.具名插槽2.3.1为具名插槽提供
  • 【vue篇】第五话--动态组件 & 插槽 & 自定义指令 陪我吹吹海風吧 vue.jsvue.jsjavascript前端
    作者简介：大家好！我是陪我吹吹海風吧。喜欢：点赞收藏！持续更新vue2.0/3.0✊加油，共勉！目录✍一、动态组件1.什么是动态组件2.如何实现动态组件渲染3.使用keep-alive保持状态4.keep-alive对应的生命周期函数5.keep-alive的include属性✍二、插槽1.什么是插槽2.v-slot2.1v-slot的基本使用2.2v-slot的简写是#3.具名插槽4.作用域插槽
  • vue3.0 Composition API上手体验 廊坊吴彦祖 vuevue3.0CompositionAPIvuevue-cli4
    vue3.0CompositionAPI上手体验vue3.0对比vue2.0优势vue3.0相比vue2.0性能提升了近50%，框架内部做了大量性能优化，包括：虚拟dom，编译模板，Proxy的新数据监听，更小的打包文件等vue3.0新的组合式API（即CompositionAPI）根据逻辑相关性组织代码，相比于vue2.0的OptionsAPI，提高了代码的可读性和可维护性，更适合大型项目的编写
  • Vue2.0 组件传值方式：父传子、子传父、非父子组件传值 博客zhu虎康 遇见Bug_Vuejsvue.js
    文章目录1.父组件向子组件进行传值父组件：子组件：2.子组件向父组件传值子组件：父组件：3.非父子组件进行传值公共bus.js组件A：组件B：每次总结都是在加强一遍记忆1.父组件向子组件进行传值父组件：父组件:importchildfrom'./child'exportdefault{components:{child},data(){return{name:''}}}子组件：子组件:{{inpu
  • Vue2.0 修饰符、绑定样式、计算属性以及侦听属性 前端小白李小小 vue.js前端javascript
    一、修饰符1.事件修饰符：事件修饰符是对事件捕获以及目标进行了处理（语法：@事件名.修饰符）（1）stop：阻止了事件冒泡，相当于调用了event.stopPropagation方法（2）prevent：阻止了事件默认行为，相当于调用了event.preventDefault方法（3）self：只有在event.target是当前元素自身时触发（4）once：绑定的事件只能触发一次（5）captu
  • Vue2.0 | 将项目打包成exe文件 FSYML #Vue2.0vue.jsnode.js
    本篇目录1.安装pkg2.下载项目依赖3.初始化并安装express包4.开始打包5.打包完成6.问题处理6.1打包过程报错附录1.手动下载node二进制文件前期准备：确保本地网络可以访问Github。确保本地正确安装NodeJs，可使用node-v查看版本。确保待打包项目可正常运行。本篇NodeJs版本v14.15.1。本篇介绍使用pkg插件将Vue项目打包成exe文件；前期准备完成之后，cmd
  • 05-mac vue2.0升级到vue3.0+ 高家_大少爷
    在创建cli项目时，执行npmcreate项目名;注意名最好是英文开头最好是小写；npmcreate命令是基于vue.3.0版本以上使用的，检查cli版本号vue-V；先卸载原有的clinpmuninstallvue-cli-g//卸载原有clinpminstall-g@vue/cli//安装新版本cli以上是没有出现问题，当有问题时，当你卸载vue.cli时会出现uptotimein0.14s，
  • vue2.0—路由嵌套和路由传参 杀个程序猿祭天
    vue2.0—路由传参构建项目和创建组件就不细说了，不懂的可以去官方文档API学习VUE官方文档：https://cn.vuejs.org/v2/guide/vue2.0路由传参一共有两种放法1.创建组件home和child，并且在home组件中定义路由//home.vue新闻一2.配置路由//router.jsimportVuefrom'vue'importRouterfrom'vue-rout
  • 手写 vue3 Proxy reactive 双向绑定原理 前端酱紫 vue3.0javascripthtmlvue3
    Proxy代理对象Vue3Proxy双向绑定原理一定要触发set，才能够修改到界面的数据。因为Object.defineproperty如果对象是数组，不会触发set，所以在vue2.0中，数组并不是响应式的。因为newProxy可以对数组进行代理，修改数组中数据的时候，也会触发set，一旦触发set，就可以在set中修改界面的数据，做到响应式效果Documentletobj={txtVal:'输
  • vue2.0中的$router 和 $route的区别 为光pig
    vue-router中经常会操作的两个对象route和router两个。1、$route对象$route对象表示当前的路由信息，包含了当前URL解析得到的信息。包含当前的路径，参数，query对象等$route.path字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo/bar"。$route.params一个key/value对象，包含了动态片段和全匹配片段，如果没有路由参数，就是一个
  • mall 项目随笔 coderlion
    项目介绍技术栈Vue2.0(核心框架)Vue-CLI4.0(Vue脚手架)Vue-Router(SPA页面路由)Vuex(状态管理)Axios(网络请求)ES6(JavaScript语言的下一代标准)Less(CSS预处理器)Better-Scroll(让移动端的滚动更为流畅)FastClick(解决移动端点击300ms延迟)Vue-Lazyload(懒加载工具)PostCss(css代码转化工具
  • Spring4.1新特性——综述 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • Schema与数据类型优化 annan211 数据结构mysql
    目前商城的数据库设计真是一塌糊涂，表堆叠让人不忍直视，无脑的架构师，说了也不听。 在数据库设计之初，就应该仔细揣摩可能会有哪些查询，有没有更复杂的查询，而不是仅仅突出 很表面的业务需求，这样做会让你的数据库性能成倍提高，当然，丑陋的架构师是不会这样去考虑问题的。 选择优化的数据类型 1 更小的通常更好 更小的数据类型通常更快，因为他们占用更少的磁盘、内存和cpu缓存，
  • 第一节 HTML概要学习 chenke htmlWebcss
    第一节 HTML概要学习 1. 什么是HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。 打开记事本 输入一下内
  • MyEclipse里部分习惯的更改 Array_06 eclipse
    继续补充中---------------------- 1.更改自己合适快捷键windows-->prefences-->java-->editor-->Content Assist-->      Activation triggers for java的右侧“.”就可以改变常用的快捷键 选中 Text
  • 近一个月的面试总结 cugfy 面试
    本文是在学习中的总结，欢迎转载但请注明出处：http://blog.csdn.net/pistolove/article/details/46753275 前言       打算换个工作，近一个月面试了不少的公司，下面将一些面试经验和思考分享给大家。另外校招也快要开始了，为在校的学生提供一些经验供参考，希望都能找到满意的工作。 
  • HTML5一个小迷宫游戏 357029540 html5
         通过《HTML5游戏开发》摘抄了一个小迷宫游戏，感觉还不错，可以画画，写字，把摘抄的代码放上来分享下，喜欢的同学可以拿来玩玩！ <html> <head> <title>创建运行迷宫</title> <script type="text/javascript"
  • 10步教你上传githib数据 张亚雄 git
    官方的教学还有其他博客里教的都是给懂的人说得，对已我们这样对我大菜鸟只能这么来锻炼，下面先不玩什么深奥的，先暂时用着10步干净利索。等玩顺溜了再用其他的方法。 操作过程（查看本目录下有哪些文件NO.1）ls （跳转到子目录NO.2）cd+空格+目录 （继续NO.3）ls （匹配到子目录NO.4）cd+ 目录首写字母+tab键+（首写字母“直到你所用文件根就不再按TAB键了”） （查看文件
  • MongoDB常用操作命令大全 adminjun mongodb操作命令
    成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令，只是MongoDB没有创建数据库的命令，但有类似的命令 如：如果你想创建一个“myTest”的数据库，先运行use myTest命令，之后就做一些操作（如：db.createCollection('user')）,这样就可以创建一个名叫“myTest”的数据库。 一
  • bat调用jar包并传入多个参数 aijuans
    下面的主程序是通过eclipse写的： 1.在Main函数接收bat文件传递的参数（String[] args）  如：   String ip =args[0];          String user=args[1];       &nbs
  • Java中对类的主动引用和被动引用 ayaoxinchao java主动引用对类的引用被动引用类初始化
      在Java代码中，有些类看上去初始化了，但其实没有。例如定义一定长度某一类型的数组，看上去数组中所有的元素已经被初始化，实际上一个都没有。对于类的初始化，虚拟机规范严格规定了只有对该类进行主动引用时，才会触发。而除此之外的所有引用方式称之为对类的被动引用，不会触发类的初始化。虚拟机规范严格地规定了有且仅有四种情况是对类的主动引用，即必须立即对类进行初始化。四种情况如下：1.遇到ne
  • 导出数据库 提示 outfile disabled BigBird2012 mysql
    在windows控制台下，登陆mysql，备份数据库：   mysql>mysqldump -u root -p test test > D:\test.sql 使用命令 mysqldump 格式如下： mysqldump -u root -p *** DBNAME > E:\\test.sql。 注意：执行该命令的时候不要进入mysql的控制台再使用，这样会报
  • Javascript 中的 && 和 || bijian1013 JavaScript&&||
            准备两个对象用于下面的讨论 var alice = { name: "alice", toString: function () { return this.name; } } var smith = { name: "smith",
  • [Zookeeper学习笔记之四]Zookeeper Client Library会话重建 bit1129 zookeeper
    为了说明问题，先来看个简单的示例代码：   package com.tom.zookeeper.book; import com.tom.Host; import org.apache.zookeeper.WatchedEvent; import org.apache.zookeeper.ZooKeeper; import org.apache.zookeeper.Wat
  • 【Scala十一】Scala核心五：case模式匹配 bit1129 scala
    package spark.examples.scala.grammars.caseclasses object CaseClass_Test00 { def simpleMatch(arg: Any) = arg match { case v: Int => "This is an Int" case v: (Int, String)
  • 运维的一些面试题 yuxianhua linux
    1、Linux挂载Winodws共享文件夹   mount -t cifs //1.1.1.254/ok /var/tmp/share/ -o username=administrator,password=yourpass 或 mount -t cifs -o username=xxx,password=xxxx //1.1.1.1/a /win    
  • Java lang包-Boolean BrokenDreams boolean
             Boolean类是Java中基本类型boolean的包装类。这个类比较简单，直接看源代码吧。 public final class Boolean implements java.io.Serializable,
  • 读《研磨设计模式》-代码笔记-命令模式-Command bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.Collection; import java.util.List; /** * GOF 在《设计模式》一书中阐述命令模式的意图：“将一个请求封装
  • matlab下GPU编程笔记 cherishLC matlab
    不多说，直接上代码 gpuDevice % 查看系统中的gpu,,其中的DeviceSupported会给出matlab支持的GPU个数。 g=gpuDevice(1); %会清空 GPU 1中的所有数据,,将GPU1 设为当前GPU reset(g) %也可以清空GPU中数据。 a=1; a=gpuArray(a); %将a从CPU移到GPU中 onGP
  • SVN安装过程 crabdave SVN
    SVN安装过程   subversion-1.6.12   ./configure --prefix=/usr/local/subversion --with-apxs=/usr/local/apache2/bin/apxs --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-openssl=/
  • sql　行列转换 daizj sql行列转换行转列列转行
    行转列的思想是通过case when 来实现 列转行的思想是通过union all 来实现 下面具体例子： 假设有张学生成绩表(tb)如下: Name Subject Result 张三 语文　　74 张三 数学　　83 张三 物理　　93 李四 语文　　74 李四 数学　　84 李四 物理　　94 */ /* 想变成 姓名   &
  • MySQL--主从配置 dcj3sjt126com mysql
    linux下的mysql主从配置： 说明：由于MySQL不同版本之间的(二进制日志)binlog格式可能会不一样，因此最好的搭配组合是Master的MySQL版本和Slave的版本相同或者更低， Master的版本肯定不能高于Slave版本。（版本向下兼容） mysql1  : 192.168.100.1    //master mysq
  • 关于yii 数据库添加新字段之后model类的修改 dcj3sjt126com Model
    rules: array('新字段','safe','on'=>'search') 1、array('新字段', 'safe')//这个如果是要用户输入的话，要加一下， 2、array('新字段', 'numerical'),//如果是数字的话 3、array('新字段', 'length', 'max'=>100),//如果是文本 1、2、3适当的最少要加一条，新字段才会被
  • sublime text3 中文乱码解决 dyy_gusi Sublime Text
    sublime text3中文乱码解决 原因：缺少转换为UTF-8的插件 目的：安装ConvertToUTF8插件包 第一步：安装能自动安装插件的插件，百度“Codecs33”，然后按照步骤可以得到以下一段代码： import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a30980927
  • 概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM geeksun PHP
    CGI CGI全称是“公共网关接口”(Common Gateway Interface)，HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上。 CGI可以用任何一种语言编写，只要这种语言具有标准输入、输出和环境变量。如php,perl,tcl等。 FastCGI FastCGI像是一个常驻(long-live)型的CGI，它可以一直执行着，只要激活后，不
  • Git push 报错 "error: failed to push some refs to " 解决 hongtoushizi git
    Git push 报错 "error: failed to push some refs to " . 此问题出现的原因是：由于远程仓库中代码版本与本地不一致冲突导致的。 由于我在第一次git pull --rebase 代码后，准备push的时候，有别人往线上又提交了代码。所以出现此问题。 解决方案： 1： git pull    2：
  • 第四章 Lua模块开发 jinnianshilongnian nginxlua
    在实际开发中，不可能把所有代码写到一个大而全的lua文件中，需要进行分模块开发；而且模块化是高性能Lua应用的关键。使用require第一次导入模块后，所有Nginx 进程全局共享模块的数据和代码，每个Worker进程需要时会得到此模块的一个副本（Copy-On-Write），即模块可以认为是每Worker进程共享而不是每Nginx Server共享；另外注意之前我们使用init_by_lua中初
  • java.lang.reflect.Proxy liyonghui160com
      1.简介   Proxy 提供用于创建动态代理类和实例的静态方法 （1）动态代理类的属性 代理类是公共的、最终的，而不是抽象的 未指定代理类的非限定名称。但是，以字符串 "$Proxy" 开头的类名空间应该为代理类保留 代理类扩展 java.lang.reflect.Proxy 代理类会按同一顺序准确地实现其创建时指定的接口
  • Java中getResourceAsStream的用法 pda158 java
    1.Java中的getResourceAsStream有以下几种： 1. Class.getResourceAsStream(String path) ： path 不以’/'开头时默认是从此类所在的包下取资源，以’/'开头则是从ClassPath根下获取。其只是通过path构造一个绝对路径，最终还是由ClassLoader获取资源。 　　2. Class.getClassLoader.get
  • spring 包官方下载地址（非maven） sinnk spring
    SPRING官方网站改版后，建议都是通过 Maven和Gradle下载，对不使用Maven和Gradle开发项目的，下载就非常麻烦，下给出Spring Framework jar官方直接下载路径:   http://repo.springsource.org/libs-release-local/org/springframework/spring/   s
  • Oracle学习笔记(7) 开发PLSQL子程序和包 vipbooks oraclesql编程
        哈哈，清明节放假回去了一下，真是太好了，回家的感觉真好啊！现在又开始出差之旅了，又好久没有来了，今天继续Oracle的学习！      这是第七章的学习笔记，学习完第六章的动态SQL之后，开始要学习子程序和包的使用了……，希望大家能多给俺一些支持啊！     编程时使用的工具是PLSQL
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他