mia1106-CSDN博客

原创 vue-cli3+cubeUI快速搭建项目

想开发一个web项目，选择vue.js框架，如何使用vue-cli3帮我们快速的搭建项目，选择合适的参数配置呢？vue-cli3脚手架可以快速的帮我们完成搭建，此外，也需要考虑选择一个合适的UI库，可以实现页面的自适应以及快速构建一些常用功能等目标。首先贴上官方vue-cli3地址，完全没搭过的，可以顺着看一看。构建项目首先，创建项目，指令如下一行。vue create pr...

2019-08-01 09:10:07 1809

转载 git 查看配置及修改

git config user.namegit config --list或者查看~/.gitconfig 文件。改名字：#global代表全局修改git config --global user.name "要修改的名字"

2019-07-31 14:42:02 941

原创 vue实现前端搜索功能

当数据量不是很大时，可以在前端进行搜索。这里实现基本的搜索功能，可以根据实际情形，再增添功能，将其变复杂。将下面的代码贴过去，就可以直接体验简单的搜索功能。没有写样式，仅供大家了解实现的逻辑。界面界面通常包含最基础的几部分，一是搜索框，二是搜索出的内容的列表展示。这两个基本上是必须。此外，可以再添加取消按钮，即清空你的搜索，等等部分。<div id="app"> ...

2019-07-29 15:14:39 23549 1

原创手写表单及h5表单验证举例

表单是一个很重要的概念，这里涉及到收集数据以及验证数据，以及表单的用户体验。一般ui框架会有封装好的这些功能。这里复习一下手写表单，顺带复习一下表单的基本属性，基本样式和h5的表单验证。一个表单基本包含一个html结构，即表单结构，针对html的样式，表单验证，表单提交。这里会把前三项的相关代码贴出来。大家组合到一个html页面之中，就可以形成一个完整的功能。表单基本结构一般包含 ...

2019-06-28 14:05:20 2143

原创前端面试题总结 2019---持续更新

题目来自于https://www.jianshu.com/p/eb0f269098d5以及来自个人的整理，答案是参考不同的资料写的，会不断完善。题目是目前前端的一些核心知识点，即使不面试，复习一下也很好。【CSS篇】1. CSS盒子模型，绝对定位和相对定位盒模型比较全面的理解：https://www.cnblogs.com/clearsky/p/5696286.html盒...

2019-04-16 21:56:02 1470

原创 javascript中如何实现类 (class) ---简述构造函数与原型对象

在 js中，类的实现是通过原型的继承机制。通常的方法，是定义构造函数，即是定义类，类名即构造函数名，首字母必须大写。在其中定义一些共有的属性名。同时，使用关键字prototype来定义构造函数的原型对象，在其中定义共享的方法。当定义好这些之后，必须通过关键字new来调用构造函数，实现创建实例。此实例‘继承’所有原型的方法。构造函数及原型对象实现类这里使用犀牛书的示例 9-2 ...

2019-04-12 22:17:25 1024

原创在vue工程中使用vue-awesome-swiper实现轮播图

自己做的小项目中，需要使用轮播图。选择了网上推荐的vue-awesome-swiper。这里讲一下，如何在vue工程中，安装及使用vue-awesome-swiper。后续如有更加复杂的应用，会继续补充。这里实现的功能就是，应用在移动端，自动轮播，可以显示原点式的提示，展示显示到了第几章轮播。首先，贴出非常有用的官方网址。vue-awesome-swiper:https://www.s...

2019-04-10 11:28:54 2489

原创使用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 1481 1

原创从远端拉取本地没有的分支，并自动在本地建立该分支

当本地没有想要拉取的分支，想直接拉取远端的分支，且分支名相同（1） git branch 查看本地的git库包含的分支目前本地有五个分支，'*'代表当前所在的分支（2）git checkout -b 本地分支 origin/远程分支这个时候就讲远程的分支拉到了本地，并且切到了本地，并且两者关联在了一起。（3）可以再次使用 git branch 查看目前本地的分支状况...

