- 博客(94)
- 收藏
- 关注
RSS订阅原创 CSS学习笔记
浏览器的渲染引擎在对文档进行布局时，会按照’css基础盒模型‘标准，将文档中的所有元素都表示为一个个矩形的盒子，再用css决定这些盒子的大小尺寸，显示位置，及其他属性（颜色背景等）定义：块级格式话上下文，是一块独立渲染区域（触发了BFC，这块区域就是一块独立的渲染区域），会将处于BFC的内容和BFC的内容隔离。注意：z-index小坑，如果父辈元素有定位，且配置了z-index，优先按照父辈元素的定位的z-index层级比较。opacity: 0：通过将元素的透明度设置为0，实现看起来隐藏的效果；
2023-04-07 16:02:16
274
原创 Html 基础概念
设置网页视口viewport：相同：defer和async在网络加载的过程是一致的，都是异步执行（放在页面顶部，也不会阻塞页面的加载，与页面同时加载）区别：在脚本加载完成之后，async是立刻执行，defer是等dom加载完且等上面的defer先执行，它在执行。理解：当script标签写在dom上面，会阻塞后面的dom结构的加载和解析。
2023-04-07 15:29:53
399
原创 React 常见报错
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>.
2021-12-07 17:50:21
849
原创 前端Vue框架
前端Vue框架Vue.js 是什么？Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。Vue.js的优势轻量级框架、简单易学、双向数据绑定、组件化、视图、数据和结构的分离、虚拟DOM、运行速度快。vue的生命周期和钩子函数vue的生命周期是一个组件从创建到销毁的全过程。这个过程包括4个阶段，8个函数。也叫8个钩子函数。（创建期:beforeCreate,created，挂载期:beforeMount mounted，更新期:beforeUpdate,
2020-11-24 01:06:02
2160
原创 CSS样式书写顺序
css样式书写顺序css样式的书写顺序，也会影响页面的加载，所以css样式的书写顺序也是需要注意一下的。css书写顺序：位置元素定位；自身属性；文字样式；文本属性；c3中新增属性.位置元素有：position–定位属性，float --浮动属性，overflow --溢出属性，z-index–显示层级问题；自身元素有：宽高–width、height，内外的间隔–padding、margin，背景颜色–background等；文字样式有：字体 – font-family，字体
2020-07-04 17:41:58
513
原创 Vuex 在项目中使用
vuex是一个专门为vue构建的状态集管理，主要是为解决组件间状态共享的问题，强调的是集中式管理。 简单的来说就是vue中多个组件之间的传值问题，像简单的父子组件之间可以通过props来执行，或者通过事件触发实现。但是对于同级组件之间的传值，用这个方法就非常的麻烦，所以就需要一种能实现多个组件，不同关系之间的传值问题。项目中使用：1.安装：（1）直接下载包引入<script...
2019-06-19 14:43:52
682
原创 vue 中的ref（$refs）使用
ref的用法1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素2、ref 加在子组件上，用this.ref.name 获取到的是组件实例，可以使用组件的所有方法。3、如何利用 v-for 和 ref 获取一组数组或者dom 节点 注意： 1、ref 需要在dom渲染完成后才会有，在使用的时候确保dom已经渲染完成。比如在生命周期mo...
2019-06-12 14:00:51
699
2
原创 vue 组件传值
1、父组件向子组件传值（1）传数据父组件向子组件传值，通过属性绑定v-bind的形式，绑定到子组件，在子组件通过props属性，应用父组件传过来的数据。data里的数据和props数据的区别：① data的数据是自身私有的，或者通过ajax请求回来的数据，是可读可写，可赋值的② props的数据是通过父组件传递给子组件的，都是只读，无法重新赋值注意：在子组件里props是一个数组，其他...
2019-06-12 13:45:13
174
原创 vue 全局配置emulateJSON选项
使用ajax的post方式时，第三个参数一般都是一样的，所以每次都重写，还不如全局定义一下，就省略这个重复写的过程。Vue.http.options.emulateJSON = true; // 全局启用emulateJSON 选项这样以后就不用在post传参时写{emulateJSON：true}了...
2019-06-12 12:12:50
2495
原创 vue 全局配置数据接口的根域名
在用ajax调用后端接口的过程中，当需要更改根域名的时候，一个个的改会比较麻烦，如果能一次全部改掉就好了，所以全局定义一个根域名就很有必要了。定义完成以后就可以省略掉前面定义的的根域名 如：...
2019-06-12 12:03:44
2338
原创 vue 按键修饰符
大家应该都遇到多很多情况，比如登录QQ，百度搜索，登录账号等，在输入完信息以后直接点击一个【enter-回车键】就行了，这就是键盘修饰符的作用了。那么有哪些常用的键盘修饰符呢？常用的按键：.enter、.tab、.esc、.up、.down、.left、.right 等例如通过回车事件来触发“add”方法<label> name: <input ty...
2019-06-12 11:40:57
403
原创 vue 过滤器的使用（就近原则）
概念：vue允许自定义过滤器，一般常用于一些文本的格式化，一般被添加在JavaScript表达式的尾部，由“管道”符指示；过滤器的定义语法：Vue.filter("过滤器名称"，function（data）{ })1. 全局使用过滤器：2. 定义私有过滤器：在new 的Vue对象里定义 ，和method并列。...
2019-06-12 11:20:54
598
原创 vue 事件修饰符
在vue中很多功能的实现，都需要通过事件的触发，但有的事件触发出现的效果会在其他的元素上，或者只想触发触发一次，所以需要用到时间修饰符。①.stop阻止冒泡②.prevent阻止默认行为③.capture添加时间侦听时使用时间捕获机制④.self只当事件在该元素本身触发是回调⑤.once只触发一次注意：.stop和.s...
2019-06-12 11:08:09
433
原创 vue 常用指令 总结
（1）v-clock：（解决插值表达式默认闪烁问题），默认有插值表达式，差值表达式前后可以添加内容（2）v-text： 插入文本，默认是没有闪烁问题的，不用插值表达式，v-text会替换内部内容（3）v-html：把html解析然后渲染出来注意：①.v-text和插值表达式不解析HTML标签；②.v-text和v-html都能替换掉标签内部的内容（包括差值表达式的内...
2019-06-12 10:56:49
302
原创 利用导航守卫beforeEach 配合routers的meta属性 进行权限设置
使用beforeEach实现权限设置，和上节用Vue-Router 的 beforeEach属性 实现路由导航守卫用法基本一样，知识需要在路由routers添加一个meta属性，对用户类型进行判断就可以了直接上代码：const router = new Router({ routes: [{ path: "/", name: "login", componen...
2019-06-06 17:06:55
2658
原创 用Vue-Router 的 beforeEach属性 实现路由导航守卫
在项目登录之前需要登录，根据用户登录信息进行判断需要跳转到所设置的路由，通过Vue-router提供的beforeEach属性就可以实现这个功能，通过一段代码来看看是如何实现这个功能的：使用 router.beforeEach 注册一个全局前置守卫：const router = new Router({ ... }) router.beforeEach((to, from, nex...
2019-06-06 16:30:21
2349
原创 app.$mount("#app") 手动挂载
$mount()手动挂载当Vue实例没有el属性时，则该实例就没有挂载到某个dom中假如需要延迟挂载，可以在之后手动调用vm.$mount()方法来挂载。例如：当Vue实例有el属性时---看代码:new Vue({el: '#app',router,render: h => h(App)// render: x => x(App)// 这里的render:...
2019-06-06 15:11:01
7302
原创 SVN导出的项目更改后，没有更新上传操作的解决办法
问题：当检出的项目更改以后，没法更新、上传遇到这种方法我觉得一般都是错误的检出方法导致的，改变检出方法就可以解决这个问题错误的检出方法：正确的导出方式：导出以后就可以正常的对项目进行操作，更新、上传等...
2019-05-28 12:40:00
3954
原创 vue移动端使用video标签
移动端播放视频之前没用过，这个学习网上找到一个可以学习方法HTML部分：<div v-on:click="playVideo()"> <video :src="videoSrc" id="videoPlay" v-show="false" class="video">您的浏览器不支持 video 视屏播放。</video> //隐藏vi...
2019-05-28 12:07:31
12038
原创 vue中把含有html标签转为html渲染页面
在标签内部添加v-html指令即可使用pug的写法：这个content表示的是一个含标签的变量输入content为：<p>我是p标签</p>输出结果是：我是p标签普通用户一样：同上理加v-html就行了...
2019-05-28 12:01:24
10107
1
原创 微信小程序开发—零基础学习
学习小程序有一段时间了，也做过几个简单的小程序，现在也试这把自己把自己学习的艰辛路用一些简单可理解的方法写下来。1、2、3、4、先缓缓在写……暂时不写了。。。...
2019-05-06 14:18:33
601
原创 程序员电脑必备的几款云笔记
开始新的工作以后，发现记笔记的频率是越发的高了，有的时候需要异地的去回顾笔记，这就会变得麻烦，而且有时候还会误清理有用的笔记，这样就不得不去使用一个云笔记了。通过这几天的摸索使用，发现有一下几款常用的云笔记1、印象笔记官网：https://www.yinxiang.com/描述：在你的手机和电脑上,使用印象笔记来捕捉、培养和共享灵感。跨平台的印象笔记将帮你随时随地快速获取和同步笔记信息...
2019-05-06 13:53:46
21238
3
翻译 程序员：你不得不学的说话技巧（谁让你宅呢！）
提到程序员，你们就会想到“呆板”，此刻我想有一万种不懈的眼神藐视你→_→作为高智商、高收入的精英群体，怎们能容忍你们这样说呢！嗯嗯，夸两句就得了，步入正题吧……其实程序员除了给人第一感觉除发际线偏高的感觉外，很闷很宅很难沟通应该也是丢给大家的印象之一！但往往有效的沟通又是程序员所必备的一项技能，因为掌握说话的方式技巧，可以有效避免一些无谓的争端，甚至是暴力血腥的场面发生！就像去年的程序...
2019-05-05 22:45:04
571
1
原创 Vue 父子组件的数据传递、修改和更新
父子组件之间的数据关系，大概分为一下几种：1. 父组件修改子组件的data，并实时更新子组件通过$emit传递子组件的数据，this.$data指当前组件的data(return{...})里的所有数据，this.$emit('data',this.$data);之后通过父组件的getinputdata方法来接收数据@data='getinputdata'其中的data...
2019-04-29 17:51:15
5646
原创 vue 登录权限问题 router meta
对于vue中常用到的router问题，官方也提到很多用法，但是对于meta提的就比较少了，就我理解的而言，它是路由访问权限问题，就如图中所示，在教师端的系统中，学生是没法访问的，而对于学生端的我们也可以操作。看图看图，不懂的也可以留言喔具体使用方法请看更新文章：利用导航守卫beforeEach 配合routers的meta属性进行权限设置...
2019-04-26 17:37:57
3014
原创 vue 富文本编辑器--vue-quill-editor
在很多vue项目中会用到富文本编辑器，那什么是富文本编辑器呢？一个图你就可以明白了……现在说下vue 富文本编辑器的安装和使用步骤：1、下载 Vue-quill-editor 命令：npm install vue-quill-editor2、安装依赖quill 命令：npm install quill --save3、配置文件 impo...
2019-04-26 17:27:43
1350
1
原创 vue 严格模式的报错问题
vue3.x以后，代码的格式要求更加严格，所以“use strict”的使用就必不可少了。但是经常也会遇到代码格式正确，一保存就会出现报错，在网上找了很多就是没找到这个问题的解决办法，所幸有前辈给了解决办法：在script 添加如下代码即可：/*eslint-disable*/注意：/* 不能少代码如下：<template></template>...
2019-04-26 17:05:21
2629
原创 vue router路由 原理
1. 什么是路由路由，其实就是指向的意思，当我点击页面上的Home按钮时，页面中就要显示Home的内容，如果点击页面上的shop按钮，页面中就要显示shop的内容。Home按钮 => home 内容， shop按钮 => shop内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。2. 路由中有三个基本的概念 route, r...
2019-04-19 10:45:28
228
原创 vue stylus的安装使用
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...
2019-04-19 10:31:04
612
原创 vue 中pug的安装使用
pug，原名jade，是流行的HTML模板引擎，它是HAML在JavaScript上的实现，最大的特色是使用缩进排列替代成对标签。1.pug的安装链接：pug的安装先安装node环境（1）安装支持pug依赖：npm install pug pug-loader pug-filters -D（2）安装支持jade依赖：npm install jade jade-loader -...
2019-04-19 10:25:10
2138
1
原创 vue 点击空白区域 盒子隐藏
方法一：指令实现<template> <div> <div class="show" v-show="show" v-clickoutside="handleClose">我是要消失的Div</div> </div></template><script>const cl...
2019-04-19 09:57:05
2196
1
原创 vue v-if 与 v-show
1、相同点都是动态显示DOM元素2、不同点（1）手段：v-if是动态的向DOM树内添加或者删除DOM元素；v-show是通过设置DOM元素的display样式属性控制显隐；（2）编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show只是简单的基于css切换；（3）编译条件：v-if是惰性的，如果初始条件为假，则什么也不做...
2019-04-19 09:29:36
166
原创 vue-bind 使用
v-bind属性绑定属性和样式（1）绑定属性<button class = "btn" :style="{ color:'white',background:'blue' }"> 点击 </button>（2）绑定样式<button class = "btn" :style="{ color:'style' }"> 点击 </butt...
2019-04-19 09:20:10
3334
原创 SVN与Git的最主要的区别
一、SVN是什么？SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而工作的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。二、Git是什么？（Git是目前世界上最先进的分布式版本控制系统）Git是分布式版本控制系统，那么它就没有中央服务器的，每个人的电脑就是一个完整的版本库，这样，工作的时候就不需要联网...
2019-03-06 12:11:09
364
原创 Vue2.0常见错误解决方法
.vue 脚手架的安装就不多说了，说下其他常见的错误1、安装问题 ：首先我们在安装的时候，有些人会用npm直接安装 有些会用cnpm 安装 但是两个不能共用 不然会报错，为此我吃过不少亏2、文件存放错误：一般src下的assets存放静态资源文件，当时访问时，需要考虑路径的问题。如果存放在static下就不用考虑路径问题，直接以static开头的路径3、端口冲突错误：需要改...
2019-03-05 12:20:48
971
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人