- 博客(37)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅转载 swiper轮播 loop:true失效的原因
// html<swiper ref="mySwiper" :options="swiperOption" v-if="homeBanner.length"> <swiper-slide v-for="(item, index) in homeBanner" :key="index"> <img class="imgUrl" :src="item.imageUrl" alt="首页轮播图" /> </swiper-
2021-09-29 13:59:21
3299
1
原创 解决el-table设置右侧固定区域，左侧边框消失问题
>>> .el-table__row td:not(.is-hidden):last-child { right: -1px;}>>> thead th:not(.is-hidden):last-child { right: -1px;}
2021-09-02 12:57:53
1926
1
原创 el-table 多选框变单选框，隐藏全选框
1.多选变单选方案:<el-table ref="table" @selection-change="handleSelectionChange"></el-table>handleSelectionChange(selection) { if(selection.length > 1){ this.$refs.table.clearSelection() this.$refs.table.toggleRowSelection(
2021-09-01 15:17:58
1179
1
原创 Nuxt项目分环境打包
1.安装cross-envnpm install --save-dev cross-env2.根目录新建env.jsmodule.exports={ dev:{ MODE:'devlopment', ENV_API:'http://xxx/', OTHER_URL:"xxx" }, test:{ MODE:'test', ENV_API:'http://xxx', OTHER_URL:"xxx" }, pro:{ MODE:'
2021-05-25 18:04:42
1427
4
原创 nuxt别名 ~ 或 @ ~~ 或 @@
在nuxt项目中，经常能看到@/static/images/logo.png或者~/static/images/logo.png的引用；查阅官方文档找到出处。别名目录~ 或 @srcDir~~ 或 @@rootDir默认情况下，srcDir 和 rootDir 相同。提示: 在您的 vue 模板中, 如果你需要引入 assets 或者 static 目录, 使用 ~/assets/your_image.png 和 ~/static/your_image.png方式。
2021-04-12 10:44:57
1414
原创 Nuxt i18n国际化实现
官网例子写的已经很详细了nuxt i18n Demo，把自己实现过程的重点记录一下。1.安装 vue-i18nnpm install vue-i18n --save2.新建文件夹 locales 新建en.json{ "links": { "home": "Home", "about": "About", "english": "English version", "french": "French version" }, "home": { "
2021-04-01 16:22:37
1212
原创 Vue 不同域名下cookie值获取
首先引入js-cookie库 $ npm install js-cookie --save然后设置cookie值到二级域名下：export function setToken(token) { return Cookies.set("token", token, { domain: ['localhost', '127.0.0.1'].includes(document.domain) ? document.domain:".xxx.com"}现在a.xxx.com和b.xxx.com 都
2021-03-17 11:00:25
3467
2
原创 解决80端口占用问题后无法使用打印机问题解决
因为使用nginx需要使用80端口，清除system占用后，打印机无法使用（80端口解除占用方法）解决方法如下：1、以管理员权限打开regedit1）找到HKEY_LOCAL_MACHINE目录2）找到System3）找到CurrentControlSet4）找到Services5）找到http6）右边栏：找到Start7）将Start 的值4改为38)、重启电脑...
2021-03-02 10:30:22
1469
原创 Nuxt 里获取window 对象的方法
在vue中 created(){ if (process.browser) { console.log(window) } },解决问题
2020-11-24 16:52:06
2707
1
原创 vue 打包线上去掉console.log
webpack.prod.conf.jsnew webpack.optimize.UglifyJsPlugin({compress:{warnings: false,drop_debugger: true,drop_console: true}})
2020-11-18 17:35:52
402
原创 小程序的遮罩层弹框滚动穿透问题总结
小程序自定义弹框遮幕层，滑动的时候，遮挡的底层布局也会跟随滚动。查询到解决方案 链接 这种解决方式存在一个问题，底层滑动的位置会被重置。
2020-11-18 13:37:01
689
原创 css：不规则图片怎么实现阴影效果
项目中用到不规则图片做背景，需要用到阴影效果，如图：如果用阴影box-shadow会出现凹陷的半圆在白色背景显示不出来。可以使用css 实现阴影效果，解决需求。filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.07));...
2020-11-18 10:56:36
1263
1
原创 vue无限滚动插件vue-seamless-scroll
项目中需要列表无线滚动操作，找到这个插件vue-seamless-scroll记录使用方法：// **main.js**// 1.全局 installimport Vue from 'vue'import scroll from 'vue-seamless-scroll'Vue.use(scroll)// 或者你可以自己设置全局注册的组件名 默认注册的组件名是 vue-seamless-scrollVue.use(scroll,{componentName: 'scroll-seamles
2020-10-10 16:13:52
784
原创 node_modules 删不掉怎么解决
node_modules 删不掉可以 通过$ npm install rimraf -g$ rimraf node_modules进行删除，亲测可用。
2020-08-21 09:08:17
5926
3
原创 导航栏编写注意事项，笔记
导航栏编写注意事项：实际开发中，导航栏不会直接用链接a写，而是用链接（li+a）的做法li+a 语义更清晰，一看就是有条理的列表型内容 如果直接用a，搜索引擎容易辨别为有堆砌关键字嫌疑（故意堆砌关键字容易被搜索引擎有降权的风险），从而影响网站排名...
2020-05-26 17:28:40
304
原创 css属性书写顺序笔记
建议遵循以下顺序：布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式）自身属性：width / height / margin / padding / border / background文本属性：color / font / text-decoration / text-align / vertical-align / white- space / break-word
2020-05-26 16:34:26
237
原创 CSS清除浮动笔记
清除浮动的方式：1、额外标签法会在浮动元素末尾添加一个空的标签。例如 <div style="clear:both"></div>，或者其他标签（如<br />等）。 优点： 通俗易懂，书写方便 缺点： 添加许多无意义的标签，结构化较差注意： 要求这个新的空标签必须是块级元素。 实际工作可能会遇到,但是不常用。2、可以给父级添加 overflow 属性，将其属性值设置为 hidden、 auto 或 scroll 。注意是给父元素添加代码 优点：代码简
2020-05-26 09:44:30
212
原创 css文本缩进笔记
text-indent控制首行文本的缩进。可以通过em单位控制缩进文字数目。 p { font-size: 16px; text-indent: 2em; // 2em 表示缩进当前元素 2个文字大小的距离 }
2020-05-21 14:06:23
492
原创 ES5数组方法注意事项学习笔记
数组方法迭代(遍历)方法：forEach()、 map()、filter()、some()、every() ；array.forEach(function(currentValue, index, arr), thisValue);array.map(function(currentValue, index, arr), thisValue);array.filter(function(c...
2020-05-07 17:32:39
185
原创 JavaScript学习笔记——isNaN()
isNaN方法可以用来判断一个值是否为NaN。isNaN(NaN) // trueisNaN(123) // false但是，isNaN只对数值有效，如果传入其他值，会被先转成数值。比如，传入字符串的时候，字符串会被先转成NaN，所以最后返回true，这一点要特别引起注意。也就是说，isNaN为true的值，有可能不是NaN，而是一个字符串。isNaN('Hello') // true...
2020-04-29 17:39:33
316
原创 JavaScript布尔值笔记
如果 JavaScript 预期某个位置应该是布尔值，会将该位置上现有的值自动转为布尔值。转换规则是除了下面六个值被转为false，其他值都视为true。undefinednullfalse0NaN""或’’（空字符串）示例：if (0) { console.log('true');}else{ console.log('true');}详见阮一峰JavaScrip...
2020-04-29 15:46:04
266
原创 vue 微信授权登录遇到的坑
微信网页授权登录参数是否必须说明redirect_uri是授权后重定向的回调链接地址， 请使用 urlEncode 对链接进行处理redirect_uri返回的url一直不能跳转，找了好久，头都大了，最后才发现，要跳转的url多了“#/”符号，查阅Vue Router修改mode 为history 去掉“#/”符号，正常跳转。...
2019-12-13 16:21:04
2288
4
原创 JavaScript Switch case 使用严格比较（===）。
项目中用到switch 代码有问题一直找不到原因，后来才发现是switch的问题，Switch case 使用严格比较（===）。值必须与要匹配的类型相同。只有操作数属于同一类型时，严格比较才能为 true。在这个例子中，x 将不匹配：实例var x = "0";switch (x) { case 0: text = "Off"; break; case 1:...
2019-12-12 12:24:29
1058
原创 vue-cli 3 打包部署到nginx不显示界面
在项目根目录新建文件vue.config.js 添加一下代码：module.exports = { publicPath: './'}
2019-12-05 14:38:38
1150
转载 Vue-禁止用户缩放浏览器
head 里添加： <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
2019-12-04 09:29:48
2710
1
原创 小程序图片拉伸缩放一闪而过bug
项目中发现，有的图片在刚进入时会出现拉伸，之后还原的过程。发现是图片高度没有设置的问题。当设置mode='widthFix’模式时，往往忘记设置高度，把height值设置为auto解决。.express-img { widht:20px; height：auto;} <image class='express-img' mode='widthFix' src="..." >...
2019-11-28 10:34:04
1054
1
原创 知识积累：css实现图片颜色变成黑白
通过filter可以实现将图片颜色修改为黑白选中图片显示图片正常颜色，未选中状态显示黑白色img{ filter: grayscale(100%);}显示正常颜色：img{ filter:none;}filter其他用法...
2019-09-05 14:32:27
469
转载 flex布局设置单个子元素靠右显示
父元素是flex布局实现单个子元素靠右显示：css样式如下方法1：flex: 1;text-align: right;方法2：margin-left: auto;
2019-08-28 18:21:01
43766
3
原创 css 选中框样式
在项目中经常会用到下图样式的选中样式其实就是对矩形进行变形处理 css样式：.select { position: relative; width:81px; height:93px; margin: 0 auto; text-align: center; line-height: 93px; color: #4ABE84; background-color:...
2019-08-21 16:20:54
5054
转载 微信小程序：防止多次点击多次跳转（函数节流）
当网络条件差或者卡顿的情况下，用户多次点击会造成页面多次跳转，如下图：解决办法：就是函数节流(throttle)：函数在一段时间内多次触发只会执行第一次，在这段时间结束前，不管触发多少次也不会执行函数。util.js:function throttle(fn, gapTime) { if (gapTime == null || gapTime == und...
2019-05-31 10:25:15
1712
原创 css文本超出省略
超出行数隐藏:.p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}超出文字长度隐藏：其中宽度一定要设定.p{ width: 100px; overflow: hi...
2019-03-14 16:31:59
425
原创 微信小程序wx.previewImage真机预览图片不显示
今天使用wx.previewImage预览网络图片时，真机不显示，一直loading 。后来发现是图片链接的问题。，把图片链接换成https的，完美解决。参考官方的回答： ...
2019-01-09 21:54:06
4901
2
原创 小程序使用textarea组件z-index失效的解决方法
当需要输入多行文字时，微信小程序提供了textarea组件可以使用，但我发现存在一个问题。z-index会失去作用。textarea输入的内容会浸透在遮盖在textarea上的布局。后来查阅官方文档，发现用cover-view可以解决。参考https://developers.weixin.qq.com/miniprogram/dev/component/native-component.ht...
2018-08-22 10:24:08
3080
原创 解决小程序浮层内容显示存在记忆问题
小程序项目开发中有一个功能是展示公告，我通过浮层进行显示。存在一个问题，浮层内容太长，滑动到底部，关闭浮层下次再进入，还是在底部。内容不是从头显示。后来我发想是用hidden控制显示与隐藏时会存在这个问题，我用wx:if 控制隐藏和显示完美解决这个问题。参考官方文档如下：wx:if vs hidden因为 wx:if 之中的模板也可能包含数据绑定，所以当 wx:if 的条件值切换时，框...
2018-08-22 10:12:29
631
css 矩形中间凹陷，边缘圆弧顺滑过渡，这种布局应该怎么实现，求助各位大神？
2020-05-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人