- 博客(15)
- 收藏
- 关注
RSS订阅原创 【echarts转base64】Vue 将echarts转为base64图片展示
【echarts转base64】Vue将echarts转为base64图片展示。
2022-07-21 11:55:33
1494
原创 idea打包项目关于Cannot resolve org.csource:fastdfs-client-java:1.29-SNAPSHOT报错问题
错误原因：中央仓库没有这个依赖，需要自己下载step1：首先需要让自己本地的maven仓库配置设置对（这个看看别人的博客吧）系统环境变量settings文件–localRepository–jdk使用–国内镜像idea中使用maven的路径地址step2：下载依赖的jar包下载jar包step3：将jar包加入本地maven仓库中在解压压缩包后，在文件夹内的路径下，cmd，运行mvn clean install出现build success表示成功ps： localReposito
2022-05-27 13:57:54
2699
1
原创 js在foreach中使用return问题
首先是结论在foreach中不能使用return举例如下：const nums = [1,6,2,3,1,5];// 查看数组中那个数字重复出现了function repeatShow(nums) { console.log(nums); // 先排序 nums.sort(); console.log(nums); nums.forEach((item, index) => { if (item == nums[index + 1]) { return
2022-04-17 18:58:57
1640
原创 Vue mixin使用基础
mixin又叫混入或者混合，相当于将共性部分提取出来，不用重复多次mixin.js:// 分别暴露export const hunru = { data() { return { x: 1, y: 2 } }}部分混合：在组件中引用mixin.js<script> import { hunru } from '../mixin' export default { name: 'School', mixins
2022-04-14 12:30:24
341
原创 前端五种布局
首先，前端的五种布局包括固定布局，流式布局，弹性布局，自适应布局和响应式布局固定布局：最早期2000年左右的时候，因为大家都是使用的大脑袋电脑，显示屏或大或小都差不多，所以对于布局的要求不是很高，那个时候流行一种布局叫固定布局固定布局的代表性单位为像素（px），一个像素对应的就是像素屏上面的一个小像素点像素对应物理的像素点，所以他是一种绝对单位。固定布局的缺点：对于小屏，可能内容显示不全对于大屏，可能左右两侧有空白（如果为内容居中的话）流式布局：为了解决固定布局的缺陷，推出了流式布局流
2022-04-14 11:10:12
1301
原创 Vue props传值两种写法
示例：父组件：<template> <div> <school id="school" ref="sch" name1="SJ" address="China" /> <school id="school" ref="sch" name1="SJ1" address="China1" /> </div></template>子组件：<template> <div class="s
2022-04-14 10:35:10
1597
原创 Vue ref属性
vue实例代码如下：<template> <div> <h1 v-text="msg" ref="title">欢迎学习Vue</h1> <button ref="btn" @click="show">show</button> <school id="school" ref="sch"/> </div></template><script> i
2022-04-14 00:13:15
254
原创 Vue中的img标签对src属性使用动态绑定问题——两种方法
方法一：正常来说，一些图片的资源我们会放在src文件夹的asset文件夹中。这样的话将src属性写死是没有问题的。但是如果想使用动态绑定就需要在根目录的public文件夹下新建一个static文件夹用来存储静态文件。这样就可以直接访问到了。<img :src="'/static/' + item.label.split(' ')[0].toLowerCase() + '.png'" :alt="item.label" style="width: 100%; height: 100
2022-04-13 16:47:45
11409
2
原创 json相关：js对象和数组的序列化和反序列化
json对js对象和数组进行序列化json是各种语言之前交互的桥梁般的存在任何语言都可以将json字符串转为自己的变量保存起来在对象中通过编写toJSON函数来设置js对象序列化的返回结果let user = { name: 'SJ', age: 18, position: 'student', // 自定义序列化 js对象变为字符串 toJSON: function() { return { title: this.name }; }};le
2022-04-06 20:16:51
1729
原创 js代理proxy对属性、函数和数组进行处理
js代理proxy对属性、函数和数组进行处理使用代理控制属性const SJ = { name: 'sujiu' };const proxy = new Proxy(SJ, { get(obj, property) { return obj[property]; }, set(obj, property, value) { obj[property] = value; return true; }})proxy.name = 'SJ';console.l
2022-04-05 19:41:47
5073
原创 js对象的浅拷贝和深拷贝
js对象的浅拷贝使用Object.assign或者…展开语法let user = { name: 'SJ', url: 'www.baidu.com'};// 浅拷贝 复制值let obj = Object.assign({}, user);let obj1 = { ...user }console.log(obj)console.log(obj1)js对象的深拷贝在对Object进行深拷贝的过程中需要考虑对象的属性值是否包含数组或者对象// 深拷贝（对象的属性中包含对象或
2022-04-04 21:52:58
306
原创 js遍历对象中的各个属性
js遍历对象中的各个属性key为属性名，user[key]为属性值let user = { name: "SJ", "my age": 18}for(const key in user) { console.log(key + ":" + user[key])}// 运行结果// name:SJ// my age:18不能使用user.key，因为会把key当作user的属性...
2022-04-04 16:18:25
2231
原创 grid布局实现Bootstrap栅格
grid布局实现Bootstrap栅格html：<article class="container"> <div class="col-2">1</div> <div class="col-8">2</div> <div class="col-2">3</div></article>css：.container { width: 1020px; height: 90px; ma
2022-04-03 18:46:38
297
原创 css 将溢出的文本转为省略号
css文本溢出转省略号html代码<div> <span> 在windows文件夹中，随便单击一个文件夹，选中后，按F，则可以快速找到fonts字体文件夹 </span> </div>css代码div { width: 300px; border: solid 1px blue; /* 不换行 */ white-space: nowrap; /* 溢出文本隐藏 */ overflow: hidd
2022-03-24 03:30:05
295
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人