有一个需求是在已有列表中搜索关键词,然后在列表中展示含有相关关键字的数据项并且对关键字进行高亮显示,所以该需求需要解决的就两个问题: 1.搜索关键词过滤列表数据 2.每个列表高亮关键字 ps: 此问题基于数组对象,其他数据类型也可参考此思路. 关键词搜索:过滤数据很简单,无非就是监听search,对源数据过滤即可,贴一下代码: const search = this.search if (search) { this.showdata = this.copyshowdata.filter(dat

1.官方下载sublime(http://www.sublimetext.com/3) 然后需要两步(1)上传插件主包Package Control(2)更改channels的配置信息(原来是国外的需要FQ给他把资源换成可以访问的http或者本地资源即可) 2下载sublime安装插件的主包(https://github.com/wbond/package_control) 下载压缩包后解压改名字为  Package Control上传到下图所示的和user同级的地方即sublime的Packa

vue父路由高亮不显示 首页和考试中心作为父路由,点击时发现不高亮,是因为路由配置有问题 因为首页和考试中心已经重定向到homepage和tpersonal-data这两个路由,当点击首页和考试中心的时候,页面显示的是homepage和personal-data,所以需要将点击这两个a链接的时候路由跳转到重定向页面

之前vue1.0的过滤器真的很好使,但是作者为了不让搬运工变得太菜.硬是砍去了过滤器,为此,我还哭了好一阵,终于,一点一点的弄明白了过滤器是怎么回事后,也学明白了vue里的属性监听器computed以及框架里提供的filter的使用,觉得,作者这样做是对的. 先来一个模糊搜索 <ul> <li v-for="user in newUsers" > {{ user.code }} </li> </ul> new Vue({ el: '.ap

正常路由嵌套是没有问题的,但是如果你已经在当前主路由页面了,然后再次点击主路由就会出现页面数据空白的情况 看代码: //主路由通过v-for循环出来 <div class="list-group"> <a href="javascript:;" v-on:click="doNothing" class="list-group-item" v-if="getPages.length != 0"

如果webstorm中 提示 Unknown html tag el-*** 说明没有加载 node_modules 下的 element-ui 解决办法就是: 在webstorm 打开的状态下 第一步:先卸载 element-ui 插件 >npm uninstall element-ui 第二部:重装 element-ui 插件 >npm install --save element-ui 这个时候 webstorm就会自动加载 element-ui 插件, el-** 标签 就可以正常使用

一.将插件克隆到Sublime的packages目录 1.下载并解压插件(或直接git命令clone),得到vue-syntax-highlight-master文件夹 插件地址:https://github.com/vuejs/vue-syntax-highlight 2.点击browse packages按钮打开packages目录 3.将vue-syntax-highlight-master文件夹及内容拷贝到packages目录下 二.加载插件 1.ctrl+shift+p打开命令面板,输

1. 下载安装nodejs 截至2018-06-05 最新稳定版本为 8.11.2,直接 next ,不改目录. PS C:\Users\Administrator> node -v v8.11.2 PS C:\Users\Administrator> npm -v 5.6.0 2. 安装node后,设置 npm 淘宝代理镜像 npm config set registry https://registry.npm.taobao.org npm info underscore (如果上面配置正

一.安装Node.js(js的运行环境) 1.在Node.js官网https://nodejs.org/en/download/下载安装包.2.下载后进行安装.3.打开命令行,输入node -v可以查看到版本号.输入npm –v可看到npm版本号.新版的Node.js已自带npm(类似.net中的nuget包管理器),安装Node.js时会一起安装.(将来要更新npm可用这个命令npm intall npm@latest -g)4.在我的win10系统中可以看到环境变量也已经自动配置好了.如下图

第一步:全局安装babel-cli npm install -g babel-cli 第二步,新建一个空项目,在 WebStorm 中的当前项目中打开 Terminal,进入项目的根目录下, 安装 ES2015 preset,ES2015 preset会自动转译那些需要转换为 ES5 的 ES6 代码. npm install --save-dev babel-preset-es2015 如图: 第三步:根目录路径下新建.babelrc文件,内容如下 { "presets": [&qu

借助echo的-e选项来实现,语法格式为 echo -e "\033[3xmsome things you want to print out.\033[0m" \033[3xm为ANSI控制码,表示要开始输出有颜色的字符了. some things you want to print out.表示要输出的字符,和3xm紧挨着,如果中间有空格,输出的字符前面也会有空格. 3x为表示颜色的一组数字,x取值为0到7,分别代表的颜色如下: 30表示黑色. 31表示红色. 32表示绿色. 33

项目背景: 公司为了实现小程序与H5页面共同覆盖,全面推广.特此想将已有的小程序进行快速改造上线(二周内),研发出H5版本.目前公司前端技术较为薄弱,现有的技术解决方案还停留在JSP. 问题: 如何将目前已经上线运行的原生小程序(40多个页面)快速转化为原生H5页面,实现快速上线,是采用我们较为熟悉的JSP还是引用目前最热门的前后端分离VUE框架呢??? 想法: 1)采用熟练的JSP框架,每人一天可以改造2个页面左右,计划投入2人,风险最小: 2)采用主流分布式Vue框架,时间未知,风险未知:

vim是linux下的编辑器之神,是玩linux的必备工具,同样emacs是神的编辑器,两个编辑器是各有千秋,看个人的喜好,青菜萝卜各有所爱.我是比较喜欢vim,用vim编写bash,perl,python脚本,以及修改配置文件等等,本文就主要介绍在Ubuntu下gvim环境的搭建,希望对大家有所帮助. 一. Ubuntu安装gvim方法 安装gvim的方法,最简单方法是在Ubuntu软件中心搜索gvim,然后点击安装即可,如下图: 如果使用命令行可以打开终端,输入sudo apt-get in

1.去除字符串空格 /*去左空格*/ function ltrim(s) { return s.replace(/^(\s*| *)/, ""); } /*去右空格*/ function rtrim(s) { return s.replace(/(\s*| *)$/, ""); } /*去左右空格*/ function trim(s) { return ltrim(rtrim(s)); } 2.获取url地址栏参数 function getUrlQueryParam

第一步,新建一个项目,我这里建立了基于express 的node项目 第二步:将JavaScript语言版本切换为ECMAScript6 点击File —>settings,弹出设置框.把js的版本设置为: ECMAScript 6 第三步:  紧接着配置javascript的下的选项, 并点击apply启用.并点击OK按钮. 第四步: 安装 Babel CLI 并配置 File Watchers 实现自动转译.第三步安装完,就出现了下面的提示. 在 WebStorm 中打开 Terminal,

1.选中一个字符,Ctrl+Q查看一下属性,是在哪一层. 2.Ctrl+Alt+F(Filter)打开滤波器选项,点Layer,将除字符所在层之外的层全部关掉,即将其前面的"√"去掉. 3.点Object,将除Label.Text之外的选项前面的"√"全去掉. 4.按Ctrl+A全选所有的字符,板面全部字符高亮.再按Ctrl+Q出现所有字符属性,最后将字符的SIZE改为你想要的大小,OK!!!!完工.

好吧,今天是重新学习vim的第二天,不得不说,收货丰厚. 先来勉励一下自己: 存活(目前状态) 感觉很好 感觉更好,更强,更快 吃用vim超能力 vimtutor练到lesson 7了,略微总结一下,主要是快捷键... vim快捷键: 首先是移动光标: 简单: h/j/k/l    右  上  下 左 复杂: num + h/j/k/l ,向指定方向移动 num 行或列 单词跳转 : 简单: w: 调到下一个首字母 e:调到下一个尾字母(包括当前单词) b:调到上一个首字母(包括当前单词) W/

下载完nodeJS后,可选择更改配置目录 1.npm config set prefix "D:\node\node-global"<!--配置全局安装目录--> 2.npm config set cache "D:\node\node-cache"<!--配置缓存目录--> 配置环境变量path添加 node.exe 的目录文件夹路径 和 D:\node\node-global (npm设置的全局安装的目录文件夹路径) 配置环境变量NODE

在这一集我们将讲到如何从安装vue-cli开始,到新建一个本地项目,再到vscode中关于eslint的配置,以及本地项目关联公司远程项目的基本操作. 一,初始化本地项目 1,首先,全局安装vue-cli 3.0 2.检查vue-cli的版本,确定是3.0以上 3,新建一个叫question-editor的本地项目,注意这里的配置,预设置选择手动,勾选必要的Babel,Router,CSS预处理器,Linter格式化工具.不选择历史模式,CSS预处理器的选择看个人喜好,SCSS和Less其实语法

在 VSCode 中编辑代码时,在有 v-for 的语句下面有一条红色波浪线,鼠标放上去有提示 Elements in iteration expect to have 'v-bind:key' directives..代码如下: <p v-for="line in lines"> {{line}} </p> 搜索了一下找到了这个讨论https://github.com/vuejs/vetur/issues/261. 原来这是 ESLint 的一个 featur