2018-11-30 15:15:00 3344

原创 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 29798 3

原创 vsCode使用

快捷键1) html页面快速生成一个h5页面：！+ TAB2) 在浏览器中打开： open in browser插件，安装插件后，ALT+B

2018-11-28 16:36:01 129

原创 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 998

原创 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 4007

原创给echart的数据提示部分增加单位等

关于echart文档上，关于formatter的使用，读起来比较复杂，不是很清楚每个选项到底是什么含义。使用如下的方法，可以清楚的知道，你想要编辑的数据在哪里。首先，点击axis或者item会触发数据显示内容，这所有的设置都在tooltip之中。tooltip : { trigger: 'axis', ...

2018-10-31 15:12:32 3363 1

原创 echart重绘数据更新但是legend却没有更新

{ let studyConditionChart=echarts.init(document.getElementById('studyCondition')); studyConditionChart.setOption(this.OptionStudyCondition,true); //注意这里一定要有参数true}在使用echart时，数据...

2018-10-30 13:58:27 5339

转载无法通过小乌龟推送远端代码 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 3530

原创递归搜索树形结构并返回搜索值

这里要处理的数据，是一组树型结构。如下let options=[ {"value":1,"label":"三甲","children":[ {"value":68,"label":"上海三甲","children":[{"value":681,"label":&quot

2018-09-30 10:10:16 4217

原创使用TortoiseGit, 从远程仓库克隆一个项目以及提交，创建分支,合并分支等基本操作

下载TortoiseGit,对用户名秘密邮箱等在tortoiseGit的general中进行配置。假设在你的远程仓库，有一个项目，需要clone到本地,你需要创建个人分支，对其修改，提交等基本操作。第一：打开Git中你需要下载的项目，copy其地址。注意这里是http,而非ssh.第二：在本地你希望克隆项目的地方，右键->选择Git clone.会跳出界面，需要你粘贴刚才...

2018-09-11 14:47:06 13650 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 642

有时候，拿到一个对象，会希望将其专化成自己需要的数据结构，如数组，方便应用于一些场合。本质都是遍历对象，对其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 13132

原创两个git账号配置ssh的解决方案以及从远端clone仓库或者本地上传到github仓库的基本方法

先把问题写出来，本人公司有一个gitlab的账号，然后自己还有一个github的账号。不太清除这个github在做ssh配置的时候，和我之前电脑里的ssh keys 有什么关系吗，会不会造成影响。后来是公司大神帮忙解决配置，这里略作总结。基本基调是，可以把这个当成一个全新的账号配置来做，即gitlab和github的配置是分开的。（1）首先由略微参考这篇文章 https://www.jianshu...

2018-05-14 18:31:06 449

原创解决顶部导航覆盖锚点定位到的内容的问题---锚点定位偏移

页面中有很多不同的模块，有时候会需要利用锚点，将其定位到想跳转到的位置。只是，顶部的固定导航栏，会覆盖掉一部分想要展示的内容。如下图所示采取的一种较为简单的方法，就是利用伪类:target,其用来指定那些包含片段标识符的URI 的目标元素。通过其，可以对跳转后的目标元素的样式做一定的调整。当需要对所有目标元素做调整，则可以用：target{}我个人的页面，用的如下代码/*解决锚点的偏移问题*/#...

2018-05-04 15:53:17 5386 4

原创一个简单的实时表单验证

以 number为例子。首先，在html部分只要包含：label, 表单，以及错误信息提示。这里有错误信息，是为了保证我们的表单不是在提交那一刻才提示你填写的不对，而是在你输入时或者输入完，这个预备的表单错误信息就可以显示出来。<div> <label> email:</label> <input type="email" required id=...

2018-04-20 15:47:37 1663 1

原创 Vue框架下，表单存在多个复选框时，如何选中一个同时禁用其它复选框

如标题所示，我们怎样实现下面的需求呢？当我们选中其中一个选项时，其它的选项应该被禁用，因为我们只想提交一组数据。怎样使用 Vue.js 来实现呢?首先我们看，如果是一个checkbox，<input type="checkbox" :disable="true">,这样就可以将其禁用。所以当有多个input 存在时，我们需要的是理清逻辑关系，让disable在何时的情况发挥作用。禁用：...

2018-03-15 15:03:51 15461 1

原创 vue.js中表单的数据（一）-- 搜集要提交的数据

当你需要提交一个表单的数据时，前端是vue.js时，会非常的简单。主要是思路要对，它与用jQuery写不同。今天讲解，一个表单，填写完成后，传递给后台提交。首先，你要清楚，你打算提交的数据的格式与每个表单你想要传递的名字。请在 data中将这些数据定义清楚。这种方法，尤其在你的表单结构很复杂时，特别有用。表单结构复杂时，清晰的将数据传递给后台也非常重要。data:{newTabActivityDa...

2018-03-14 12:00:25 9645

原创 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 4121

原创 sublime text3 安装记（关于无法安装插件）+使用记

下面来讲述我作为小白使用和安装sublime遇到的问题作为前端，我已经非常习惯使用webstorm,可是其在php的支持上，比较低。恰好目前做的这个项目有php框架使用，这样在webstorm中，很多语法以及折叠效果，都不能很好的实现。因此就有了下面的我摸索sublime的道路。先说我经历的问题:安装：我首先安装的是中文版。官方网址：http://www.sublimetextcn.com/安装很...

2018-02-26 18:07:16 5927

原创在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 5161

原创使用line-height垂直居中时，要注意border的设置

对于一行文字，我们经常有垂直居中的要求。比如我们制作一个按钮时，其上的文字。这时候，利用CSS的方法，将line-height设置为对象的height时，此对象中的文字则会垂直居中。本来这个方法不会有太多问题，但是当我们给这个对象设置border时，问题就来了。我在做按钮时，给我的按钮设置了border: 2px solid #ddd;由于按钮不算太大，我使用此方法，并没有发现有什么不妥。

2018-01-26 17:04:59 8765 1

原创移动端touchstart,touchend效果实现-点击图片出现阴影，滑动消失

手机端要实现如下效果：点击图片或长按图片，图片出现阴影效果，且可以跳转到相应的链接，滑动或者松开图片时，此效果都会消失。注意，屏幕可以正常滑动，而且阴影在字之下，图之上。手机端的这种效果，我们使用touchstart,touchend来实现。（1）首先要了解需要的事件touchstart,是手指触摸屏幕是触发的效果，touchend,是手指从屏幕抬起时触发的事件，而touchmo

2018-01-15 14:30:04 2519 1

原创示例学习-树形菜单的形成---使用vue.js

第一步，获得树形数据对于渲染成一个树形菜单，也就是我们平时见到的多级菜单，我们首先要将数据处理成树形结构。这里笔墨不多写了，假设我们拿到的demoData就已经是的了。第二步，渲染数据假设我们拿到的数据第一层是数组。在我们的页面上只需要有一个ul以及一个我们接下来定义的组件item。这里由于我们第一层数据是数组，因此我们在这里做了一个循环。这里同时要注意vue是使用props从父组

2017-08-01 17:27:11 7831

原创解决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 23568 1

原创 Java安装的教程

JAVA安装教程http://jingyan.baidu.com/article/f25ef2546e45e4482c1b82f0.html安装后的user guidehttp://docs.oracle.com/javase/8/docs/

2017-05-09 15:28:15 465

原创从零学习安装虚拟机及选择系统

第一，安装虚拟机虚拟机的概念虚拟机是由软件模拟的，安装在计算机中，可以形成一个独立的隔离的计算机，其模拟了计算机的硬件，并具有自己的操作系统。目前流行的虚拟机软件有virtual box, vmWare, virtual PC. 虚拟机的选择这里选择virtual box. 它是一款开源的虚拟机软件，由sun microsystem推出，后由oracle收购。htt

2017-05-06 20:25:59 312

mia1106的博客