weixin_43444977的博客

原创 vue提示：Property or method “xxx“ is not defined on the instance but referenced during render.Make

vue提示：Property or method “xxx” is not defined on the instance but referenced during render.Make sure that this property is reactive, either。修改： 在HTML 部分定义了变量，但在 data 或者methods 里没有定义，在data或者 methods 定义上即可。

原创 【vue】组件通选方式

这是最基本的父子组件通讯方式。通过 props 属性将数据从父组件传递给子组件，而子组件通过触发事件（$emit）将数据发送回父组件。

原创 vue使用carousel(走马灯)开发轮播图

* 根据需要设置轮播图容器的宽度 */在main.js 引入。

原创 【前端】长按图片，没有弹出 “保存到相册”选项。pointer-events:visible

前端开发，在微信浏览器或者其他浏览器，长按图片，没有弹出 “保存到相册”选项。原因是，在某个地方写了，pointer-events:none；

原创 【JavaScript】js继承

console.log(child.age,child.name) // 18 张三。console.log(child.name,child.age) // 张三 50。console.log(child.age,child.name) // 50 张三。javascript复制代码// 原型链继承。javascript复制代码// 构造函数。javascript复制代码// 构造函数。this.name=‘张三’this.name=‘张三’es6 extends继承。es6 extends继承。

原创 【css】BFC

1 position为 fixed absolute。4 diaplay为 inline-block。3 overflow不为visible。2 float不为none。2、两栏布局，防止文字环绕。1防止margin重叠。

原创 【js基础】怎样理解闭包

在JavaScript中，在ES6出现之前，只有函数作用域和全局作用域。在正常情况下，外界是无法访问函数内部变量的，但是在函数中，如果我们返回了另一个函数，这个返回的函数使用了外层函数的变量，那么外界能够通过返回的函数，获取外界函数内部的变量值，这就是闭包。

原创 【css】flex布局

【代码】【css】flex布局。

原创 【vue】$parent $children

【代码】【vue】$parent $children。

原创 【vue】provide inject 多层嵌套传值

【代码】【vue】provide inject 多层嵌套传值。

原创 【vue】vue子孙组件传值（多级嵌套）attrs listeners

可以使用 attrs listeners传值。如果vue开发遇到多层嵌套，"接收msg--->""父组件---->"

原创 【css】实现圣杯布局的方法（这里列举的是两端固定值，中间自适应）

方法2：使用 浮动定位。方法3：使用positon定位。方法1：使用flex布局。中间自适应的部分为：flex:1；

原创 【JavaScript】浅拷贝深拷贝

2 写一个函数：（返回一个新的函数，只是遇到对象时，需要递归）浅拷贝:只复制引用，没有复制真正的值；深拷贝：复制真正的值；

原创 【JavaScript】找出字符串中出现最多的字符及次数

【代码】【JavaScript】找出字符串中出现最多的字符及次数。

原创 【javaScript】找出多维数组中的最大值

【代码】【javaScript】找出多维数组中的最大值。

原创 【JavaScript】数组去重

【代码】【JavaScript】数组去重。

原创 【JavaScript】怎样判断一个变量是不是数组

【代码】【JavaScript】怎样判断一个变量是不是数组。

原创 【javaScript】什么是变量提升

在var声明中，会变量提升，是var独有的。什么意思，看下面的例子就明白了。如果直接打印 str。

原创 【vue】$set怎么使用

vue中在data(){}里的数据才是响应式的，有的场景，比如说后端返回的接口对象里，想再增加一个属性，作为响应式，这时候可以用到$set添加。$set总共三个参数，第一个为当前对象，第二个为属性名，第三个为属性值。

原创 使用vue开发，图文页面，实现点击图片可以预览

在某个有文字、图片、按钮等元素的页面，比如像各种APP的新闻页面，其中，实现用户点击图片可以预览图片,点击其它元素不会预览。（提供一个在线图片地址：https://img01.yzcdn.cn/vant/apple-1.jpg）引入 ImagePreview。在开发页面.vue文件开发。

原创 【css】前端拉下代码后，node-sass sass-loader 与node版本不符怎么办

