魏晋-

umi使用

Error: A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.

React 项目搭建，部署Node服务器搭建

React-route路由学习

React相关学习

小程序源码：案例舔狗助手：舔狗助手提取码：1234app源码：案例微信装逼：微信装逼提取码：1234

前端Vue框架Vue.js 是什么？Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。Vue.js的优势轻量级框架、简单易学、双向数据绑定、组件化、视图、数据和结构的分离、虚拟DOM、运行速度快。vue的生命周期和钩子函数vue的生命周期是一个组件从创建到销毁的全过程。这个过程包括4个阶段，8个函数。也叫8个钩子函数。（创建期:beforeCreate,created，挂载期:beforeMount mounted，更新期:beforeUpdate,

css样式书写顺序css样式的书写顺序，也会影响页面的加载，所以css样式的书写顺序也是需要注意一下的。css书写顺序：位置元素定位；自身属性；文字样式；文本属性；c3中新增属性.位置元素有：position–定位属性，float --浮动属性，overflow --溢出属性，z-index–显示层级问题；自身元素有：宽高–width、height，内外的间隔–padding、margin，背景颜色–background等；文字样式有：字体 – font-family，字体

在项目登录之前需要登录，根据用户登录信息进行判断需要跳转到所设置的路由，通过Vue-router提供的beforeEach属性就可以实现这个功能，通过一段代码来看看是如何实现这个功能的：使用 router.beforeEach 注册一个全局前置守卫：const router = new Router({ ... }) router.beforeEach((to, from, nex...

$mount()手动挂载当Vue实例没有el属性时，则该实例就没有挂载到某个dom中假如需要延迟挂载，可以在之后手动调用vm.$mount()方法来挂载。例如：当Vue实例有el属性时---看代码:new Vue({el: '#app',router,render: h => h(App)// render: x => x(App)// 这里的render:...

问题：当检出的项目更改以后，没法更新、上传遇到这种方法我觉得一般都是错误的检出方法导致的，改变检出方法就可以解决这个问题错误的检出方法：正确的导出方式：导出以后就可以正常的对项目进行操作，更新、上传等...

移动端播放视频之前没用过，这个学习网上找到一个可以学习方法HTML部分：<div v-on:click="playVideo()"> <video :src="videoSrc" id="videoPlay" v-show="false" class="video">您的浏览器不支持 video 视屏播放。</video> //隐藏vi...

在标签内部添加v-html指令即可使用pug的写法：这个content表示的是一个含标签的变量输入content为：<p>我是p标签</p>输出结果是：我是p标签普通用户一样：同上理加v-html就行了...

学习小程序有一段时间了，也做过几个简单的小程序，现在也试这把自己把自己学习的艰辛路用一些简单可理解的方法写下来。1、2、3、4、先缓缓在写……暂时不写了。。。...

开始新的工作以后，发现记笔记的频率是越发的高了，有的时候需要异地的去回顾笔记，这就会变得麻烦，而且有时候还会误清理有用的笔记，这样就不得不去使用一个云笔记了。通过这几天的摸索使用，发现有一下几款常用的云笔记1、印象笔记官网：https://www.yinxiang.com/描述：在你的手机和电脑上,使用印象笔记来捕捉、培养和共享灵感。跨平台的印象笔记将帮你随时随地快速获取和同步笔记信息...

提到程序员，你们就会想到“呆板”，此刻我想有一万种不懈的眼神藐视你→_→作为高智商、高收入的精英群体，怎们能容忍你们这样说呢！嗯嗯，夸两句就得了，步入正题吧……其实程序员除了给人第一感觉除发际线偏高的感觉外，很闷很宅很难沟通应该也是丢给大家的印象之一！但往往有效的沟通又是程序员所必备的一项技能，因为掌握说话的方式技巧，可以有效避免一些无谓的争端，甚至是暴力血腥的场面发生！就像去年的程序...

使用beforeEach实现权限设置，和上节用Vue-Router 的 beforeEach属性 实现路由导航守卫用法基本一样，知识需要在路由routers添加一个meta属性，对用户类型进行判断就可以了直接上代码：const router = new Router({ routes: [{ path: "/", name: "login", componen...

vuex是一个专门为vue构建的状态集管理，主要是为解决组件间状态共享的问题，强调的是集中式管理。 简单的来说就是vue中多个组件之间的传值问题，像简单的父子组件之间可以通过props来执行，或者通过事件触发实现。但是对于同级组件之间的传值，用这个方法就非常的麻烦，所以就需要一种能实现多个组件，不同关系之间的传值问题。项目中使用：1.安装：（1）直接下载包引入<script...

7个常用指令内容绑定指令v-text:--innertextv-html:--innerHTML防闪烁指令v-cloak:[v-cloak]{display:none;}：条件绑定指令v-if:compiler -&gt; vnodev-show:样式控制display★ 循环指令v-for&lt;li v-for = "(u,i) in users"&...

ref的用法1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素2、ref 加在子组件上，用this.ref.name 获取到的是组件实例，可以使用组件的所有方法。3、如何利用 v-for 和 ref 获取一组数组或者dom 节点　注意：　　1、ref 需要在dom渲染完成后才会有，在使用的时候确保dom已经渲染完成。比如在生命周期mo...

1、父组件向子组件传值（1）传数据父组件向子组件传值，通过属性绑定v-bind的形式，绑定到子组件，在子组件通过props属性，应用父组件传过来的数据。data里的数据和props数据的区别：① data的数据是自身私有的，或者通过ajax请求回来的数据，是可读可写，可赋值的② props的数据是通过父组件传递给子组件的，都是只读，无法重新赋值注意：在子组件里props是一个数组，其他...

使用ajax的post方式时，第三个参数一般都是一样的，所以每次都重写，还不如全局定义一下，就省略这个重复写的过程。Vue.http.options.emulateJSON = true; // 全局启用emulateJSON 选项这样以后就不用在post传参时写{emulateJSON：true}了...

在用ajax调用后端接口的过程中，当需要更改根域名的时候，一个个的改会比较麻烦，如果能一次全部改掉就好了，所以全局定义一个根域名就很有必要了。定义完成以后就可以省略掉前面定义的的根域名 如：...

大家应该都遇到多很多情况，比如登录QQ，百度搜索，登录账号等，在输入完信息以后直接点击一个【enter-回车键】就行了，这就是键盘修饰符的作用了。那么有哪些常用的键盘修饰符呢？常用的按键：.enter、.tab、.esc、.up、.down、.left、.right 等例如通过回车事件来触发“add”方法<label> name: <input ty...

概念：vue允许自定义过滤器，一般常用于一些文本的格式化，一般被添加在JavaScript表达式的尾部，由“管道”符指示；过滤器的定义语法：Vue.filter("过滤器名称"，function（data）{ })1. 全局使用过滤器：2. 定义私有过滤器：在new 的Vue对象里定义 ，和method并列。...

在vue中很多功能的实现，都需要通过事件的触发，但有的事件触发出现的效果会在其他的元素上，或者只想触发触发一次，所以需要用到时间修饰符。①.stop阻止冒泡②.prevent阻止默认行为③.capture添加时间侦听时使用时间捕获机制④.self只当事件在该元素本身触发是回调⑤.once只触发一次注意：.stop和.s...

（1）v-clock：（解决插值表达式默认闪烁问题），默认有插值表达式，差值表达式前后可以添加内容（2）v-text： 插入文本，默认是没有闪烁问题的，不用插值表达式，v-text会替换内部内容（3）v-html：把html解析然后渲染出来注意：①.v-text和插值表达式不解析HTML标签；②.v-text和v-html都能替换掉标签内部的内容（包括差值表达式的内...

父子组件之间的数据关系，大概分为一下几种：1. 父组件修改子组件的data，并实时更新子组件通过$emit传递子组件的数据，this.$data指当前组件的data(return{...})里的所有数据，this.$emit('data',this.$data);之后通过父组件的getinputdata方法来接收数据@data='getinputdata'其中的data...

1. 什么是路由路由，其实就是指向的意思，当我点击页面上的Home按钮时，页面中就要显示Home的内容，如果点击页面上的shop按钮，页面中就要显示shop的内容。Home按钮 => home 内容， shop按钮 => shop内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。2. 路由中有三个基本的概念 route, r...

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration.output.path: The provided value "dist/js/page" is not an ...

 webpack4.0.1安装问题，提示：The CLI moved into a separate package: webpack-cli.Please install 'webpack-cli' in addition to webpack itself to use the CLI.-&gt; When using npm: npm install webpack-cli -D...

vscode: Visual Studio Code 常用快捷键编辑器与窗口管理打开一个新窗口： Ctrl+Shift+N关闭窗口： Ctrl+Shift+W新建文件 Ctrl+N文件之间切换 Ctrl+Tab切出一个新的编辑器（最多 3 个） Ctrl+\左中右 3 个编辑器的快捷键 Ctrl+1 、Ctrl+2 、Ctrl+33 个编辑器之间循环切换 Ctrl+编辑器换位置...

属性1：el–element 选择器， 通过el指定vm1所管理的view的位置属性2：data– 是用来在viewmodel中组织从页面上抽象出来的数据结构属性3：methods– 方法参数，该参数内部存放各种方法methods:{ //约定一种方式 say(){ return 21131 }， ...

一、vue的安装说明：安装vue之前首先需要下载与安装git，node

首先这几个是VSCode推荐Vue开发必备的插件Vetur —— 语法高亮、智能感知、Emmet等包含格式化功能， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化选中代码，两个Ctrl需要同时按着）EsLint—— 语法纠错Debugger for Chrome —— 映射vscode上的断点到chrome上，方便调试（配置有点麻烦，其实我没用这个）...

复制就可以直接实现效果注意：先安装vue文件 不然效果显示不出来&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=11,

下面是Webstorm的一些常用快捷键：与行有关Shift+Enter 添加行Ctrl+Enter 添加行，光标不动Ctrl+Alt+Enter向上添加行Ctrl+D复制一行Ctrl+Y删除一行Shift+Alt+Up 向上移动行Shift+Alt+Down 向下移动行Ctrl+Shift+Alt+Left向左移动 常用在html标签特性换位置Ctrl+Shift+Alt+R...

在项目开始的时候，把所有的代码都码好。在页面跳转的时候总有几个页面，在跳到该页面时样式全错位了，但是刷新一下就又好。而且我在每个组件页面里面写的公共样式css，都删除掉scoped,这种情况下，跳转后页面的样式会沿用了前一个页面的样式，导致页面错乱。解决办法:在跳转前和跳转后页面的style上加上scoped，把公共样式写到分别写到子组件就OK了<style scoped&...

.vue 脚手架的安装就不多说了，说下其他常见的错误1、安装问题 ：首先我们在安装的时候，有些人会用npm直接安装 有些会用cnpm 安装 但是两个不能共用 不然会报错，为此我吃过不少亏2、文件存放错误：一般src下的assets存放静态资源文件，当时访问时，需要考虑路径的问题。如果存放在static下就不用考虑路径问题，直接以static开头的路径3、端口冲突错误：需要改...

stylus的安装（1）项目内安装stylus：npm install stylus -D（2）项目内安装stylus依赖：npm install stylus-loader css-loader style-loader --save-dev（3）找到 webpack.base.conf.js 文件，并在其中的rules中写入配置： { test:/\.cs...