安装一个ruby版本 rvm install 1.9.3 这里安装了最新的1.9.3, rvm list known列表里面的都可以拿来安装。...rvm use 1.8.7 rvm use 1.8.7@rails23 然后所有安装的gem都是安装在这个gemset之下。...来安装nginx和部署。...选择nginx手动安装的可以添加别的编译参数，方便自定义编译nginx。 然后一路下载安装。默认的安装位置为/opt/nginx....当我第一次安装完成了，就惊呼，这也太爽了吧。
本文作者：IMWeb devinran 原文出处：IMWeb社区 未经同意，禁止转载 vue.js笔记——指令 跟ng的指令系统类似，vue也拥有一套指令系统。...简单示例 这里v是vue的前缀（如果是Q.js就是q前缀= =），text是指令ID，msg是expression。...ViewModel expression 指令表达式 arg 参数 name 指令ID modifiers 指令的修饰符 descriptor 指令的解析结果 eg: <div id="chat" v-chat...restrict（限定符）概念，这个参数定义了指令所能存在的形式： //Angular.js代码 angular.module('webcourse', []).directive('chat', function...console.log(this.params.dataId); // -> "hello" this.set(this.el.value); } }) 以上大概是vue.js
vue.js笔记——指令 跟ng的指令系统类似，vue也拥有一套指令系统。 所谓指令，其实本质就是在模板中出现的特殊标记，根据这些标记让框架知道需要对这里的 DOM 元素进行什么操作。...简单示例 这里v是vue的前缀（如果是Q.js就是q前缀= =），text是指令ID，msg是expression。...ViewModel expression 指令表达式 arg 参数 name 指令ID modifiers 指令的修饰符 descriptor 指令的解析结果 eg: <div id="chat" v-chat...restrict（限定符）概念，这个参数定义了指令所能存在的形式： //Angular.js代码 angular.module('webcourse', []).directive('chat', function...console.log(this.params.dataId); // -> "hello" this.set(this.el.value); } }) 以上大概是vue.js
今日更新了Linux的安装，指令的内容 欢迎大家关注点赞收藏⭐️留言 Linux系统的安装 双系统/装成Linux（不推荐） 虚拟机+centos镜像（可以使用） 云服务器/轻量级云服务器（强烈推荐...下载并安装Xshell。 打开Xshell，有弹窗先关掉，ssh root@你的公网ip，输入密码。 如果是普通账户就是普通账户的用户名，如果是root就是root。...如果我们想进入，需要多个cd指令，很麻烦，这时候就可以用tree指令了。 tree指令 使用tree命令前，需要先安装，输入yum -y install tree 然后回车即可。...我们使用的man手册是不全的，完整的手册需要安装，输入yum -y install man-pages回车即可。...nano指令 nano指令使用前，需要安装，输入yum install -y nano 即可
在 GitHub 上闲逛时，发现一个叫做 shortcuts-js[1] 的项目，其描述写的是“A JavaScript iOS 12 快捷指令 creator”，花了几个小时的时间玩了一下，发现挺不错...shortcuts JS 基本上就是将 Apple 内建的操作都制作成对应的 JS 版本，你可以编排与调用那些 JS 函数，shortcuts-js 会帮你转译成 iOS 能运行的 shortcuts...最后通过 shortcuts js 的 buildShortcut() 函数将你所编排的操作转化成合法的 iOS 快捷指令的格式并写入文件。...就会自动检测到，也就能直接安装了。...在公众号对话框中回复：快捷指令 获取本文代码 Reference [1] shortcuts-js:https://shortcuts.fun/ [2] shortcuts-js:https://shortcuts.fun
一、VSCode 插件安装 在 VSCode 中 , 左侧的 按钮 是 扩展 按钮 , 使用 Ctrl + Shift + X 也可以快速进入插件安装界面 ; 在弹出的 扩展 面板中 , 可以搜索和安装插件...; 二、安装 简体中文 插件 ---- 在扩展工具面板中 , 搜索 Chinese , 可以看到 简体中文 插件 , 安装该插件后 , 界面会变为简体中文界面 ; 安装完毕后 , 重启 VSCode...即可完成插件安装 ; 三、安装 Open in Browser 插件 ---- 在扩展工具面板中 , 搜索 Open in Browser 插件 , 搜索出来后 , 点击安装 , 安装该插件 ;...安装后的效果 : 在空白处点击右键 , 可以显示 Open in Browser 选项 ; 四、安装 JS-CSS-HTML Formatter 插件 ---- 在 扩展工具 面板中 , 搜索...JS-CSS-HTML Formatter 插件 , 安装该插件 ; 安装该上述插件后 , 将代码打乱格式 ; 使用 Ctrl + S 保存代码 , 会自动将代码进行格式化 ; 五、安装
；我为了方便都写到一个html中了；请把这个script标签中的内容单独写在一个js文件里 //整个插件写在一个立即执行函数里；就是function(){}();函数自执行；保证里面的变量不会与外界互相影响...号(叹号)或者;(分号)这不是写错了,为了防止那个二货写的js结束没有分号；而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...比如你要点击按钮 添加input的值到 div里 var addHtml = function(demo,btn){//插件名，调用的时候直接new一下插件名就行了并传参数或者传对象(一般这个函数名手写字母大写比较好...new addHtml("demo-2","add-2"); //这里是实例2调用插件的代码 //是不是明白为什么要写插件了；要封装；两个相同组件即使有相同的class名在dom...--这里是最简单的插件写法；当然还有传对象参数的插件等等。。。。-->
分享一个js的拖拽框选插件 官网：https://dragselect.com/ 源码：https://github.com/ThibaultJanBeyer/DragSelect.git 使用： pnpm
更新环境 sudo apt update sudo apt upgrade 安装桌面 sudo apt install tasksel sudo tasksel install ubuntu-desktop
1.Chart.js 官网地址：http://chartjs.cn/ 2.优秀的bootstrap模板推荐 官网地址：http://bootswatch.com 3.wow+animate+js插件库
指令的基本格式: 命令 [选项] [参数] Copy 例如: ls -a / # 表示列出根目录下所有的文件及文件夹 Copy 软件管理相关指令 简单来说，Linux系统可以分为Debian和RedHat...基于Debian平台的操作系统，使用dpkg和apt指令管理软件，基于RedHat平台的操作系统，使用rpm和yum指令来管理软件。...它们的命名方式不同，但是命令的执行效果大致相同，我们主要学习基于Debian平台Ubuntu系统下的dpkg和apt指令。...dpkg dpkg是“Debian Package”的简写，为 “Debian” 专门开发的套件管理系统，方便软件的安装、更新及移除。...apt-get install vim apt-get -f install 安装依赖包 apt-get -f install apt-get reinstall 重现安装指定的包
# 安装webpack npm install --save-dev webpack # 安装webpack-cli依赖 npm install --save-dev webpack-cli # 创建新项目...中打包lodash依赖，我们需要在本地安装 library，终端输入指令： npm install --save lodash 然后调整index.js内容 // 添加一行代码 import _ from...这种方式来运行本地的 webpack 不是特别方便，我们可以设置一个快捷方式， 在package.json中的"scripts"新增 "build": "webpack" 这样就可以使用npm run build指令代替之前的...了一个css文件，需要在配置中安装并添加style-loaader和css-loader npm install --save-dev style-loader css-loader webpack.config.js.../style.css' npm run build就可以自动解析打包啦 加载图片 下载安装file-loader npm install --save-dev file-loader webpack.config.js
如何编写 Vue 插件 在以往的 Vue 项目开发过程中，我们使用插件的方法是Vue.use(plugin)。如： import filters from "....编写 Vue 长按指令 根据官方文档： // 注册一个全局自定义指令 `v-focus` Vue.directive('focus', { // 只调用一次，指令第一次绑定到元素时调用。...指令的值可能发生了改变，也可能没有。...使长按时间可定制化 // longpress.js export default { install(Vue, options = { time: 2000 }) { // .....// main.js import LongPress from 'longpress.js' Vue.use(LongPress, {time: 2500}) component.vue // template
下面我们来具体实现vue如何通过指令来完成无限上拉加载更多功能的。...InfiniteScroll.js v-infinite-scroll指令，主要来监听添加指令元素的滚动事件，根据条件，来执行加载更多事件 export default { bind(el, binding...{ el.setAttribute('data-infiniteScrollDisabled', binding.value); }, }; InfiniteScrollDistance.js...index.js import InfiniteScroll from '....，没有滚动条，一切都是扯淡 这样就简单的实现了，vue无限下拉加载更多插件。
除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。...下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时，元素获得焦点： 页面载入时，input 元素自动获取焦点： <input...（可选）： bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。...unbind: 只调用一次， 指令与元素解绑时调用。 钩子函数参数 钩子函数的参数有： el: 指令所绑定的元素，可以用来直接操作 DOM 。...binding: 一个对象，包含以下属性： name: 指令名，不包括 v- 前缀。 value: 指令的绑定值， 例如： v-my-directive="1 + 1", value 的值是 2。
除了使用默认的vue核心指令，如v-model, v-bind等，我们还可以自定义指令，封装常用的功能。...如：实现input框自动获得焦点，且与之双向绑定的数据显示颜色为红色 自定义指令.gif 具体代码 代码解析： 全局自定义指令 // 自定义全局指令 Vue.directive('focus', {..." v-model="msg" v-focus> 自定义私有指令 let vm = new Vue({ el: "#app", data: { msg: '',...}, directives: { // 自定义私有指令 color: function (el, binding) { el.style.color =...binding.value } } }) 调用私有指令color {{ msg }} 自定义指令 如想了解更多的vue实例，请查阅我的
由于最近的一个项目使用的是angularjs1.0的版本，涉及到分页查询数据的功能，后来自己就用自定义指令实现了该功能。现在单独做了个简易的小demo，主要是为了分享自己写的分页功能。...一、代码部分 下面直接把每一个文件的代码贴出来，重点是ListCtrl.js和pageDirective.js： 1、index.html 3、views/home.html 首页区域 百度 4、views/directive/page-directive.html （重要，自定义指令的html...（重要部分，自定义指令的js部分） angular.module('app.D').directive('pageDirective',['$rootScope', function ($rootScope
一、指令 1.1 概念理解 指令 (Directives) 是特殊的带有前缀 v- 的特性。指令的值限定为绑定表达式（JavaScript 表达式及过滤器规则）。...指令的职责就是当其表达式的值改变时把某些特殊的行为应用到 DOM 上。 1.2 示例 ? （1）v- 是Vue的前缀，text 是指令ID，msg 是 expression（表达式）。...（2）msg 是MVVM中的VM即ViewModel，当他的值改变时，就会触发指令 test，更改View视图的显示。 二、v-text 更新元素的 textContent（文本内容） ? ?...如果 v-if/v-show 指令的表达式为 true，则 else 元素不显示；如果 v-if/v-show 指令的表达式为 false，则else 元素显示。...参考文章 （1）Vue.js API （2）vue 指令基本使用大全
maven ：m2eclipse – http://m2eclipse.sonatype.org/sites/m2e
默认情况下，MyBatis 允许使用插件来拦截的方法调用包括： Executor (update, query, flushStatements, commit, rollback, getTransaction...这些都是更低层的类和方法，所以使用插件的时候要特别当心。 通过 MyBatis 提供的强大机制，使用插件是非常简单的，只需实现 Interceptor 接口，并指定了想要拦截的方法签名即可。...自定义插件 需求： 把Mybatis所有执行的sql都记录下来。...properties.getProperty("dialect"); logger.info("mybatis intercept dialect:{}", dialect); } } 这样一个插件就开发完成了...${junit.version} test 参考资料 MyBatis 插件
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
