m0_47230916的博客

原创 基础不劳，地动山摇

今天遇见如下问题注意看：1.汉字就可以自动换行2.数字不可以3.当汉字后还有内容，如果说后边是汉字，那么知道到最大宽度自动换行；但是如果后边的内容是数字或者英文字母，长度如果超出，先回另起一行，之后再超出就不会自动换行了，长度如果未超出，那不换行...

原创 每日工作中遇见的问题

1.当利用npm命令安装插件的时候，一直死循环报错，错误如图所示然后根据百度查找，是由于npm的版本问题，因此查看同事可以安装的版本，将npm版本下降至6.14.9,（npm install npm@6.14.9-g）然后就可以通过命令安装所需要的插件了2.由于之前命令一直报错，导致需要删除那个文件夹node_modules，但是无论怎样删都删不掉，一直需要管理员权限。后来修改权限之后也失败，因此上网百度说可以关机重启win10中泄露，可以删掉文件夹，因此重启之后果然去删除文件夹可以了，经过..

转载 同步/异步/async + await的异步(JavaScript 中，用 async + await 和直接同步方式执行有什么区别？意义是什么？)

作者：Murphy链接：https://www.zhihu.com/question/62254462/answer/197769615来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。由于浏览器/引擎负责解释和执行JavaScript的主线程是单线程，同步执行一个耗时较大的任务会导致阻塞。异步执行代码可以解决阻塞问题，但会带来顺序的不确定性（要注意这里顺序的不确定性指的是多个异步过程的不确定性）。如果这些任务彼此不相关，就不一定需要交互，如果没有相互影响的话，不确定性是

转载 HTML 滚动条样式修改

今天有个需求：页面超出用滚动条，但是不能一直显示着，而是要鼠标移动上去滚动条出来。所以设置了平时状态下是display:none;当hover鼠标经过显示出来，但是这也导致一个问题，当鼠标移动上去，内容整体往左移动了滚动条的宽度，因此想到如下方法：就是我们一开始设置将滚动条直接设置成透明的，不让他显示，鼠标经过才显示。内容如下：主要受到这篇文章的启发，在此记录。https://www.cnblogs.com/polly-ling/p/9875112.html我使用的 <style&g

转载 react antd 自定义 Modal的 确认和取消按钮

