- 博客(43)
- 收藏
- 关注
RSS订阅原创 VUE笔记
数组vm.items[1] = 'x' // 不是响应性的vm.items.length = 2 // 不是响应性的对应上面的问题可以使用以下方法：vm.$set(vm.items, indexOfItem, newValue);vm.items.splice(newLength)
2021-05-24 17:15:24
94
原创 关于Vue父组件调用子组件方法之前，改变子组件绑定的值，在调用的方法里抓不到最新修改的值
Vue父组件调用子组件方法之前，改变子组件绑定的值，在调用的方法里抓不到最新修改的值
2021-05-17 00:51:12
258
原创 修改第三方组件样式
修改第三方组件样式1.使用全局样式但是这种方法会和其他样式冲突**2. 在拥有scope属性的style中使用 >>> **>>>是vue的深度选择器3. 通过less以及sass的方式来实现穿透<style scoped lang="less"> .xxx{ /deep/ .el-checkbox__inner{ // less语法要通过/deep/ 来找到子级的类 border-radius: 50%; } }&l
2021-04-22 09:38:10
150
原创 使文字水平且垂直居中
使文字水平且垂直居中父盒子添加 display: table;子盒子添加 text-align: center; vertical-align:middle;这只是其中一种方法，可以在盒子高度不确定的情况下使用
2021-04-21 14:32:06
53
原创 css浮动
css属性书写顺序：建议如下1. 布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式）2. 自身属性：width / height / margin / padding / border / background3. 文本属性：color / font / text-decoration / text-align / vertical-align / white- s
2021-04-16 22:36:22
120
原创 HTML5和CSS3
新特性IE9+兼容问题慎重使用HTML51.语义化标签header：头部，nav：导航，article：内容，section：定义文档，asider：侧边栏，footer：尾部2. 多媒体标签视频标签<video>尽量使用MP4格式（支持MP4、ogg、WebM）<video src=" xxx " controls >CSS3过渡 transition谁做过渡给谁加transition:要过渡的属性； 时间（s）；运动曲线； .
2021-04-15 20:51:10
58
2原创 元素的显示与隐藏
元素的显示与隐藏1. displaydisplay: none;//隐藏元素，不仅可以隐藏元素，隐藏的元素不占原来的位置display: block; //除了转换为块元素还有显示的意思2.visibilityvisibility:inherit; 继承父元素属性visibility: hidden; 隐藏元素，但是会占有原来的位置visibility: visible; 元素可见3.overflow:溢出overflow:visible (默认)显示，ov
2021-03-29 22:57:08
47
原创 定位
定位定位组成：定位 = 定位模式+边偏移定位模式 position：定位模式 值 语义 static 静态定位 relative 相对定位 absolute 绝对定位 fixed 固定定位 定位偏移量偏移量 边偏移属性 示例 描述 top top:80px 顶端偏移量，相对于父元素上边线距离 bottom bottom:80px 底部偏移量，相对于父元素下边线...
2021-03-29 21:53:33
65
原创 执行npx webpack报错
执行npx webpack报错SyntaxError: Invalid regular expression: /(\p{Uppercase_Letter}+|\p{Lowercase_Letter}|\d)(\p{Uppercase_Letter}+)/: Invalid escape
2021-03-08 15:42:43
743
原创 实现路由懒加载
实现路由懒加载1.安装 @bable/plugin-syntax-dynamic-importnpm install --save-dev @babel/plugin-syntax-dynamic-import2.在 bable.config.js配置文件中声明该插件module.exports = { "presets": [ "@vue/cli-plugin-babel/preset" ], "plugins": [ '@babel/plugin-syntax-dyn
2021-03-05 22:23:47
204
原创 关于Vue标签绑定内嵌样式的小问题
关于Vue标签绑定内嵌样式的小问题像下面这样绑定带 '-'的属性时，向下面这样绑定是没有效果的<p v-bind:style = "{ background=color:'red',font-size:products.id+25+'px'}">可以改成如下<p v-bind:style = "{ backgroundColor:'red',fontSize:products.id+25+'px'}">或者使用引号将属性名包裹起来:<p v-bind:style
2021-01-11 16:19:36
200
原创 关于nodejs res.write返回中文乱码问题
关于nodejs res.write返回中文乱码问题需要添加头部信息:'Content-Type': 'text/plain; charset=utf-8'如下： res.writeHead(200, {'Content-Type': 'text/plain; charset=utf-8'}); res.write(JSON.stringify({msg:data}),'utf8');
2020-08-27 00:31:29
1135
原创 关于vue-cli无法引入图片
vue-cli无法引入图片src路径下的文件应当以模块的方式导入，如果图片放到src/assets/下。则需要import imageName from '../../src/assets/imageName.gif';//再使用ImageName来导入图片。/* 或者使用require*/<img :src="require('../../assets/imageName.gif')" alt=""/>...
2020-08-23 23:30:51
537
原创 书上看到的一些关于js对象
书上看到的一些关于js对象**对象的属性特性：**除了名字和值之外，每个属性还有与之相关的一些值，成为属性特性。可写(writable)：表明可以设置的属性。可枚举(enumerable)：可通过for/in循环返回的属性。可配置(configurable)：表明是否可以删除或修改的属性。Object.getOwnPropertyDescriptor({x:1},"x")//{value: 1, writable: true, enumerable: true, configurable: t
2020-07-06 19:45:33
77
原创 JS对象的补充
对象构造器如下面这个对象构造器，和Java的构造方法很像：function Person(name,age){ this.name = name; this.age = age;//这里的this代替还没有被创建的对象}构造器使用如下，使用又很像Java的对象声明：var Vincent = new Person('Vincent',18);console.log(Vincent);//Person {name: "Vincent", age: 18}这样可以创建相同类型的
2020-07-01 00:32:31
92
原创 介绍一下，这是JS对象
介绍一下，这是JS对象形如下面这种用花括号包裹的若干名称/值对的JS变量，便可称为对象。JS对象就是一个容器，用来盛变量的容器。var Vincent = { name:"Vincent", age:16}除了上面这种直接声明的形式来创建对象的方式之外（对象字面量，也有叫直接量），还有通过关键字new的方式。如下：var date = new Date();console.log(date)//Mon Jun 29 2020 23:32:34 GMT+0800 (中国标准时间)对象的
2020-06-30 00:18:09
207
原创 JS的等号们
JS的等号们1.’=’ 赋值运算符，x=1; //x赋值为12."==" 判断是否相等5 == 5 //true5 == '5'//true3."===" 值相等并且类型相等5==='5'//false4."!=" 不相等5 != '5'//false5."!==" 值不相等或类型不相等5 !== '5'//true5 !== 8 //true详情请咨询W3school...
2020-06-29 19:13:45
1590
原创 引入JS文件net::ERR_ABORTED错误
路径错误index.html中导入build.js<script type="text/javascript" src="./dist/build.js"></script>图中bulid.js和index.html中不在同一路径下，所以导致文件找不到，而报错。是移动文件时忘记修改路径。
2020-05-30 21:20:13
423
原创 Node.JS的post请求抓不到数据
当post请求如下写的时候：router.post('/user',async(ctx)=>{ var data = ctx.request.body; console.log(data); ctx.body = { msg:'ok'};})后端抓到的数据：需要引入模块koa-bodyparser，const bodyParser = require('koa-bodyparser');router.post('/user',async(ctx)=>{ v
2020-05-25 23:16:39
844
原创 认识Node.JS第一步
Node.JSNode.JS 是运行在服务端的JavaScript。下面是一个小栗子：const http = require('http');http.createServer(function(req,res){ // 发送 HTTP 头部 // HTTP 状态值: 200 : OK // 内容类型: text/plain res.writeHead(200, {'Content-Type': 'text/plain'}); // 发送响应数据 "He
2020-05-25 01:12:54
77
原创 Vue学习日记--玖
vue-router的使用Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。优点如下：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式，在 IE9 中自动降级自定义的滚动条行为下面来个例子： <!--1.引入vue的模块--> &l
2020-05-20 23:37:02
83
原创 Vue学习日记--捌
组件生命周期beforeCreated：在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。created：在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，property 和方法的运算，watch/event 事件回调。（挂载阶段还没开始，$el property尚不可用。）beforeMount：在挂载开始之前被调用：相关的 render 函数首次被调用。该钩子在服务器端渲染期间不被调
2020-05-20 23:13:27
101
原创 Vue学习日记--陆
slot当组件渲染的时候， 将会被替换为自定义的值。插槽内可以包含任何模板代码。先写一个组件。 Vue.component("my-component",{ template:'<div>' + '<slot></slot>' +//插槽 '我是局部组件' + '</div>' }) 使用组件：<my-componen
2020-05-18 00:26:02
109
原创 Vue学习日记--伍
$emit$emit 可用来在子组件中调用父组件中绑定的自定义事件。 this.$emit(‘事件名’,[参数1，参数2…])。子组件Child中msg与元素input绑定，当输入时，msg会改变同时会调用changeValue函数，在changeValue函数中会通过$emit调用父组件中的绑定的事件childHandler来改变父组件的msg<script type="text/javascript"> //全局组件 // Vue.component('Chi
2020-05-15 00:25:28
112
原创 Vue学习日记--肆
组件通信值props父组件可以通过props将数据传递给子组件。先声明父组件的属性msg，在父组件中将msg绑定到子组件中（<Child :childData="msg"/>），在子组件中使用props接收父组件的属性（props:[‘childData’]）。此时接收到的数据可以为子组件使用。 <script type="text/javascript"> //全局组件 Vue.component('Child',{
2020-05-14 00:05:02
73
原创 Vue学习日记--叁
V-modelv-model="msg"可以将元素的值与msg绑定。下面的例子是将msg的值与输入框绑定。 <div id="app"> {{msg}} </div> <script type="text/javascript" src="vue.js"></script> <script type="text/javascript"> new Vue({ e
2020-05-12 23:48:17
72
原创 Vue学习日记--贰
Vue的组件组件是可复用的Vue实例因为组件是克服用的Vue实例，所以他们与new Vue接受相同的选项，例如data、computed、watch、method以及生命周期钩子等。组件有两种注册注册类型：全局组件和局部组件。全局组件全局组件：在全局注册之后可以被在其注册之后的任何新创建的Vue根实例，也包括其组建树中的所有子组件模板中。Vue.component("component-name",{ data:function(){ return { } } template:'
2020-05-11 22:42:22
102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人