- 博客(33)
- 收藏
- 关注
RSS订阅
7原创 vue-ant-design的使用方式
vue-ant-design的使用方式第一步：下载npm install ant-design-vue --save第二步：在main中引用import Antd from 'ant-design-vue'import 'ant-design-vue/dist/antd.css'Vue.use(Antd)
2021-12-27 20:46:32
636
原创 vue富文本编译器
第一步：安装扩展包```javascriptnpm install vue-quill-editor quill-image-extend-module vue-quill-editor-upload quill-image-resize-module --save第二步：在main里面引入// 引入富文本样式```javascriptimport 'quill/dist/quill.core.css';import 'quill/dist/quill.snow.css';impor
2021-12-17 09:53:26
210
原创 解决iframe子元素高不占位的问题
解决iframe子元素高不占位的问题父元素 <div class="jiaoji_box" style="width:1000px;margin:0 auto;"> <c:if test="${paramreslibs==null||paramreslibs==''||fn:contains(paramreslibs, '1') }"> <iframe id="iframe_res_1" src="" width="1000"frameborde
2021-09-13 10:11:04
209
原创 Error in render: “TypeError: Cannot read property ‘_normalized‘ of undefined“
Error in render: “TypeError: Cannot read property ‘_normalized’ of undefined”//源代码<router-link :to="item.url">{{item.title}}</router-link>//改过不报错代码 <router-link :to="item.url" v-if="item.url!=undefined">{{item.title}}</router-lin
2021-08-19 10:26:47
475
原创 position：fixed固定定位，底不信息显示不全
position：fixed固定定位，底不信息显示不全产生的原因是： position: fixed; bottom: 0; left: 0;相当不占位1、第一种解决办法也就是给div所在的顶层父级一个padding-bottom：如果是也个页面也就是给body{padding-bottom:(高度自己调节)}2、第二种决解办法代码如下：<div class="handouts"> <div class="handouts_left"> &
2021-08-17 10:05:10
1389
原创 vue中svg格式图片的使用
vue中svg格式图片的使用1、首先先引入这个图片import phone from '@/assets/Icon/phone.svg' // 电话2、在data里面定义一下data(）{ return{ phone } }3、在其他文件中使用时 <div class="icon"> <GreatIcon type="phone" class="icon-img" /> <span>电话:</span> &l
2021-08-09 09:10:45
296
原创 vue-cli3及ant-vue组件的使用
vue-cli3文件ant-vue组件的使用import { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'import Antd from 'ant-design-vue/lib/button';import 'ant-design-vue/dist/antd.css';createApp(App,Antd).use(stor
2021-08-02 16:05:52
170
原创 vue中input判断输入内容字数并在末尾显示
vue中input判断输入内容字数并在末尾显示 <div> <span >*昵称:</span> <a-input v-model="nickName" placeholder="Basic usage"/> <span>{{nickNameLength}}/10</span></div>data () { return { nickName:'', n
2021-07-27 16:01:21
1349
原创 flex换行并且中间间距相同
flex换行并且中间间距相同//父元素设置display:flex;//表示显示一行flex-direction：row;//水平的方向//flex-wrap:nowrap//不换行justify-content:space-between//两端对齐，项目之间又间距
2021-07-23 15:07:54
1142
原创 Symbol类型
Symbol类型一、Symbol类型是ES6新增的属性，符号是原始值，且符号实例是唯一、不可变的，符号的用途是确保对象属性使用唯一标识符，不会发生属性冲突的危险二、 Symbol()函数不能与new关键字一起作为构造函数使用为了避免创建符号包装对象// 如果确实想要使用符号包装对象，可以借用Object()函数let mySymbol = Symbol();let myWrappedSymbol = Object(mySymbol);console.log(typeof myWrappedSym
2021-07-15 22:50:39
250
原创 css中隐藏元素的三种方式
css中隐藏元素的三种方式1、display:none能改变页面布局，相当于把页面的元素直接删除了2、visibility:hidden不会改变页面布局，但是不会触发该元素绑定的事件3、opacity:0不会改变页面布局，但是如果该元素绑定过事件，点击还会触发，如：click事件，点击该区域也会触发...
2021-07-05 17:12:52
328
原创 元素隐藏的方法有哪几种，点击哪个隐藏的元素会触发事件
元素隐藏的方法有哪几种，点击哪个隐藏的元素会触发事件有三种方法1.display:none元素隐藏了，会改变页面布局，可以理解为直接删除2.visibility:hidden元素隐藏了，不会改变页面布局，不会触发该元素绑定的事件3.opacity:0元素隐藏，不会改变页面布局，并且，如果该元素已经绑定了一些事件，如：click,那么点击该区域，也能触发点击事件...
2021-07-05 17:05:22
345
原创 js中的eval()用途
js中的eval()用途eval()把字符串参数解析成js代码并运行，并返回执行结果// 有json字符串转换为json对象的时候可以用eval()//字符串格式不要写错了var json="{name:'TOM',age:2}";var obj = eval("("+json+")");console.log(obj);...
2021-07-05 09:54:35
191
原创 vue之间的传值
vue之间的传值一、父组件向子组件传值1、父组件发送的形式是以属性的像是绑定值到子组件身上；2、然后子组件用属性props接收；3、在props中使用驼峰形式，模板中需要使用横线的像是字符串形式的模板中没有这个限制；二、子组件向父组件传值1、子组件用emit()触发事件；2、emit()触发事件；2、emit()触发事件；2、emit()第一次参数为自定义的事件名名称 第二个参数为需要传递的数据3、父组件用v-on监听组组件的事件三、兄弟之间的传递1、兄弟之间传递数据需要借助于事件
2021-07-04 17:56:11
260
原创 http常见的状态码以及http和https的区别
http常见的状态码200 请求成功301 资源（网页）被永久转移到其他url404 请求的（网页）不存在500 内部服务器错误1** 信息，服务器收到请求，需要请求者继续执行操作2** 成功 ，操作被成功接受处理3** 重定向 需要进一步的操作以完成请求5** 服务器错误，服务器在处理请求的过程中发生了错误...
2021-06-23 09:27:13
99
原创 媒体查询+rem实现元素动态大小变化
媒体查询+rem实现元素动态大小变化rem单位是跟着html变化而变化，有了rem页面元素可以设置不同尺寸大小，媒体查询可以根据不同的设备宽度来修改样式，媒体查询+rem,可以实现不同设备宽度，实现页面元素大小的动态变化。...
2021-06-21 20:30:10
186
原创 var、let、const 区别
var、let、const 区别1、最大区别就是var会自动提升函数作用域到顶部，而let和const声明的范围是块作用域。2、let、const不允许同一个块作用域出现冗余声明，比如：let age； let age；//第二个会提醒标识符age已经声明过了3、let、const声明的变量不会在作用域中被提升(暂时性死区)4、let、cons声明的变量不会成为window对象的属性（var 声明的变量可以）5、虽然let和const相似，但是const不能用来声明迭代变量（因为迭代变量会递增）
2021-06-21 20:10:19
202
原创 flex布局以及实现垂直居中
flex布局的原理给父盒子添加flex属性，来控制盒子的位置和排列方式（当我们给父元素设置为flex布局以后，子元素的float、clear和vertical-align属性将失效）flex:布局又叫伸缩布局，弹性布局，伸缩盒布局，flex布局flex常见的父项常见属性flex-direction：设置主轴的方向justify-content：设置主轴上的子元素排列方式flex-wrap：设置子元素是否换行align-content：设置侧轴上的子元素的排列方式（多行）align-items
2021-06-21 20:09:20
36136
原创 vue常用的指令汇总
vue常用指令汇总1、v-clocak:指令用法，解决插值表达式存在闪烁的问题2、v-text：填充纯文本3、v-html:填充HTML片段4、v-pre:填充原始信息5、v-once:只编译一次6、v-model:数据的双向绑定事件绑定1、v-on:简写@事件修饰符1、.stop阻止冒泡2、.prevent阻止默认行为按键修饰符1、.enter 回车键2、esc 退出键自定义按键修饰符全局 config.keyCodes 对象Vue.config.keyCodes.f1
2021-06-20 15:52:09
272
原创 前端渲染三种方式
前端渲染的三种方式1、原生的js渲染代码如下：2、使用前端模板引擎代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, in
2021-06-20 15:05:38
763
原创 前端中的严格模式
前端中的严格模式严格模式是一种不同于js解析和执行模型，ECMAScript3的一些不规范写法在这种模式下会被处理，对于不安全的活动将抛出错误，要对整个脚本启用严格模式，在脚本的开头加上这一行“use strict”(一个预处理指令)也可以单独指定一个函数在严格模式下执行，只要把这个预处理指令放到函数开头即可。function doSomething(){"use strict"//函数体...
2021-06-17 22:13:41
233
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人