使用Modal中的footer属性，如下：<Modaltitle="更改成员"visible={visible}confirmLoading={confirmLoading}onCancel={this.handleCancel}footer={[] // 设置footer为空，去掉 取消 确定默认按钮}></Modal>这样就去掉了确认和取消按钮 也可以自定义按钮。如下：<Modalvisible={visible}title="T.

转载 js动态渲染的页面发现鼠标悬浮hover事件失效

js动态渲染的页面发现鼠标悬浮hover事件失效在开发上，页面是通过调用ajax调用生成的HTML元素节点，发现鼠标悬浮hover事件失效了$(function(){ $.ajax({ type:'post', url:ctx+'hbk/task/allTaskBefore12', dataType:'json', success:function(res){ var html ; for(var i=0;i<res.data.length;i++

转载 嵌套For循环性能优化案例

1 案例描述某日，在JavaEye上看到一道面试题，题目是这样的：请对以下的代码进行优化for(inti=0;i<1000;i++)for(intj=0;j<100;j++)for(intk=0;k<10;k++)testFunction(i,j,k); （注：为了同后面的内容一致，这里对原题目进行了部分修改） 2 案例分析从给出的代码可知...

原创 chunk-vendors.js:1 Uncaught SyntaxError: Unexpected token ＜ 问题处理

在练习vue项目时，出现如下错误但是不知道这是什么原因：于是上网查询（https://blog.csdn.net/weixin_44166439/article/details/113779223）首先查看了mode已经改为history然后就把publicPath：“./”改为 ‘/’居然不报错了。虽然还不知道是什么原因，特此记录一下。...

转载 vue单页面应用刷新网页后vuex的state数据丢失的解决方案

https://blog.csdn.net/guzhao593/article/details/81435342最近在用vue写pc端项目，用vuex来做全局的状态管理， 发现当刷新网页后，保存在vuex实例store里的数据会丢失。1. 产生原因其实很简单，因为store里的数据是保存在运行内存中的,当页面刷新时，页面会重新加载vue实例，store里面的数据就会被重新赋值。2. 解决思路一种是state里的数据全部是通过请求来触发action或mutation来改变一种是将state里的数据

转载 vue @click.native和@click.stop和@click.self

https://blog.csdn.net/yangao1213192588/article/details/104126857

原创 js实现跨域的8种方法

https://www.cnblogs.com/lcspring/p/11079754.html

转载 栈和堆（转）

栈栈存放的是基本数据类型 + 引用变量名int a = 1;这里的a和1都存放在栈中String b = “abc”;这里只有b存放在栈中，而"abc"则存放在堆中堆堆存放的是new出来的对象上述的String b = "abc"中，其实b是引用类型，指向"abc"这个字符串对象，b存放在栈中，而"abc"这个字符串对象是存储在堆中的。int c = new int[3];这里同理，c作为引用类型的变量存放在栈中，而长度为3这个数组则存放在堆中，他们之间通过地址联系，c其实

原创 图片水平垂直居中

方法一：利用定位 <!-- html代码 --> <div class="img-box"> <img src="caomei.png" alt=""> </div><!-- css代码 --> <style> *{ margin:0; padding:0; } .img-box{

原创 关于:last-child 和 :last-of-type 的区别

之前一直没有着重区分:last-child 和 :last-of-type 这两个选择器,今天就区分一下:last-child这个css选择器是选择父元素中最后的子元素运行结果：显然是没有出来效果运行结果：效果生效由此得出结论：:last-child是选择父元素 div.box中的最后一个子元素，但是为什么没有出效果呢？就是div.box中最后一个子元素是div元素，而又使用指向最后一个p,（也就是说我想找的是最后一个子元素并且是p的元素，但是这里最后..

转载 vue-router 报错Error: Avoided redundant navigation to current location: “/index/user“解决方式(转）

vue-router 报错Error: Avoided redundant navigation to current location: "/index/user"解决方式 问题描述 解决方式 问题描述使用element-ui制作的导航菜单,连续点击同一个导航时,报错该报错不影响功能(… 影响强迫症…)如图当前地址 http://localhost:8080/#/index/user连续点击–用户列表跳转至同一地址 http://localhost:8080/#/ind.

转载 vue+iview+axios+spring前后端分离项目登录实例idea创建

最近开始学习vue,从网络上看到很多贴子讲解如何创建，现将过程总结如下，欢迎学习交流。过程中用到网友图或者内容请原谅，再此对各位表示感谢！！1.项目涉及工具及环境jdk1.8 maven spring-boot idea node.js npm vue iview axios2.前端创建2.1 node.js安装下载地址：https://nodejs.org/en/download/下载完成后安装（直接按默认方式安装就行）,如何想选择自己安装位置，可以选择具体.

转载 iview的render函数使用

转载：https://www.cnblogs.com/qdwz/p/10949316.htmlrender渲染函数详解https://www.cnblogs.com/weichen913/p/9676210.htmliview表格的render函数作用是自定义渲染当前列，权限高于key，所以使用了render函数，那么表格的key值就无效了。render函数传入两个参数，第一个是 h，第二个是对象，包含row、column和index，分别指当前单元格数据，当前列数据，当前是第几行。具体...

转载 iview报错[Vue warn]: Error in render: “TypeError: ctx.injections.tableRoot.$scopedSlots[ctx.props.colu

iview报错[Vue warn]: Error in render: "TypeError: ctx.injections.tableRoot.$scopedSlots[ctx.props.colu原因是我使用了iview的<Table>组件，我给Table组件的columns中定义了4个含有slot的列，但是实际在<Table>中只使用了其中3个，导致的报错。也就是说，在 Table组件的columns中定义了多少个含有slot的列，那么在<Table>内部必

原创 css调整字符间距

letter-spacing来设置字与字间距_字符间距离，字体间距css样式letter-spacing:8px;text-indent设置首行缩进text-indent : 20px;

原创 css去掉input默认样式

转载 SassError: Expected newline. sass报错（转载）

转载地址：https://blog.csdn.net/hero_rong/article/details/106916484

原创 记录由于vue组件异步加载出现的问题

认为写的代码没有毛病，但是出现了这个错误，然后看到这个文章https://www.cnblogs.com/qcwblog/p/8074511.html说是由于组件异步加载出现的问题，因此我将异步组件换成了全局引入import ... from ...然后在运行代码就可以正常跳转（这里我先留一个疑问：是否利用this.$router.push()实现路由跳转和异步组件加载存在冲突，因为写项目时，一开始只是路径改变但并未跳转，再运行就正常了）如果有才子佳人正好看到我这篇文章恰巧知道这个问...

原创 vue项目打包成app的心路历程

vue只是渣渣的我，应公司要求，打包成app,以下是我的记录1.首先在官网（https://www.dcloud.io/）上下载Huilder，下载好之后准备以下事情：（1）将自己的项目进行打包 执行npm run build会看到在项目目录文件夹中生成了一个dist文件夹。 （2）然后用Huilder打开该文件夹， （3）在项目名称上右键选择 转换成移动APP在HB中打开这个music，可以看到有一个manifest.json的文件。这个文件是用来配置应用信...

转载 post请求几种常见content-type类型

application/x-www-form-urlencoded这应该是最常见的 POST 提交数据的方式了。浏览器的原生 form 表单，如果不设置 enctype 属性，那么最终就会以 application/x-www-form-urlencoded 方式提交数据。数据按照 key1=val1&key2=val2 的方式进行编码，key 和 val 都进行了 URL 转码。请求类似于下面这样multipart/form-data使用表单上传文件时，必须让 form 的 enctype

原创 微信小程序--在微信开发者工具中模拟小程序在PC端进行登录

记录一下在微信开发者工具中模拟小程序在PC端进行登录

原创 Vue组件--动态组件--[Vue warn]: Unknown custom element: ＜abc＞ - did you register the component correctly?

首先摆上错误代码以下是正确代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">

原创 微信小程序------------分享好友

微信小程序 分享给好友1.wxml代码<button class="fixed-text fixed-button" open-type="share" title="分享" hover-class="none">分享好友</button>2.js代码onShareAppMessage:function(res) { if (res.from == 'button') { console.log(res.target, res) }

原创 微信小程序----------------------自定义遮罩层

本文转自：微信小程序中遮罩层的实现uni-app自定义弹窗，底部页面触摸穿透问题解决方案（精华）移动端开发遮罩层（弹窗）防止滚动穿透完美解决方案先把自己用到的方法记录下来wxml代码<view class="wrap"> <!---------------------------------------------------------------------------------1 --> <!--页面内容区 --> <

原创 微信小程序--------黑马优购分类页面布局

分类页面的布局：首先使用scorll-view标签，划分左右两边，每一边都是一个scorll-view 因为要竖向滚动，所以添加scroll-y 属性然后在属于左边的scroll-view中写一个view,用来盛放遍历的数组中的每一项数据，样式：转化为伸缩盒子，水平居中垂直居中，文字大小是30js:点击那个盒子就给那个盒子添加样式：字体颜色变为主题颜色在data中填写currentIndex这项，用来进行 判断是否和index相同，相同添加active样式currentIndex = e.cur

原创 微信小程序-------------商品详情-放大图片预览

点击轮播图 预览大图1.给轮播图 预览大图1 给轮播图绑定点击事件、2 调用小程序的api previewImage 预览过程中用户可以进行保存图片，发送给朋友等操作知识点一：richText富文本标签： 将数据赋值给nodes属性知识点二： 联系客服 和 分享 ：都是通过改变button的open-type属性 进行实现的，但是一开始布局是通过view进行布局的，并且也担心 ，button会有很多默认样式，不太好改样式，因此直接利用定位，将一个按钮定位到view上，并设置宽高等于整个盒

原创 微信小程序--------view标签、text标签、wx:for循环的使用

text标签相当于 web中的span标签，行内标签 不会换行view标签相当于web中的div标签，块级元素，会换行运算 ==》表达式可以在花括号中加入表达式和语句表达式：指的是一些简单的运算：数字运算/字符串拼接/逻辑运算1.数字的加减乘除2.字符串的拼接3.三元表达式语句：复杂的代码片段 如if,else语句但是插值表达式中只可以放表达式列表循环：1.wx-for="{{数组或对象}}" wx:for-item=“循环项的名称” wx:for-index=“循环项的索引”

原创 微信小程序---页面刷新的几种方法

话不多说，首先附上两个链接，表示感谢：微信小程序如何刷新当前界面微信小程序----返回上一页刷新或当前页刷新要解决的问题：如下图所示，当点击立即借书成功之后，把请求回来的数据中的借书单数量显示到页面中，解决办法是进行页面刷新在首页中，点击立即借书事件中，发送了加入借书单请求，请求成功之后，调用this.onload();在分类中，点击立即借书事件中，发送了加入借书单请求，请求成功之后，使用this.onload();无效，是因为用到了onload中的参数，因此选择重新在调用一次navbar接口

原创 小程序项目优化----获取过来的数据太多，但是只用到接口中一小部分数据，这应该怎么优化呢？

优化一：页面所需要的属性在js中只获取所需要的数据优化二：某些iphone手机没办法识别webp格式解决办法：修改完成之后：

原创 小程序引入图标

1.打开阿里巴巴字体图标库，选择需要的图标2.新增一个项目，点击Font class ,点击查看在线链接3.复制代码：//at.alicdn.com/t/font_2033533_qxkw673lyi.css 在浏览器中打开，复制全部代码4.在小程序中创建styles文件夹，创建iconfont.wxss文件，将复制的代码粘贴进去5.然后在app.wxss中全局引入icon.wxss文件 @import “styles/iconfont.wxss”;6.直接使用 ...

原创 父组件与子组件的应用---(示例 商品列表)

自定义组件实现tab栏效果1.找到列表页面的js ,把标题的数据写到父组件中，在data中进行定义// pages/goods_list/goods_list.jsPage({ data: { tabs: [ { id: 0, value: "综合", isActive:true }, { id: 1, value: "销量", isActive: fal.

原创 微信小程序------------黑马优购 async和await 使用

小程序中使用es7语法 async （es7的 async 号称是解决回调的最终⽅案）是会报错的，需要进行如下配置：在⼩程序的开发⼯具中，勾选 es6转es5语法下载 facebook的regenerator库中的 regenerator/packages/regenerator-runtime/runtime.js在⼩程序⽬录下新建⽂件夹 lib/runtime/runtime.js ，将代码拷⻉进去在每⼀个需要使⽤async语法的⻚⾯js⽂件中，都引⼊（不能全局引⼊） import re

原创 小程序中的问题 ---先记录下来 关于圆角border-radius 和 padding 一起使用导致圆角特别丑的问题

今天修改小程序的样式：发现设置了padding值和border-radius会导致圆角特别丑代码如下：.banner .slide-image-1 { width: 100%; height: 250rpx; padding:0 10rpx; border-radius: 30rpx; overflow: hidden;}效果如图：然后注释掉 padding：0 10rpx;效果如图这个问题，如果有大神知道，希望告知一下。这个是通过查看小伙伴受到启发的。微信小

原创 小程序--page.json

首先page.json指的是pages文件夹下各个子文件夹中json文件，可以分别设置每个文件中对应的头部的标题，背景颜色等。属性usingComponents在页面中引入自定义组件。书写方式和pages中window相同 但是要想看到效果需要调整一下pages中页面顺序...

原创 微信小程序--app.json全局配置文件

enablePullDownRefresh 是否开启当前页面下拉刷新。只有开启这个属性，backgroundTextStyle和backgroundColor这两个属性才能看到，这两个属性都是设置的，当页面下拉刷新时出现的区域的样式，可以自己尝试一下，写上以上样式后更改属性值，即可看到"window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#666", "navigationBarTitl

原创 小程序01记录

出现如下问题：解决方案：勾选上 **不校验合法域名、web-view(业务域名）…**这条数据即可