这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助背景最近在项目中要实现一个拖拽头像的移动效果，一直对JSDom拖拽这一块不太熟悉，甚至在网上找一个示例，都看得云里雾里的，发现遇到最大的拦路虎就是JSDom各种各样的距离，让人头晕眼花，看到一个距离属性，大脑中的印象极其模糊，如同有一团雾一样，不知其确切含义。果然是基础不牢，地动山摇。今天决心夯实一下基础，亲自动手验证一遍dom各种距离的含义。JSDom各种距离释义下面我们进入正题,笔者不善于画图,主要是借助浏览器开发者工具，通过获取的数值给大家说明一下各种距离的区别。第一个发现window.devicePixelRatio的存在本打
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言平时在使用v-for的时候，一般会要求传入key，有没有像我一样的小伙伴，为了省心，直接传索引index，貌似也没有遇到过什么问题，直到有一天，我遇到一个这样的需求场景在一个下单界面，我需要去商品列表选商品，然后在下单界面遍历显示所选商品，要求后选的排在前面，而且选好商品之后，需要在下单界面给每个商品选择发货地，发货地列表是通过商品id去接口取的，我的代码长这样：下单界面调用商品组件//这里每次选了商品都是从前插入：list.value=[...newList,...list.value]商品组件内部调用发货地组件发货地组件内部获
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言平时在使用v-for的时候，一般会要求传入key，有没有像我一样的小伙伴，为了省心，直接传索引index，貌似也没有遇到过什么问题，直到有一天，我遇到一个这样的需求场景在一个下单界面，我需要去商品列表选商品，然后在下单界面遍历显示所选商品，要求后选的排在前面，而且选好商品之后，需要在下单界面给每个商品选择发货地，发货地列表是通过商品id去接口取的，我的代码长这样：下单界面调用商品组件//这里每次选了商品都是从前插入：list.value=[...newList,...list.value]商品组件内部调用发货地组件发货地组件内部获
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助最近碰到这样一个问题，在一张封面上直接显示书名，可能会存在书名看不太清楚的情况（容易受到背景干扰），如下为了解决这个问题，设计师提了一个“究极”方案，将书名背后的图片模糊一下，这个在CSS中很好实现，仅需backdrop-filter即可.name{backdrop-filter:blur(10px);}当然，现在模糊是模糊了，但是边缘过于“断层”，导致书名和封面有些“格格不入”，效果如下如果能够将边缘羽化一下，虚化边缘效果，就可以很好地将书名融入到背景当中羽化是photoshop术语，羽化原理是令选区内外衔接部分虚化，起到渐变的作用
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助最近碰到这样一个问题，在一张封面上直接显示书名，可能会存在书名看不太清楚的情况（容易受到背景干扰），如下为了解决这个问题，设计师提了一个“究极”方案，将书名背后的图片模糊一下，这个在CSS中很好实现，仅需backdrop-filter即可.name{backdrop-filter:blur(10px);}当然，现在模糊是模糊了，但是边缘过于“断层”，导致书名和封面有些“格格不入”，效果如下如果能够将边缘羽化一下，虚化边缘效果，就可以很好地将书名融入到背景当中羽化是photoshop术语，羽化原理是令选区内外衔接部分虚化，起到渐变的作用
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助小伙伴们，在开发中有没有遇到过发布帖子或者实时聊天需要发送到一些emoji表情的。 但是每当我们直接将emoji表情提交到后台的接口又会报错，因为字符串的格式不一致导致数据无法添加致数据库。那么作为前端的我们就要将我们要提交的数据，通过如下方法正则获取所有的emoji表情，将其转成base64。//将emoji表情其转成base64utf16toEntities:function(str){ varpatt=/[\ud800-\udbff][\udc00-\udfff]/g;//检测utf16字符正则 str=str.replace(
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助小伙伴们，在开发中有没有遇到过发布帖子或者实时聊天需要发送到一些emoji表情的。 但是每当我们直接将emoji表情提交到后台的接口又会报错，因为字符串的格式不一致导致数据无法添加致数据库。那么作为前端的我们就要将我们要提交的数据，通过如下方法正则获取所有的emoji表情，将其转成base64。//将emoji表情其转成base64utf16toEntities:function(str){ varpatt=/[\ud800-\udbff][\udc00-\udfff]/g;//检测utf16字符正则 str=str.replace(
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言JS是一门单线程语言，单线程就意味着，所有的任务需要排队，前一个任务结束，才会执行下一个任务。这样所导致的问题是：如果JS执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的觉。为了解决这个问题，JS中出现了同步和异步。他们的本质区别是：一条流水线上各个流程的执行顺序不同。在讲JS任务执行机制前，先要了解一下什么是同步任务与异步任务。同步任务：即主线程上的任务，按照顺序由上⾄下依次执⾏，当前⼀个任务执⾏完毕后，才能执⾏下⼀个任务。异步任务：不进⼊主线程，⽽是进⼊任务队列的任务，执行完毕之后会产生一个回调函数,并且通
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言JS是一门单线程语言，单线程就意味着，所有的任务需要排队，前一个任务结束，才会执行下一个任务。这样所导致的问题是：如果JS执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的觉。为了解决这个问题，JS中出现了同步和异步。他们的本质区别是：一条流水线上各个流程的执行顺序不同。在讲JS任务执行机制前，先要了解一下什么是同步任务与异步任务。同步任务：即主线程上的任务，按照顺序由上⾄下依次执⾏，当前⼀个任务执⾏完毕后，才能执⾏下⼀个任务。异步任务：不进⼊主线程，⽽是进⼊任务队列的任务，执行完毕之后会产生一个回调函数,并且通
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助本篇文章主要总结了微信小程序开发，获取用户信息的整个流程步骤。补充了网上很多碎片化的代码，本人梳理了思路写下了这篇文章。思路1、在js文件中，设置userinfo、hasUserinfo、canIUseGetUserProfile数据2、先判断本地缓存（wx.getStorageSync()）是否含有用户的数据，如果有就用缓存里的数据，没有就进行第三步3、在界面添加登录按钮，用户点击按钮调用wx.getUserProfile()函数来提示用户授权登录，授权成功后，把用户头像数据和名称数据保存到缓存区里，并且改变全局变量的值流程图自己大
