2022 年 2月随笔档案 - SE7EN_96

元素水平居中的几种方式

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-02-28 13:22 SE7EN_96 阅读(135) 评论(0) 推荐(0) 编辑

给图片添加渐变透明效果|c3镜像渐变

摘要：1.给图片父元素添加渐变效果，定位将图片权重降低，达到类似蒙版效果 2.镜像渐变效果 -webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,.3)); 资料：h 阅读全文

posted @ 2022-02-26 11:23 SE7EN_96 阅读(206) 评论(0) 推荐(0) 编辑

小程序溢出横向滚动scrollview

摘要：需要满足三个条件： 1.scrollview设置scroll-x属性。 2.scroll-view的样式要设置white-space:nowrap 3.凡是scroll-view内部要滑动的组件，样式中都要有设置display：inline-block 阅读全文

posted @ 2022-02-25 15:15 SE7EN_96 阅读(303) 评论(0) 推荐(0) 编辑

vue中嵌套外部网站样式

摘要：利用iframetop:导航栏的heightleft:左侧菜单栏的widthsrc:右侧页面要嵌入的外部网站 <template> <div> <iframe src="https://www.iconfont.cn/" id="mobsf" scrolling="no" frameborder=" 阅读全文

posted @ 2022-02-24 15:15 SE7EN_96 阅读(377) 评论(0) 推荐(0) 编辑

vue2实现组件的双向绑定（组件props的双向绑定）

