heshuaicsdn-CSDN博客

原创 vue_传值的几种方式组件通信详解_vue

！important在这之前请诸位看下位于本文题目最右侧的小手手，点一下它，你的学习效率会提高3倍！大概在这个位置↗正题：··父组件给子组件传值：当前有一个父组件A，有一个子组件BA：我们要把arr每一个值传给子组件B&lt;template&gt; &lt;div&gt; 1：&lt;子组件B v-for="(item,index) in arr" :item=&a

2019-03-15 17:11:28 814 6

原创 vue生命周期钩子,vue生命周期钩子,vue生命周期钩子

说一下vue的声明周期：vue 的生命周期11个钩子函数是按照以下的顺序来的：（不可逆转哦,第11个除外）一. 组件创建前后1.beforeCreate2.created如，写一个子组件，然后挂在到父组件，在子组件中，console.log 子组件中的data（）{ return { a:1 }, beforeCreate()...

2018-07-14 14:53:35 5945 8

原创 vue.js计算属性和观察者

计算属性和观察者在学习计算属性之前，先简单说一下模板属性：{{}}绑定数据 {{}}里边只能写一条表达式，可以写JS表达式子，缺点，代码过重，难以维护，它不能执行复杂的JS逻辑官方的定义：模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的，在模板中放入太多的逻辑会让模板过重且难以维护为了解决这个问题，所以有了一个computed计算属性 computed 可以直接在模...

2018-03-27 18:46:44 508 3

原创学习使用vue.js（五）绑定Style 与Class

如果你不愿意多花时间去自学vue.js 官网的API，那么你可以在跟着下面的例子学习最实用，最容易上手的案例。

2018-01-29 21:01:02 1790 15

原创学习使用vue.js（三）条件与循环 v-if、 v-for

<——— 在这之前，你肯定会注意到上面箭头所指的位置，那么你一定会看见，文章外面的大拇指图标，动动你的手指，就能点一下它，表示你很喜欢这篇文章。如果你不愿意多花时间去自学vue.js 官网的API，那么你可以在跟着下面的例子学习最实用、最容易上手的案例。如果你还不会使用最基本的vue.js的话，推荐你先去看一下“1、2.学习使用vue.js（适合初学者）”然后再来学习以下内容：正题：条件与循

2018-01-29 19:59:13 4118 3

原创学习使用vue.js（二）声明式渲染和指令绑定

如果你不愿意多花时间去自学vue.js 官网的API，那么你可以在跟着下面的例子学习最实用，最容易上手的案例。

2018-01-29 16:16:12 4376 4

如果你不愿意多花时间去自学vue.js 官网的API，那么你可以在跟着下面的例子学习最实用，最容易上手的案例。首先要你必须要去VUE官网上下载vue.js，然后才能继续下面的步骤。如果你不想下载的话，在有网络环境的情况下，也可以选择绝对路径的vue.js。如果你想学习如何搭建webpack脚手架，那么请直接滑动到安装vue-cli&amp;lt;script src=&amp;quot;https://cdn.jsdelivr

2018-01-02 10:17:03 31885 10

原创你好，程序员！

你好！猴子！（Hello World）PS:相信很多即将入门，或者刚入门，或者已经进屋的猴子们，都面临着一个前路渺茫的囧境，那么请看下面：这将是一个教你如何快速找准人生方向的流程图流程图。:JAVAC#C++CphpPythonjavascriptHTML转行卖烧饼秃了秃了秃了秃了秃了秃了秃了秃了浓密乌黑秀发结婚生子程序员10年后10年后10年后10年后10年后10年后10年后10年后1...

2019-06-28 11:22:31 544 3

原创常用正则表达式(验证手机号、邮箱验证、全局查找空格、单位税号、特殊字符)

注：下列方法都不唯一！！验证手机号：1：var regPhone = /^(1[34578]\d{9})|(19[89]\d{8})|(166\d{8})$/2：var regPhone = /^(1[3|5|4|6|7|8|9]\d{1}[*|\d]{4}\d{4})$/邮箱验证：var regEmail = /^[a-zA-Z0-9_]+[a-zA-Z0-9_\-\.]+...

2019-04-08 10:59:59 5188

原创 [vuex] use store.replaceState() to explicit replace store state.[Vuex]使用store.replaceState（）显式替换存储状态

在使用vuex时一不小心报了这个错误。在网上搜了下没有。赶紧写一下。先说一下我用vueX干了啥：有两个组件，主组件是A子组件是B然后我在A中写了个输入框，想输入的时候，B里面跟着变。于是我在state里面存了个city，想在A中输入时，改变city所以在A中的computed的中写了个：computed : { city : { get(){ return this.$...

2019-03-04 11:47:55 4962 1

原创 The computed property "msg" is already defined in data.

在使用vue中的computed时，在data里定义了相同的msg名字，就会出现这种情况。解决方法是：把data里的同名数据删除即可。代码：data(){ return { city:''//这里也有一个city } }, computed:{ city : function(){ //这里有个city ...

2019-03-04 11:28:30 7631

原创 vue router.beforeEach()，详解

router.beforeEach（）一般用来做一些进入页面的限制。比如没有登录，就不能进入某些页面，只有登录了之后才有权限查看某些页面。。。说白了就是路由拦截。第一步规定进入路由需不需要权限 @/router/index.js import A from '@/components/a'{ path: '/a', name: 'a', component:...

2019-02-28 11:55:17 81623 16

原创学习使用vue.js（六）绑定数据

vue数据绑定绑定数据，首先你得有数据，在vue中我们可以使用Axios1.安装axiosnpm i --save axios vue-axios2.在src/router/index.js中引入并使用import axios from 'axios'import VueAxios from 'vue-axios'Vue.use(VueAxios,axios)然后你就可以愉...

2018-12-17 15:41:11 547 3

原创 There is no tracking information for the current branch

有时候新创建的分支执行git pull会出现：$ git pull There is no tracking information for the current branch.Please specify which branch you want to merge with.See git-pull(1) for details. git pull <remot...

2018-10-09 15:13:07 1318

原创 git拉取远程分支到本地

查看远程分支：git branch -a查看本地分支：git branch场景：假如现在远程分支有一个：a我们本地没有；··1.查看远程分支有哪些：git branch -a2.然后切换到这个分支：git checkout remotes/origin/a出来了这么一段话：$ git checkout remotes/origin/aNote: checking ou...

2018-10-09 15:01:25 7337 1

原创解决git每次提交都得输入用户名密码的问题

命令：git remote -v查看当前的是 https 还是ssh 提交方式生成密钥ssh:命令：ssh-keygen -t rsa -C "[email protected]"一路回车查看生成的密钥ssh：命令：cat ~/.ssh/id_rsa.pub添加密钥：github 网站 --> 设置 --> ssh and GPG keys -->把查看的密钥复...

2018-10-08 10:24:22 666

原创 git分支相关命令

查看分支：git branch创建分支：git branch 切换分支：git checkout 创建+切换分支：git checkout -b

2018-09-28 15:15:39 455 6

原创 Reinitialized existing Git repository inhttps://mp.csdn.net/postedit

Reinitialized existing Git repository in xxx/xx/xxx/xx这是因为你隐藏了.git 文件。所以看起来没有了.git 文件。但是不影响git的使用。如果你还是觉得看到.git比较舒服的话，那么就：然后显示和隐藏这一块有个隐藏的项目勾选上就好了。...

2018-08-07 15:34:55 11931 2

原创什么是webpack? 怎么使用webpack?

什么是webpack？文件打包工具我这就以打包使用scss为例了哈：具体步骤：1。先要创建package.json; npm init -y2.全局安装webpack npm i -g webpack 4.局部安装webpack npm i webpack -S3.安装webpack-cli npm i webp...

2018-07-24 20:12:07 1188 1

原创学习使用Promise

在学习之前，先看一下以往的请求：试想：假如，我在写一个电商网站，然后呢，当我请求到了顶部导航的数据之后，再请求banner图的数据，请求完了banner图数据之后再去请求侧边栏的数据，那么问题来了，我们所写的代码格式一定是这样的：$.ajax({ url:'顶部导航.url' $.aja...

2018-06-13 21:26:57 557

原创用js去掉字符串的空格

去掉字符串用js去掉字符串的空格JS代码如下：var a = 'a b c d e f';var c = [] console.log(a) //a b c d e f for(var i in a){ if(a[i]!=' '){ c+=a[i] } } console.log(c) //abcdef...

2018-05-29 20:14:06 4460 4

原创学习vue路由（详解）

好久没更新了，因为最近在做微信小程序的项目。没时间更新，今天抽出时间来说说vue的路由。正题：最简单的路由（非vue-cli）： 1.需要在新建的html文件里引入routes.js文件 2.HTML代码：<div id="app"> <ul> <li> <router-link to=...

2018-05-21 20:51:58 6765 4

原创 Bootstrap.v3轮播图

引入bootstrap插件什么的就不说了；步骤： 1. 一个包着所有内容大盒子给它取名 class=”carousel “如果需要动画效果，再加一个 “slide” 2. “carousel” 内分为三部分； 3. 都在下面的图里； 4. 注意：第三部分的a标签也有两个属性： 5.data-target=".carousel" data-slide="prev"(左)

2018-03-26 11:58:21 1239

原创 JS中递归函数 JS函数相关及递归函数的使用

JS中的递归函数详解：举个例子，1+2+3+4+5=？，用递归函数来完成；function fn(n){ if(n<=1){ return 1; }else{ return n+fn(n-1) }}console.log(fn(5))我们把fn(5)解剖开，得出，不满足n<=1，所以执行的是 else里的语句：return n+fn(n

2018-03-16 14:59:30 2187 2

原创 js面试题

js运行题：在不用电脑运行的下面题目的情况下，你能答对几道题？ 1.两个话括号相加，他们的length是多少？执行：console.log(({}+{}).length)谁能告诉我答案？2.关于sort排序的问题var arr=[1,23,56,3,4,5,7,6,8,10];arr.sort(function(num1,num2){ if(num1 &gt; n...

2018-03-14 20:26:25 302

原创 bootstrap bootstrap3 学习使用bootstrap v3 中文文档(两天包会)

bootstrap:学习使用bootstrap3 。中文文档（两天包学会！非常简单！）它是前端开发框架，让web开发更迅速、简单。来自Twitter，是目前很受欢迎的前端框架之一Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

2018-03-12 16:09:08 3673 1

原创原生js放大镜原理一看就懂非常简单

首先你需要照一张清晰度较高的，比较大的图片html布局：复制过去就行了<body style="height:2000px;"><div class="wrap" id="wrap"> <div id="small"> <img src="img/1.jpg" alt=""> <div id="m

2018-03-01 14:18:57 6248 5

原创响应式布局有什么优点和缺点

Responsive Web Design (响应式网页设计)最初是由Ethan Marcotte 提出的一个设计理念：就是一个网站能够兼容多个终端，而不是每一个终端做一个特定的版本。如何使用 1.外部引入： <link href="url" media="screen and (min-width:0px) and (max-width:400px)"></link>2.内部：@medi

2018-02-27 19:25:06 6609

原创什么是gulp,怎么使用gulp

<——— 在这之前，你肯定会注意到上面箭头所指的位置，那么你一定会看见，文章外面的大拇指图标，动动你的手指，就能点一下它，表示你很喜欢这篇文章。正题：什么是gulp: Gulp 是基于node.js的一个前端自动化构建工具，开发这可以使用它构建自动化工作流程（前端集成开发环境）。使用gulp你可以简化工作量，让你把重点放在功能的开发上，从而提高你的开发效率和工作质量。例如：你可以用gul

2017-12-28 21:06:55 31934 3

原创什么是node.js

如果你去年注意过技术方面的新闻，我敢说你至少看到node.js不下一两次。那么问题来了“node.js是什么？”。有些人没准会告诉你“这是一种通过JavaScript语言开发web服务端的东西”。如果这种晦涩解释还没把你搞晕，你没准会接着问：“为什么我们要用node.js？”，别人一般会告诉你：node.js有非阻塞，事件驱动I/O等特性，从而让高并发（high concurrency）在的轮询（P

2017-12-28 16:16:29 11236 5

heshuaicsdn的博客