但如果是拉下来的项目，别人已经成功使用，webview版本 和 sass已经匹配，只需考虑 node版本匹配。就是把你已经跑成功的同事的 node_modules 拷过来，直接用，就能运行了。下载node.js会非常慢，所以打开 setting.txt文件，加上以下两行。所以如果我自己开发，我不使用sass或者less，只用原生css。根据下面的表，通过node-sass版本找到匹配的node版本。怎么修改自己的node版本呢，使用nvm管理node。在这看篇笔记之前，有一个非常好用，一步到位的方法，

原创 滚动屏幕或缩放屏幕，使用节流

如果需要统计用户滚动屏幕或缩放屏幕的行为作出相应的网页反应，容易导致网络的阻塞。场景：滚动屏幕（onScroll） 缩放屏幕（resize）

原创 【CSS】使用css画一个跳动的小心心

使用CSS样式写一个跳动的小心心。

原创 【CSS】在页面实现元素垂直居中对齐的几种方法

【代码】【CSS】实现元素垂直居中对齐 父元素：display:flex;子元素：margin:auto;

原创 微信小程序涉嫌通过中断用户体验、限制用户操作的方式，收集与服务无关的用户个人信息，包括但不限于，手机号、

微信小程序涉嫌通过中断用户体验、限制用户操作的方式，收集与服务无关的用户个人信息，包括但不限于，手机号、身份证号、生日、住址等，违反《微信小程序平台运营规则》及相关规则，建议尽快整改。具体运营规范：xxxxxxx。

原创 【javaScript】数组常用方法 push() pop() unshift() shift() concat() join() reverse() sort() map()

数组常用APIpush()pop()unshift()shift()concat()join()reverse()sort()map()forEach()slice()splice()filter()find()findIndex()every()some()reduce()indexOf()includes()

原创 【vue】nextTick

【vue】nextTick。

原创 【前端CSS】鼠标移动到按钮加阴影特效

【代码】【前端CSS】鼠标移动到按钮加阴影特效

原创 vue中addEventListener监听不到，原来是最外层没有设置长宽

在vue项目中，使用 原生的监听 addEventListener。最后发现，原来是CSS的问题。最外层的 APP.vue文件,

原创 【无标题】微信小程序使用npm，（以vant为例）

4、修改project.config.json。执行完后，会生成package.json文件。1、新建一个小程序项目，在【终端】输入。出现 node_modules 文件夹。出现miniprogram_npm。在index.json文件中配置。3、【工具】——【构建npm】6、使用一个button为例。

原创 【vue】打包后，访问public文件的index.html，访问不到js和css，需要配置publicPath:“ “

在vue.config.js文件添加配置项publicPath，publicPath路径修改" "，dist文件下index.html即可找到。vue.config.js文件中publicPath路径为“/”，表示根目录下，是访问不到js和css文件的，vue项目打包后， index.html直接访问不到 css 文件和 js 文件；

原创 【vue】vue2怎样关闭eslint

lintOnSave:false 后重启项目即可。

原创 font-spider 压缩字体使用

压缩固定的几个字体，前端开发压缩字体

原创 git未提交代码，被远程覆盖代码，可以恢复 git stash list git stash show stash@{1}

代码未提交，被远程覆盖，可以恢复

原创 【js】获取当前时间，格式化时间

获取当前时间：2022-07-05 17:41:28

原创 【公众号】IOS 公众号获取jssdk能力，signature失败；安卓生成签名没问题

生成签名的 url 因为是SPA单页面开发，有#号，url改成 location.href.split(‘#’)[0]测试，iOS也可以获取jssdk能力

原创 h5（微信sdk/企信sdk）页面跳转微信小程序，监听微信小程序关闭事件，已解决

H5应用打开小程序，监听小程序关闭： document.addEventListener("visibilitychange", function(){ if(document.hidden){ console.log("hidden") }else{ // 此处填写H5监听到关闭小程序的操作，比如wx.closeWindow(); console.log("监听到关闭小程序"

原创 IE盒子模型box-sizing:border-box

box-sizing:content-box; // 标准盒子模型box-sizing:border-box: //IE盒子模型

原创 【JavaScript】find 和 filter的区别 some 和 every的区别

原创 【css】引入外部css文件，link标签和@import的区别

引入外部样式：1 link标签<link rel="stylesheet" type="text/css" href="a.css"></link>2 @import引入<style> @import "b.css" </style>区别：link标签的优先级高于@import