摘要：组件的prop双向绑定于vue2废除，vue2的prop只限于父->子的单向流动，不能修改外层传来的数据，如果需要得自己来实现。实现方法步骤： 1.在组件内得data对象中创建一个props属性的副本 data: function () { return { myResult: this.resu 阅读全文

posted @ 2022-02-24 15:12 SE7EN_96 阅读(834) 评论(0) 推荐(0) 编辑

css的尺寸单位理解·

摘要：像素：早期——1px=1物理像素；视网膜屏——1px=2物理像素 px：相对于屏幕分辨率而言。绝对单位，按精确像素展示。没有弹性，不适合自适应布局。 em：相对单位，相对于他的父节点字体进行计算，如果自身定义了font-size按自身来计算。 rpx：以iphone6为基准（750px）进行阅读全文

posted @ 2022-02-24 14:56 SE7EN_96 阅读(37) 评论(0) 推荐(0) 编辑

vuex的知识点

摘要：构成： 1.state：自定义的变量，用来保存数据。 2.mutaions：用来触发事件，相当于方法。通过触发这个方法，借此来保存数据。第二个参数为传入的值。 import Vue from "vue" import Vuex from "vuex" Vue.use(Vuex); export 阅读全文

posted @ 2022-02-21 14:55 SE7EN_96 阅读(54) 评论(0) 推荐(0) 编辑

es6的知识点

摘要：1.let和const 同时拥有块级作用域。并不存在变量提升。const声明不变的常量。 2.变量的解构赋值从数组和对象中提取值，对变量进行赋值。 let [a, b, c] = [1, 2, 3]; 类似于“模式匹配”： let [foo, [[bar], baz]] = [1, [[2], 3 阅读全文

posted @ 2022-02-21 11:26 SE7EN_96 阅读(28) 评论(0) 推荐(0) 编辑

小程序的登录流程

摘要：进入小程序后，先用微信的 wx.checkSession() 函数判断 session 是否过期，如果没有过期，再检查本地是否有 token 缓存，如果有缓存，就取出来。如果本地没有缓存，就执行一整套登录逻辑，这里登录的逻辑写在 utils/util.js 文件中. login ->获取code - 阅读全文

posted @ 2022-02-21 11:02 SE7EN_96 阅读(429) 评论(0) 推荐(0) 编辑

vue的知识点

摘要：vuex的作用： 1.状态管理的插件，可以解决不同组件之间的数据共享和数据持久化。 vue的生命周期： beforeCreate，created，beforeMount，mounted，beforeUpdate，updated，beforeDestroy，destroyed PS：vue3的生命周期阅读全文

posted @ 2022-02-21 10:24 SE7EN_96 阅读(44) 评论(0) 推荐(0) 编辑

闭包的理解

摘要：概念： 1.闭包就是能够读取其他函数内部变量的函数。 2.让这些变量的值始终保持在内存中。 3.将函数内外部连接起来的桥梁。注意点： 1.闭包会使得函数中的变量都被保存在内存中，对内存消耗很大，所以不能滥用闭包。否则会造成网页的性能问题（内存泄漏）。解决方法是，在退出函数前，将不使用的局部变量全部阅读全文

posted @ 2022-02-21 08:49 SE7EN_96 阅读(32) 评论(0) 推荐(0) 编辑

window.location.href和window.open的区别

摘要：window.location是window对象的属性，而window.open是window对象的方法 window.location是你对当前浏览器窗口的URL地址对象的参考！ window.open是用来打开一个新窗口的函数！ window.open 用来打开新窗口 window.locati 阅读全文

posted @ 2022-02-17 15:14 SE7EN_96 阅读(366) 评论(0) 推荐(0) 编辑

uni小程序调取腾讯地图+小程序导航路线

摘要：toNavigation(){ var o = { name: '医院', location: { lat: '39.894806', lng: '116.321592' } };以下内容为固定值 uni.navigateToMiniProgram({ appId: 'wx7643d5f831302 阅读全文

posted @ 2022-02-17 11:25 SE7EN_96 阅读(201) 评论(0) 推荐(0) 编辑

ｃａｌｌ　ａｐｐｌｙ　ｂｉｎｄ的区别

摘要：恢复内容开始三者的相似：１.都可以改变ｔｈｉｓ指向２.第一个参数都是要改变的ｔｈｉｓ指向３.都可以利用后续参数传参例子： var xw = { name : "小王", gender : "男", age : 24, say : function() { alert(this.name + 阅读全文

posted @ 2022-02-16 16:25 SE7EN_96 阅读(25) 评论(0) 推荐(0) 编辑

构造函数、原型

摘要：构造函数概念： 1.自定义构造函数 function Person (name, age) { this.name = name this.age = age this.sayName = function () { console.log(this.name) } } var p1 = new 阅读全文

posted @ 2022-02-16 14:54 SE7EN_96 阅读(162) 评论(0) 推荐(0) 编辑

uniapp app分享h5页面中点击下载安装包

摘要：1.uni.share href携带参数分享 2.进入h5后判定是否是微信内置浏览器，是的话引导用户外部浏览器下载 isWechat() { return String(navigator.userAgent.toLowerCase().match(/MicroMessenger/i)) "micr 阅读全文

posted @ 2022-02-16 11:46 SE7EN_96 阅读(1689) 评论(0) 推荐(0) 编辑

uni打包H5在手机浏览器看控制台

摘要：1.初始化一个hellouni项目，获得默认的html文件 2.然后打开manifest.json 选择h5配置 3.找到刚刚导入的html文件，body中加入 <script src="https://cdn.bootcss.com/eruda/1.4.3/eruda.min.js"></scri 阅读全文

posted @ 2022-02-16 10:53 SE7EN_96 阅读(554) 评论(0) 推荐(0) 编辑

MVVM和MVC的大致概念

摘要：MVVM：view，model，viewmodel，M--模型层，v--视图层，vm为两者之间链接的桥梁，由数据驱动视图层，实现方式是dom的数据监听，即为双向数据绑定 mvc：mv同上，c为Controller,单向数据驱动，需批量操作dom，性能降低阅读全文

posted @ 2022-02-15 15:24 SE7EN_96 阅读(70) 评论(0) 推荐(0) 编辑

prmoise，async和await，同步与异步的理解

摘要：异步的意义：同步与异步： 1.同步任务：在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务。 2.异步任务：不进入主线程，任务队列的任务，只有任务队列通知主线程，某个异步任务可以执行了，这个任务才会进入主线程执行。 js为单线程执行，同步的写法导致如果执行中有一个任务耗时较长，j 阅读全文

posted @ 2022-02-15 11:57 SE7EN_96 阅读(1726) 评论(1) 推荐(0) 编辑

vue路由hash和history模式的区别

摘要：1.hash:url中拼接#号，hash虽然出现在url中，但不会被带入http请求，对后端没有影响，改变hash不会重载页面 2.history，无#，美观，但刷新会请求服务器，如服务器没有相应的相应或者资源，会报出404 阅读全文

posted @ 2022-02-14 14:58 SE7EN_96 阅读(84) 评论(0) 推荐(0) 编辑

vue路由守卫的简介

摘要：分类1.全局路由守卫beforeEach(to, from, next) 全局前置守卫，路由跳转前触发beforeResolve(to, from, next) 全局解析守卫在所有组件内守卫和异步路由组件被解析之后触发afterEach(to, from) 全局后置守卫，路由跳转完成后触发2.路由阅读全文

posted @ 2022-02-14 14:28 SE7EN_96 阅读(88) 评论(0) 推荐(0) 编辑

重绘与回流的理解

摘要：重绘：当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不会影响布局的，比如visibility、outline、背景色等属性的改变。回流：DOM树中的元素被增加或者删除，导致浏览器需要重新的去渲染整个DOM树，回流比重绘更消耗性能，发生回流必定重绘，重绘不一阅读全文

posted @ 2022-02-14 13:27 SE7EN_96 阅读(67) 评论(0) 推荐(0) 编辑

防抖与节流

摘要：防抖：适用于会多次触发的如input scroll等关联请求的事件，目的是无论触发多少次事件，最后只触发在我们规定的时间内的最后一次事件。我们实现的思路就是：先设置一个计时器变量，用闭包保存，保证不会被内存释放，在事件触发的时候，也就是只要事件触发，先清除这个计时器，然后再设置一个，那么只要事件持阅读全文

posted @ 2022-02-14 10:38 SE7EN_96 阅读(32) 评论(0) 推荐(0) 编辑

uniapp 地图控件map（导航）

摘要：https://blog.csdn.net/weixin_30933531/article/details/97067214 阅读全文

posted @ 2022-02-11 14:25 SE7EN_96 阅读(222) 评论(0) 推荐(0) 编辑

uni 小程序富文本图片超出尺寸的问题

摘要：this.text = rts.replace(/\<img/gi, '<img class="rich-img" ');添加类名 /deep/ .rich-img { width: 100%; height: auto; }，直接.类名无效果，原因不详阅读全文

posted @ 2022-02-09 15:37 SE7EN_96 阅读(96) 评论(0) 推荐(0) 编辑

小程序跳转传参时参数丢失的问题

摘要：使用encodeURIComponent()：函数可把字符串作为 URI 组件进行编码。在获取的时候decodeURIComponent(options.url) 阅读全文

posted @ 2022-02-09 15:13 SE7EN_96 阅读(170) 评论(0) 推荐(0) 编辑

uni小程序长按保存图片

摘要：1  2 <image :src="图片地址" mode="aspectFill" @longpress="savePhoto(图片地址)"/> 3  4  5 <image :src= 阅读全文

posted @ 2022-02-07 14:41 SE7EN_96 阅读(779) 评论(0) 推荐(0) 编辑

SE7EN_96

02 2022 档案