- 博客(21)
- 收藏
- 关注
RSS订阅原创 css实现字符串过长截取后部分变成省略号
CSS 如何设置一行超出显示省略号overflow: hidden;text-overflow: ellipsis;white-space: nowrap;CSS 如何设置2行超出显示省略号overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
2024-06-14 14:50:16
111
原创 js字符串驼峰和下划线互相转换
// 下划线转换成驼峰function toHump(name) { return name.replace(/\_(\w)/g, function(all, letter){ return letter.toUpperCase(); });}toHump('hello_js_go') //helloJsGo// 驼峰转换下划线function toLine(name) { return name.replace(/([A-Z])/g,"_$1").toLow
2022-03-18 10:32:01
8538
1
原创 js常见算法题
.斐波那契斐波那契数列（Fibonacci sequence），又称黄金分割数列，斐波那契数列以如下被以递推的方法定义：F(0)=0，F(1)=1, F(n)=F(n - 1)+F(n - 2)（n ≥ 2，n ∈ N*）最简单的办法是直接递归调用function Fibonacci(n) { if (n < 0) { return 0 } else if (n == 0) { return 1 } else { ret.
2021-12-20 15:19:40
456
2
原创 大屏根据浏览器不同实现网页全屏效果
https://www.wanjunshijie.com/note/vue/953.html<div class="quanping" @click="quanping">全屏</div>//js<script>export default { components: {}, data () { return { a: 0, } }, mounted () { }, methods: { quanpin
2021-09-06 10:43:44
269
原创 echart自定义仪表盘样式
应用的是echart中的仪表盘```javascriptvar chartDom = document.getElementById(‘main’)var myChart = echarts2.init(chartDom)var optionoption = {series: [{center: [‘50%’, ‘46%’],radius: ‘90%’,type: ‘gauge’,startAngle: 220,endAngle: -40,min: 0,max: 2.6,r.
2021-09-03 10:00:48
3758
3
原创 Css实现滚动条样式
css .box::-webkit-scrollbar {//box是滚动条的父元素 /*滚动条样式*/ width : 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .box::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; background : #535353; } .box::-webkit-scrollbar-track { /*滚动条里面
2021-08-31 17:52:54
123
原创 antdesignvue viser图表数据不渲染以及窗口改变不自动resize解决方案
手动触发窗口的resize事件：//创建事件let event = document.createEvent('HTMLEvents')//定义事件名称resize event.initEvent('resize', true, true)//只读属性命名 event.eventType = 'message'// window.dispatchEvent(event)
2021-06-03 10:53:01
609
原创 在vue中使用this.$refs报错undefined找不到子组件的方法
最近遇见个问题 在父组件调用子组件的方法时报错undefined这种情况一般都是父组件调用子组件方法的时候，子组件还未渲染成功比如报错行是 this.$refs.passwordmodal.show(username);可以改成上 this.$nextTick(()=>{ this.$refs.passwordmodal.show(username); })...
2021-02-22 16:30:21
5745
3
原创 Elmentui使用keep-alive动态缓存页面
keep-alive实现缓存keep-alive是vue提供的一个组件方法<router-view v-if="!$route.meta.keepAlive"></router-view><keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view></keep-alive>缓存页面，返回不刷新，这里只缓存meta中keepAlive的值
2020-12-31 14:50:07
1649
原创 echars堆叠柱状图如何展示出求和总数
在series最后的对象属性中添加label 使用其中的formatter属性就可以实现了，formatter采用回调函数的格式，有一个参数是params，这是个对象，有一个指向当前数据索引的dataIndex属性，根据这个属性可以找到堆积柱状图中的数据如：series: [{name:‘One’,type:‘bar’,stack:‘xxx’,itemStyle: {normal: {color: ’ ’}},data: data1},{name:‘Two’,type:‘bar
2020-12-29 09:02:58
1088
转载 解决element-ui的下拉框有值却无法选中的问题解决element-ui的下拉框有值却无法选中的问题
转载：点击跳转问题描述：在使用Vue框架和element-ui开发时，下拉框遇见一个问题，在函数中改变了页面中的某个值，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值，也就是下拉框值无法选中。（踩坑踩得莫名其妙）代码段：<el-select v-model="value" placeholder="请选择" @change="change()"> <el-option v-for="item in options" :key="item.value" :la
2020-12-14 11:16:27
414
原创 Element-UI的input组件文字输入后弹出下拉框进行模糊查询选择autocomplete以及其小坑
实现input组件通过部分文字进行模糊查询 可以使用组件autocomplete官方文档中 代码是这样写的 <div class="sub-title">输入后匹配输入建议</div> <el-autocomplete class="inline-input" v-model="state2" :fetch-suggestions="querySearch" placeholder="请输入内容" :tri
2020-12-10 09:11:11
1243
1
原创 vue生命周期理解干货
beforeCreate（创建前） data和methods中的数据都还没有初始化完成created（创建后） 如果要调用methods中的方法 或者操作data中的数据最早只能在created中操作beforeMount（挂载前） 这里是遇到的第三个生命周期 表示模板已经在内存中编译完成了 但是尚未把模板渲染到 页面中 //执行的时候页面中的元素还未真正的替换过来 只是之前的一些模板字符串Mounted（挂载后）.
2020-12-02 15:00:29
117
原创 前端利用sort与localeCompare进行处理数据中汉字排序以及遇到的小坑
今天工作遇到一个需求 返回的数据很乱 要根据数据首字母进行排序整理想到使用sort和localeCompare进行一个处理基本思路如下：sort()数组的元素进行排序 对比a，b两值 如果a>b则返回值大于1 如果a<b则返回值小于1 如果a=b则返回值是1localeCompare（）本地特定的顺序来比较两个字符串 它们只用字符的 Unicode 编码比较字符串上代码：var str=[{city:'奥奥'},{city:'上海'},{city:'广州'},{city:'北京'}
2020-11-27 10:57:15
1107
原创 element-ui的基本使用两种方法
基础搭建使用element-ui框架的方法element-ui是比较常见的vue前端框架了其常用的两种使用方法的两种方法1.命令行手动搭建安装依赖包npm i element-ui -S导入相关资源 在main.js写入下列内容 import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue
2020-11-26 17:21:17
1179
原创 uni小程序的input confirm-type功能
在小程序开发中总是会遇到各种各样的按钮,比如下面的发送按钮这个在官方api中是有文档的 confirm-type的一些有效值如下input组件将 confirm-type属性设为上表中的一个对应的值，在图一红色的地方就会出现对应的说明的按钮值。 比如设为done，那么红框那个按键就会变为‘完成’，其他类似。案例:<input class="ser-input" v-model="searchTitle" confirm-type="search" bindconfirm="searchPr
2020-11-11 11:16:37
6729
原创 new操作符具体做了什么？
1.创建一个空对象2.this指向这个对象3.属性和方法加入到这个对象4.返回这个对象。实例： function People(name,age) { this.name = name; this.age = 18; } let people = new People("xiaoming"); console.log(people.name); // xiaoming consol
2020-11-09 19:56:29
132
原创 JSON与string的互相转换
JSON与string的互相转换一.JSON转string（使用JSON.stringify()） var obj={name:"hhh",age:"18"}; var str=JSON.stringify(obj); console.log(str)//{"name":"hhh","age":"18"} console.log(typeof str)//stringjson的key名称(例如name)有无双引号都可以成功用JSON.stringify()实
2020-10-30 22:10:05
11713
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人