- 博客(15)
- 收藏
- 关注
RSS订阅原创 scss循环（@each in、@for from）
$common_used_color: #595959;$colors: #4d5ebe, #4d72d8, #13a69f, #584cbe, #4c5dbd, #049dcc;$curcolors:rgba(77, 94, 190, 0.08),rgba(77, 114, 216, 0.08),rgba(19, 166, 159, 0.08),rgba(88, 76, 190, 0.08),rgba(76, 93, 189, 0.08),rgba(4, 157, 204, 0.08);
2021-12-06 10:23:32
1722
原创 pc端集成企业微信扫码登录功能及更改二维码样式
其实，企业微信已经给了很详细的步骤，但是如果是vue集成的话，一定要小心了。步骤一：引入JS文件在需要展示企业微信网页登录二维码的网站引入如下JS文件（支持https）：旧版：http://rescdn.qqmail.com/node/ww/wwopenmng/js/sso/wwLogin-1.0.0.js新版（20210803更新）：http://wwcdn.weixin.qq.com/node/wework/wwopen/js/wwLogin-1.2.4.js步骤二：在需要使用微信登录的地方实
2021-11-15 15:31:48
2528
1
原创 移动端安卓系统键盘弹起再收起页面无法滚动问题
首先，要在安卓系统出现这种情况经过我反复测试需要满足两种情况，才会触发：1、最外层样式高度使用100vh；2、页面内容高度没有撑满一屏；解决方式：通过监听键盘弹起、收缩来更改高度值html<div class="wrapper"> <div class="prob_sugg_detail contain_main" ref="main"> <van-tabs v-model="active" scrollspy
2021-11-12 17:30:15
3011
原创 移动端（H5）监听滚动、惯性滚动及pc端滚动（原理通过定时器）
根据项目需求，实现类似微信下滑加载历史记录，vant组件库是上拉加载，所以自己百度并实现下滑加载，主要监听滚动事件。因为项目有pc及移动，所以移动和pc要分开监听pc端：if (document. ) { //firefox document.addEventListener("DOMMouseScroll", this.onRefresh, false);} //滚动滑轮触发scrollFunc方法 //ie 谷歌window.onmousewheel = document.o
2021-11-12 17:15:40
3610
原创 Echarts柱状图label如何实现个性化~
最近因为公司项目需展示大量图表，所以用到echarts超多，而且ui总是有自己的想法，为了满足只能自己不断地去探索，要实现效果如图所示：一般柱状图label不是在左就是在右，而且只有一个；像这种内外兼有且样式不同，少；找了很久没找到，只能回官网看配置项，嘿，还真让我发现了；超简单！series: [ { data: data, type: 'bar', barMaxWidth: 20, .
2021-07-05 10:30:26
2704
原创 element table 动态显示隐藏列及改变表头内容
1.动态显示隐藏列，通过v-if + key控制<el-table-column prop="address" v-if="chooseCompare"key="1" label="对比" type="selection" label-class-name="DisabledSelection"></el-table-column>必须设置key值唯一，当点击某个按钮时，切换chooseCompare的值，达到列的显示隐藏；不能通过v-show来切换；2.改变表格头部内容，
2021-06-03 18:47:58
1010
原创 element 日期选择组件之日期选择范围
html<el-date-picker :picker-options="dateBefore"></el-date-picker>jsexport default{ data() { return { dateBefore: { disabledDate(time){ // 日期可选择限制在两年之内 let dt = new Date() let year = dt.getFyllYear() + 2 let mo
2021-04-22 17:42:43
308
原创 JS闭包个人理解~
关于闭包，说实在的之前真的不太理解也没怎么用过，奈何面试官对他甚是钟爱，无奈之下，就看了好多文章，感觉大同小异（就是我还是不是特别理解）直到今天我感觉我好像懂了点，迫不及待记录一下。不知道正不正确，欢迎各位指正~首先：js在执行一个函数时，都会创建一个作用域对象，用来保存 在这个函数中创建的局部变量。它使用一切被传入函数的变量进行初始化（初始化后，它包含一切被传入函数的变量）。执行完之后，垃圾回收器会回收创建的作用域对象。function makeAdder(a) { return funct
2021-03-31 18:46:37
87
原创 使用css变量实现更改字体大小功能
最近，客户又提出新的需求，想要用户可以更改应用的字体大小，为了方便年龄较大的使用者有较好的体验。当我拿到这个需求第一反应是变量，然后就是scss或less。但是我突然想起之前无意中扫了一眼的文章提到css变量，经过一番学习及实现，嗯，真香，是真的香~废话不多说，上代码：<style>/*变量声明*/:root { // 放在root里可以全局访问 --bigSize: 0.38rem;// 1 头 --midSize:0.376rem;// 2 标题 --minSi
2021-03-07 16:41:26
1066
转载 vue 之 draggable（移动端安卓兼容问题）
之前在移动端项目中，拖拽功能我使用了draggable这个插件，因为PC端使用感很好。但是，这个插件在移动端存在安卓的兼容问题，解决方法 <draggable v-model="draggData" class="vux-flexbox vux-flex-row" :end="end" :options="{handle: '.dd'}" style="flex-wrap:wrap" > <flexbox
2020-11-13 19:02:52
2396
原创 CSS 之 当color 遇上 text-fill-color
我满含心酸的眼泪写下这篇文章，因为我真的没想到改个ui框架input框的字体颜色，能让我又一次怀疑人生！！！！（因为受网络限制，我们的项目不能在浏览器中直接看到，这就导致我们没有办法通过F12快速定位到样式，太难了）一般覆盖ui框架的样式，直接自己加一个样式，然后定位就可以修改哈，然后我就这么写了，嗯？不好使。。。...
2020-11-02 11:25:13
234
原创 html 之 渲染 base64编码图片
这个简单，第一次用的时候不知道咋写，找的度娘，但还是要记录下。<div> <img :src=“'data:image/png;base64,' + 图片64编码 “ /></div>后来，还遇到个问题，这个图片list是从后端获取来的，然后，我就想着在前端存下来，省的老请求去加载，还加载慢，用户体验很不好，然后我就存sessionStorage里了，嗯，然后，我就蒙了，居然报错，我就存个数据你还报错！！然后发现，base64编码好长啊，sessionStor
2020-10-23 22:37:10
1003
原创 vue 之 数据响应式
vue 之 数据响应式之前在使用vue开发的时候，遇到了个问题，真是艰难的爬坑，嗨，还加了个班才完成当天的任务，so，此问题记忆犹新。事情是这样的，我就正常的给对象赋值，然后页面就是死活不更新，用this.$ forceUpdate()强制刷新或者this.$set都不行，写的我怀疑人生。经过我仔细查看，原来此时对象里的这个数组已经失去了响应式特性，所以无论我做什么，视图都不会更新。开始，我代码是这样子的this.data = { id: row.id, name: row.name}thi
2020-10-23 22:04:19
121
原创 js 之 添加、移除事件监听
js 之 添加、移除事件监听最近在做vue–H5项目时，需要实现当用户输入内容时，防止因为用户点触摸某处导致页面闪烁。（因为ios端，input框聚焦时，键盘遮挡了input框，所以我在聚焦时给整体加了padding，如果用户不小心触摸了这个padding，整个页面就跟触电一样抖一哈~~奇奇怪怪的现象。。。）言归正传，所以我就想着，加个监听吧，结果…刚开始时，我是这样写的// 添加监听this.$refs.spyj.addEventListener("touchstart", (e) => {
2020-10-22 10:31:10
1663
原创 vue 之 .sync
vue 之 .sync官方解释:在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可以变更父组件，且在父组件和子组件都没有明显的变更来源。(but，至今这一段我还是不是很理解，有好心人路过可以当个热心市民~)目前个人理解：不加 .sync 时props传值父组件：/* html */ <div :name='name' @setName='setName'></div> /* js */ <
2020-10-21 14:08:42
166
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人