安装一个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: 指令所能存在的形式: //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: 指令所能存在的形式: //Angular.js代码 angular.module('webcourse', []).directive('chat', function...console.log(this.params.dataId); // -> "hello" this.set(this.el.value); } }) 以上大概是vue.js
一、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 保存代码 , 会自动将代码进行格式化 ; 五、安装
在 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
今日更新了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 即可
;我为了方便都写到一个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...--这里是最简单的插件写法;当然还有传对象参数的插件等等。。。。-->
1.Chart.js 官网地址:http://chartjs.cn/ 2.优秀的bootstrap模板推荐 官网地址:http://bootswatch.com 3.wow+animate+js插件库
分享一个js的拖拽框选插件 官网:https://dragselect.com/ 源码:https://github.com/ThibaultJanBeyer/DragSelect.git 使用: pnpm
# 安装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
指令的基本格式: 命令 [选项] [参数] 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 重现安装指定的包
如何编写 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无限下拉加载更多插件。
除了使用默认的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实例,请查阅我的
除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。...下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时,元素获得焦点: 页面载入时,input 元素自动获取焦点: <input...(可选): bind: 只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。...unbind: 只调用一次, 指令与元素解绑时调用。 钩子函数参数 钩子函数的参数有: el: 指令所绑定的元素,可以用来直接操作 DOM 。...binding: 一个对象,包含以下属性: name: 指令名,不包括 v- 前缀。 value: 指令的绑定值, 例如: v-my-directive="1 + 1", value 的值是 2。
由于最近的一个项目使用的是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 指令基本使用大全
插件.png 会自动下载该插件; 第二步:运行项目 进入Finder,找到并成功运行; 第三步:退出Xcode 现在完全关闭Xcode ,再重启Xcode时会提示“Load bundle”、 “...Skip Bundle”,这里必须选择“Load bundle”; 第四步:重开Xcode 按下快捷键:command+shift+9,即可弹出Alcrtraz的窗口,你就可以开始寻找插件(点选作者可以弹出该插件的...github网页,详情一目了然)了,如你想安装某个插件,直接点选"INSTALL",再从第三步开始往下操作即可;
一、Jira插件列表(可以将下面免费插件直接下载,然后登陆jira,在"插件管理"->"上传插件",将下载后的免费插件直接进行上传安装即可) 序号 插件名称 功能概要 供应商 资源 100用户报价($)...1 GreenHopper 敏捷项目管理 Atlassian 下载 2000 2 Universal Plugin Manager 管理插件的查找、安装、升级、授权等,也可用于Confluence,FishEye...2)登陆jira,在"插件管理"->"上传插件",将下载后的R4J插件直接进行上传安装,上传后发现该插件试用期只有1个月,需要进行插件破解。 ? 3)下载解压破解文件压缩包。...这里按照上面截图(即R4J插件安装后的信息)中的"插件关键字"、"许可证SEN"进行模板配置,如r4j.txt,如下: com.easesolutions.jira.plugins.requirements.active...然后将制作后的文件r4j2.txt中的秘钥拷贝到jira中安装的"Requirements for JIRA"插件的"许可证关键字"里面,点击"更新"即可! ? ? ?
maven :m2eclipse – http://m2eclipse.sonatype.org/sites/m2e
领取专属 10元无门槛券
手把手带您无忧上云