- 博客(34)
- 收藏
- 关注
原创 vue-cli3+cubeUI快速搭建项目
想开发一个web项目,选择vue.js框架,如何使用vue-cli3帮我们快速的搭建项目,选择合适的参数配置呢?vue-cli3脚手架可以快速的帮我们完成搭建,此外,也需要考虑选择一个合适的UI库,可以实现页面的自适应以及快速构建一些常用功能等目标。首先贴上官方vue-cli3地址,完全没搭过的,可以顺着看一看。构建项目首先,创建项目,指令如下一行。vue create pr...
2019-08-01 09:10:07
1837
转载 git 查看配置及修改
git config user.namegit config --list或者查看~/.gitconfig 文件。改名字:#global代表全局修改git config --global user.name "要修改的名字"
2019-07-31 14:42:02
954
原创 vue实现前端搜索功能
当数据量不是很大时,可以在前端进行搜索。这里实现基本的搜索功能,可以根据实际情形,再增添功能,将其变复杂。将下面的代码贴过去,就可以直接体验简单的搜索功能。没有写样式,仅供大家了解实现的逻辑。界面界面通常包含最基础的几部分,一是搜索框,二是搜索出的内容的列表展示。这两个基本上是必须。此外,可以再添加取消按钮,即清空你的搜索,等等部分。<div id="app"> ...
2019-07-29 15:14:39
23694
1
原创 手写表单及h5表单验证举例
表单是一个很重要的概念,这里涉及到收集数据以及验证数据,以及表单的用户体验。一般ui框架会有封装好的这些功能。这里复习一下手写表单,顺带复习一下表单的基本属性,基本样式和h5的表单验证。一个表单基本包含一个html结构,即表单结构,针对html的样式,表单验证,表单提交。这里会把前三项的相关代码贴出来。大家组合到一个html页面之中,就可以形成一个完整的功能。表单基本结构一般包含 ...
2019-06-28 14:05:20
2195
原创 前端面试题总结 2019---持续更新
题目来自于https://www.jianshu.com/p/eb0f269098d5以及来自个人的整理,答案是参考不同的资料写的,会不断完善。题目是目前前端的一些核心知识点,即使不面试,复习一下也很好。【CSS篇】1. CSS盒子模型,绝对定位和相对定位盒模型比较全面的理解:https://www.cnblogs.com/clearsky/p/5696286.html盒...
2019-04-16 21:56:02
1479
原创 javascript中如何实现类 (class) ---简述构造函数与原型对象
在 js中,类的实现是通过原型的继承机制。通常的方法,是定义构造函数,即是定义类,类名即构造函数名,首字母必须大写。在其中定义一些共有的属性名。同时,使用关键字prototype来定义构造函数的原型对象,在其中定义共享的方法。当定义好这些之后,必须通过关键字new来调用构造函数,实现创建实例。此实例‘继承’所有原型的方法。构造函数及原型对象实现类这里使用犀牛书的示例 9-2 ...
2019-04-12 22:17:25
1054
原创 在vue工程中使用vue-awesome-swiper实现轮播图
自己做的小项目中,需要使用轮播图。选择了网上推荐的vue-awesome-swiper。这里讲一下,如何在vue工程中,安装及使用vue-awesome-swiper。后续如有更加复杂的应用,会继续补充。这里实现的功能就是,应用在移动端,自动轮播,可以显示原点式的提示,展示显示到了第几章轮播。首先,贴出非常有用的官方网址。vue-awesome-swiper:https://www.s...
2019-04-10 11:28:54
2504
原创 使用vue-cli快速创建工程化vue项目以及添加Vue-router+Sass
这篇文章主要描述,你如何快速创建一个工程化的vue项目。使用vue-cli,会非常容易及快速的构件一个工程化的Vue项目。我主要依赖的就是vue-cli的官方网站。https://cli.vuejs.org/zh/guide/。基础部分通过以下三部我们就可以快速搭建一个vue.js工程项目第一步,是要安装vue-cli.安装vue-cli之前,需要node.js. 怎样知道自己...
2019-03-09 12:05:19
1528
1
原创 从远端拉取本地没有的分支,并自动在本地建立该分支
当本地没有想要拉取的分支,想直接拉取远端的分支,且分支名相同(1) git branch 查看本地的git库包含的分支目前本地有五个分支,'*'代表当前所在的分支(2)git checkout -b 本地分支 origin/远程分支这个时候就讲远程的分支拉到了本地,并且切到了本地,并且两者关联在了一起。(3)可以再次使用 git branch 查看目前本地的分支状况...
2018-11-30 15:15:00
3510
原创 pull错代码,恢复到pull之前 ---本地代码回退
本地拉远端分支时,不小心拉错了代码。网上查找了一下,按照此篇文章进行操作。https://blog.csdn.net/code_segment/article/details/78597441?locationNum=4&fps=1。(1)git reflog(2) git reset --hard ae5244a8 填写自己想要回退的版本通过以上两部,拉错...
2018-11-29 16:31:50
31101
3
原创 vsCode使用
快捷键1) html页面快速生成一个h5页面:!+ TAB2) 在浏览器中打开 : open in browser插件,安装插件后,ALT+B
2018-11-28 16:36:01
141
原创 vue中使用less
首先,使用vue-cli快速建立一个vue project二, 在该项目中安装less及loader$ npm install less less-loader --save-dev关于何时使用“--save-dev”或者“--save”,参见 https://www.cnblogs.com/limitcode/p/7906447.html。因为仅在开发下使用,这里使用--save-...
2018-11-20 14:21:52
1020
原创 div与image-令div刚好包裹image
image在外面有时会包裹一层div.但是,视图效果,经常会出现问题。有一些解决办法。(1),改变image的display, 如, .top-header .left-icon img,.top-header .right-icon img{ display:block;//这样其外的div可以正好将其包裹住 width:px2rem(25px);...
2018-11-02 14:48:14
4045
原创 给echart的数据提示部分增加单位等
关于echart文档上,关于formatter的使用,读起来比较复杂,不是很清楚每个选项到底是什么含义。使用如下的方法,可以清楚的知道,你想要编辑的数据在哪里。首先,点击axis或者item会触发数据显示内容,这所有的设置都在tooltip之中。tooltip : { trigger: 'axis', ...
2018-10-31 15:12:32
3409
1
原创 echart重绘 数据更新 但是legend却没有更新
{ let studyConditionChart=echarts.init(document.getElementById('studyCondition')); studyConditionChart.setOption(this.OptionStudyCondition,true); //注意这里一定要有参数true}在使用echart时,数据...
2018-10-30 13:58:27
5448
转载 无法通过小乌龟推送远端代码 Git : Could not read from remote repository
转自: https://blog.csdn.net/rlnote/article/details/80711095git 项目选择 Clone or download 的Https地址.配置小乌龟,git=>远端 URL改SSH地址为Https地址.
2018-10-22 18:02:25
3569
原创 递归搜索树形结构并返回搜索值
这里要处理的数据,是一组树型结构。如下let options=[ {"value":1,"label":"三甲","children":[ {"value":68,"label":"上海三甲","children":[{"value":681,"label":"
2018-09-30 10:10:16
4245
原创 使用TortoiseGit, 从远程仓库克隆一个项目以及提交,创建分支,合并分支等基本操作
下载TortoiseGit,对用户名秘密邮箱等在tortoiseGit的general中进行配置。假设在你的远程仓库,有一个项目,需要clone到本地,你需要创建个人分支,对其修改,提交等基本操作。第一:打开Git中你需要下载的项目,copy其地址。注意这里是http,而非ssh.第二:在本地你希望克隆项目的地方,右键->选择Git clone.会跳出界面,需要你粘贴刚才...
2018-09-11 14:47:06
13769
1
原创 windows中,安装weex出现 weex: command not found
weex 安装前提,已经完成node.js的安装。使用cnpm install wee专栏管理x-toolkit -g, 显示已经下载及安装。搞不清楚是什么原因,在输入weex时,却显示没有此指令。由于本人关于node.js的配置中,已经完成了node.js的路径配置(貌似自动的,总之后续查询时,路径是已经有的)。但是,在后面我们使用cnpm,以及weex时,安装的路径都涉及了其下文件夹,...
2018-09-11 13:25:27
659
原创 将对象转换成对象数组的形式
有时候,拿到一个对象,会希望将其专化成自己需要的数据结构,如数组,方便应用于一些场合。本质都是遍历对象,对其key,value 进行处理。这里,我们不仅希望简单的拿到,key or value的集合,而是希望分别拿到key,value,组成一个对象,再将其组成数组。下面的代码即可以实现。let obj={"shanghai":[1,2,3],"chengdu":[1,2,3,4,5]};var ...
2018-07-09 11:55:46
13143
原创 两个git账号配置ssh的解决方案以及从远端clone仓库或者本地上传到github仓库的基本方法
先把问题写出来,本人公司有一个gitlab的账号,然后自己还有一个github的账号。不太清除这个github在做ssh配置的时候,和我之前电脑里的ssh keys 有什么关系吗,会不会造成影响。后来是公司大神帮忙解决配置,这里略作总结。基本基调是,可以把这个当成一个全新的账号配置来做,即gitlab和github的配置是分开的。(1)首先由略微参考这篇文章 https://www.jianshu...
2018-05-14 18:31:06
466
原创 解决顶部导航覆盖锚点定位到的内容的问题---锚点定位偏移
页面中有很多不同的模块,有时候会需要利用锚点,将其定位到想跳转到的位置。只是,顶部的固定导航栏,会覆盖掉一部分想要展示的内容。如下图所示采取的一种较为简单的方法,就是利用伪类:target,其用来指定那些包含片段标识符的URI 的目标元素。通过其,可以对跳转后的目标元素的样式做一定的调整。当需要对所有目标元素做调整,则可以用:target{}我个人的页面,用的如下代码/*解决锚点的偏移问题*/#...
2018-05-04 15:53:17
5426
4
原创 一个简单的实时表单验证
以 number为例子。首先,在html部分只要包含:label, 表单,以及错误信息提示。这里有错误信息,是为了保证我们的表单不是在提交那一刻才提示你填写的不对,而是在你输入时或者输入完,这个预备的表单错误信息就可以显示出来。<div> <label> email:</label> <input type="email" required id=...
2018-04-20 15:47:37
1673
1
原创 Vue框架下,表单存在多个复选框时,如何选中一个同时禁用其它复选框
如标题所示,我们怎样实现下面的需求呢?当我们选中其中一个选项时,其它的选项应该被禁用,因为我们只想提交一组数据。怎样使用 Vue.js 来实现呢?首先我们看,如果是一个checkbox,<input type="checkbox" :disable="true">,这样就可以将其禁用。所以当有多个input 存在时,我们需要的是理清逻辑关系,让disable在何时的情况发挥作用。禁用:...
2018-03-15 15:03:51
15579
1
原创 vue.js中表单的数据(一)-- 搜集要提交的数据
当你需要提交一个表单的数据时,前端是vue.js时,会非常的简单。主要是思路要对,它与用jQuery写不同。今天讲解,一个表单,填写完成后,传递给后台提交。首先,你要清楚,你打算提交的数据的格式与每个表单你想要传递的名字。请在 data中将这些数据定义清楚。这种方法,尤其在你的表单结构很复杂时,特别有用。表单结构复杂时,清晰的将数据传递给后台也非常重要。data:{newTabActivityDa...
2018-03-14 12:00:25
9667
原创 vue.js---实现Tab页面的跳转
在jQuery中,若想实现Tab页面的跳转,只需要将相应的class名,一般为active,加到对应的dom元素上,使其显示即可。那么,如果我们选择使用vue.js,该如何实现Tab页的跳转呢?思路与jQuery类似,即点击对应的Tab项时,使对应的class有效。因此,(1)要具备动态的class,如,:class="{active:index==x}"(2)要绑定点击事件及对应的函数,如,@c...
2018-03-12 16:14:12
4143
原创 sublime text3 安装记(关于无法安装插件)+使用记
下面来讲述我作为小白使用和安装sublime遇到的问题作为前端,我已经非常习惯使用webstorm,可是其在php的支持上,比较低。恰好目前做的这个项目有php框架使用,这样在webstorm中,很多语法以及折叠效果,都不能很好的实现。因此就有了下面的我摸索sublime的道路。先说我经历的问题:安装:我首先安装的是中文版。官方网址:http://www.sublimetextcn.com/安装很...
2018-02-26 18:07:16
5938
原创 在v-for中绑定 href
<li class="error-item clearfix" v-for="item in errorInformation"> <div class="error-title"> <a :href=item.name>{{item.display_name}}</a></div> &am
2018-02-09 10:40:56
5248
原创 使用line-height垂直居中时,要注意border的设置
对于一行文字,我们经常有垂直居中的要求。比如我们制作一个按钮时,其上的文字。这时候,利用CSS的方法,将line-height设置为对象的height时,此对象中的文字则会垂直居中。本来这个方法不会有太多问题,但是当我们给这个对象设置border时,问题就来了。我在做按钮时,给我的按钮设置了border: 2px solid #ddd;由于按钮不算太大,我使用此方法,并没有发现有什么不妥。
2018-01-26 17:04:59
8842
1
原创 移动端touchstart,touchend效果实现-点击图片出现阴影,滑动消失
手机端要实现如下效果:点击图片或长按图片,图片出现阴影效果,且可以跳转到相应的链接,滑动或者松开图片时,此效果都会消失。注意,屏幕可以正常滑动,而且阴影在字之下,图之上。手机端的这种效果,我们使用touchstart,touchend来实现。(1)首先要了解需要的事件touchstart,是手指触摸屏幕是触发的效果,touchend,是手指从屏幕抬起时触发的事件, 而touchmo
2018-01-15 14:30:04
2560
1
原创 示例学习-树形菜单的形成---使用vue.js
第一步,获得树形数据对于渲染成一个树形菜单,也就是我们平时见到的多级菜单,我们首先要将数据处理成树形结构。这里笔墨不多写了,假设我们拿到的demoData就已经是的了。第二步,渲染数据假设我们拿到的数据第一层是数组。在我们的页面上只需要有一个ul以及一个我们接下来定义的组件item。这里由于我们第一层数据是数组,因此我们在这里做了一个循环。这里同时要注意vue是使用props从父组
2017-08-01 17:27:11
7864
原创 解决virtualbox导入完整虚拟机的相关问题this kernel requires an x86-64 cpu but only detected an i686 cpu
问题1:在virtual box中,无法开启虚拟机。报错为VT-x is disabled in the BIOS for all CPU modes (VERR_VMX_MSR_ALL_VMX_DISABLED).解决方法是在虚拟机的系统配置中,将RAM大小变小。我选择的是2G。http://stackoverflow.com/questions/34746462/error-vt-x-
2017-05-09 15:42:16
23629
1
原创 Java安装的教程
JAVA安装教程http://jingyan.baidu.com/article/f25ef2546e45e4482c1b82f0.html安装后的user guidehttp://docs.oracle.com/javase/8/docs/
2017-05-09 15:28:15
476
原创 从零学习安装虚拟机及选择系统
第一,安装虚拟机虚拟机的概念虚拟机是由软件模拟的,安装在计算机中,可以形成一个独立的隔离的计算机,其模拟了计算机的硬件,并具有自己的操作系统。目前流行的虚拟机软件有virtual box, vmWare, virtual PC. 虚拟机的选择这里选择virtual box. 它是一款开源的虚拟机软件,由sun microsystem推出,后由oracle收购。htt
2017-05-06 20:25:59
326
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人