- 博客(31)
- 收藏
- 关注
RSS订阅原创 (多项目,多个图标库)阿里图标库symbol使用手册, 微信小程序引入多个阿里矢量图标库
修改小程序项目根目录iconfont.json文件，symbol_url字段类型由 string 改为 array, 复制iconfont官网你的项目的Symbol链接。
2023-06-01 17:29:16
492
原创 阿里图标库symbol使用手册
1、小程序开启使用npm模块；2、小程序项目根目录不要有iconfont目录，否则会清空里面所有内容；3、有nodejs环境；
2023-06-01 17:18:47
478
原创 element表格合计行，根据合计行单元格内的值来改变样式
产品需求: 合计行固定在表格底部, 合计行单元格内数值小于0时 该单元格字体颜色变红。
2023-06-01 16:13:52
678
原创 vue路由打开一个新页面
let routeLink = this.$router.resolve({ path: '/recruit'， query: { id: 1, name: 'wowo', }})window.open(routeLink.href, '_blank')
2022-05-06 11:06:47
342
原创 腾讯地图只显示某一区域，覆盖图，marker自定义图标和文本标注
腾讯地图index.html 添加如下：（key需要转成你自己申请的key）<script type="text/javascript" src="https://map.qq.com/api/js?v=2.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script><!DOCTYPE html><html lang="en" data-dpr="1"> <head>
2021-11-01 17:01:53
4574
2
原创 vue高德/腾讯地图只显示某一区域的地图，其他地区不显示
index.html 页面加上<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你申请的key"></script><!DOCTYPE html><html lang="en" data-dpr="1"> <head> <meta charset="utf-8"> <link rel="i.
2021-10-28 14:39:56
4890
转载 微信小程序中用户拒绝授权的处理方式
微信小程序中的权限介绍大家如果接触过移动开发应该都知道，涉及到一些用户敏感信息的操作（比如定位、访问本地文件等）都是需要用户授权的，在Android开发中，我们需要提前将这些权限配置到项目中，Android 6.0及以上版本还需要通过代码来动态申请部分权限。微信小程序也是如此，我们平时使用小程序时可能也见到过进行某个操作之前弹出授权框的场景，需要用户手动授权后才能进行下一步操作。接下来我简单介绍一下微信小程序中的授权机制，基本上都是参考自官方文档，大家也可以直接阅读官方文档，了解更详细的介绍。微信小程
2021-08-18 17:29:04
7811
转载 CSS绘制箭头
实际需求中，很多时候都会有箭头的情况，只不过一开始总是喜欢找别人写好的，随着需求的增加，很难通过修改来满足需求，所以理解原理自己动手才是万难的根本解决办法。一、绘制三角容器：<div class="container"></div>样式：.container{ width: 0; height: 0; border: 50px solid; border-color: red yellow green blue;}效
2021-07-28 10:07:43
719
转载 输入聚焦弹键盘起，导致自定义导航栏上移
https://developers.weixin.qq.com/community/develop/article/doc/00002864144918ff850c9b81a51813
2021-07-06 15:54:05
331
转载 小程序WebView打开H5,H5页底部fixed，安卓机显示不出来
https://developers.weixin.qq.com/community/develop/doc/000e22ac27c9c84ee7283ba135ec00
2021-06-24 18:05:23
446
转载 scroll-view 下拉刷新 多次请求
https://developers.weixin.qq.com/community/develop/doc/0004e8392c0cd8f815f99473756400?jumpto=comment&commentid=000ea0187ec870bf16f90a8bc5bc
2021-06-22 14:57:09
721
转载 微信小程序onPageScroll onReachBottom无效
1.“disableScroll”: true是否在页面的json文件中添加页面禁止滑动2.页面长度要大于100%page{width: 100%;height: 101%;}
2021-06-16 15:45:20
773
转载 Mac上解决Chrome浏览器跨域问题
文章转载：https://www.jianshu.com/p/8e80774f53d0最近做前端开发总是遇到一个很奇怪的现象，同一个AJAX请求，在Chrome里调试的时候就会提示跨域，但是在手机模拟器或者真机上调试的时候就不会，于是百度了一下，发现是Chrome的安全策略导致的，需要在后台设置一下在网上找了半天，发现很多大家通用的方法在我这儿都不行，今天终于找到一个可行，在这里分享给大家首先要说的是，我的版本是59的，也就是说是49以后的版本，所以49以后版本的朋友可以用我的这个方法，如果还是
2021-05-17 16:07:42
634
转载 微信小程序更新webview页面的三种方法
场景在小程序其它页面做了操作，数据发生改变，回到webview页面时需要更新webview里面的数据。由于小程序没有提供与webview的实时通信能力，因此刷新页面是个可考虑的做法。方法一最常见的做法，修改一下webview的url，加点query参数什么的，页面就会更新了。但是这会增加webview的浏览history，导致用户在后退的时候，会在webview内退到前一个页面，而不是退到小程序的前一个页面。方法二在小程序内调用wx.redirectTo(OBJECT)方法。这里填当前页面的url
2021-04-20 19:22:17
4306
1
转载 2021-03-24
直接 npm install -g @vue/cli全局安装是会出现错误错误如下:Last login: Tue Oct 30 23:43:58 on ttys000asusdeMac:~ asus$ npm install -g @vue/cli npm WARN deprecated cross-spawn-async@2.2.5: cross-spawn no longer requires a build toolchain, use it insteadnpm WARN checkPer
2021-03-24 16:39:55
179
原创 elementUI 默认样式修改不成功的问题
样式不生效原因：使用 scoped 后，父组件的样式将不会渗透到子组件中。导致作用范围不能作用到内部的子组件中。方案一为了不让所有的 el-input标签都是该样式，可以在HTML给改input加上一个类名，比如 modInput<style> .modInput .el-input__inner { border-radius: 20px; }</style>方案二使用深度作用选择器，使用>>> ，less使用/deep/less 预处理
2021-03-02 21:16:16
1181
转载 IMG图片下面出现下边距的解决办法
在不同浏览器下图片下面会出现莫名的下边距，经测算在FF中 下边距大概是多出了3像素左右，而IE6更多，在IE8中展示却是完好的，以往的做法只需要将img定义为块状级就解决了问题； 但其原理是：图片底部的空隙实际上涉及行内元素的布局模型，图片默认的垂直对齐方式是基线，而基线的位置是与字体相关 的。所以在某些时候，图片底部的空隙可能是 2px，而有时可能是 4px 或更多。不同的 font-size 应该也会影响到这个空隙的大小。 如果将图片的垂直对齐方式设置为 top 或 bottom，我们会...
2020-12-31 15:47:31
517
原创 vue 解决连续多个空格只显示一个空格的问题
方法一：使用v-html<div v-html="'你好 你好'"></div>方法二：直接用pre标签<pre></pre>pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。...
2020-12-25 14:23:39
6958
转载 Conflicting order. Following module has been added:
其中article.vue和topGroup.vue这两个文件在模块unitTest和wrongBook上出现加载冲突其中一个文件先加载topGroup.vue文件其中一个文件先加载article.vue文件方法一：将两个文件加载顺序统一一下就可以了，然后再运行下npm run serve方法二：设置 ignoreOrder// vue.config.jsplugins: [ new MiniCssExtractPlugin({ // ...... ignoreOrde.
2020-12-24 17:46:49
2661
1
转载 v-if 和 v-show 切换时生命周期钩子的执行顺序
v-if初始渲染初始值为 false 组件不会渲染，生命周期钩子不会执行，v-if 的渲染是惰性的。初始值为 true 时，组件会进行渲染，并依次执行 beforeCreate,created,beforeMount,mounted 钩子。切换false => true依次执行 beforeCreate,created,beforeMount,mounted 钩子。true => false依次执行 beforeDestroy,destroyed 钩子。v-show渲染
2020-12-24 17:20:36
2326
2
转载 Vue刷新页面的三种方式
我们在写项目的时候，经常会遇到，用户执行完某个动作，改变了某些状态，需要重新刷新页面，以此来重新渲染页面。如：用户登录成功、增加、删除、更新等。1、原始方法：location.reload();2、vue自带的路由跳转：this.$router.go(0);用过的人都知道，前两者都是强制刷新页面，会出现短暂的闪烁，用户体验效果不好。所以，我们选择第三种方式：首先在App里面写下如下代码：<template> <div id="app"> &l
2020-12-24 17:05:46
249
1
转载 强制跳转 https 的几种方法
强制跳转 https 的几种方法html 文件，head 中加入如下meta<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">javascript 脚本，适用于IIS服务器的 403-4.htm 或者 403.htm<script type="text/javascript">var url = window.location.href;if (url.index
2020-12-11 14:08:23
5188
2
转载 图片在IOS上无法显示在安卓正常问题
IOS的降级访问问题，如果你请求的域名是https而后台返回图片的是http则ios无法降级访问到http的图片链接访问后台域名返回的后台数据图片链接所以要么后台返回的数据http后面加上s 要么域名改为http转载：https://www.cnblogs.com/nowweed/p/12197513.html...
2020-12-10 15:52:06
1048
转载 在移动端实现垂直居中的几种方法
1、 为什么Android中文本偏上文本都会有一个内容区域，这个区域就是我们选中文本时展示的区域。Android在渲染文本的时候会参考字体，但是原生Android又没有默认的中文字体，这就导致了它使用英文字体来进行内容区域的设置，让文本在内容区域中就偏移了。而CSS是通过内容区域来设置垂直居中的，所以这个问题从根子上就错了。对于低版本的Android机器（7.0以下），单纯CSS的方法是不够的。方法1:table-cellhtml结构<div class="box box1">
2020-11-19 11:05:39
784
1
转载 vue-vue-cli3 sass全局变量配置
vue-vue-cli3 sass全局变量配置如果每次都需要手动引入，太麻烦了， 而且也不符合DRY原则我们用sass-resources-loader来实现，然后具体怎么做看文档， 搜索下vue cli-3就可以了， 我先列出当前可行的代码// vue.config.jsmodule.exports = { chainWebpack: config => { const oneOfsMap = config.module.rule('scss').oneOfs.store
2020-11-17 16:41:22
889
原创 iOS video标签 object-fit属性无效
移动端h5 video标签退出全屏播放后object-fit：fill不起作用，video视频没有铺满ios无效， 安卓有效解决办法：改成：object-fit: cover，这样就可以了
2020-11-03 14:51:50
3209
1
转载 const变量通过指针修改问题
const的变量在特定情况下可以通过指针修改，但是在另一些情况下是不能通过指针修改。以下是VC6下才测试。不能修改的情况#includeint const a = 10;void main(void){int p = (int)&a;*p = 20;printf("%d\n", *p);}程序编译通过，但运行时错误：指示a存储的空间不可以写，也就是没有写权限，不能修改其值。估计是存储在全局空间，且只有可读属性。能修改的情况#includevoid main(voi
2020-08-24 11:23:52
888
1
转载 element-ui遮罩层el-dialog的使用
原文地址：https://www.cnblogs.com/fqh123/p/11183096.htmltemplate<el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button> <el-dialog title="提示" :visible...
2020-03-11 23:56:57
2502
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人