- 博客(20)
- 收藏
- 关注
RSS订阅原创 前端页面适配的几种方式
举例：transform: rotate(45deg);(第一个50px代表：x轴移动50px,第二个50px代表：y轴移动50px;此时inner的原点是test左上角的位置，inner基于该原点旋转45deg)举例：transform: rotate(45deg);(是以左边的中心点为原点然后再进行45deg旋转，其余的top，right和bottom类似)设计稿宽度：1920 设计稿高度：1080。
2023-10-20 11:34:30
477
原创 Vue3全家桶升级指南二ref、toRef、toRefs的区别
ref 是对原数据的拷贝，修改响应式数据时不会影响之前的数据，视图会更新 toRef和toRefs对原数据的引用,修改应用式数据时,原数据也会改变,但是视图不会更新,toRef修改的是对象的某个属性,toRefs修改的是整个对象 toRefs的使用场景:如果是让响应式数据和原来的数据关联起来同步更新,并且不更新视图,那么就可以使用toRefs
2023-04-04 13:59:12
358
原创 vscode 如何安装eslint?
vscode 前端编译工具安装eslint1. 首先现在vscode插件中找到eslint插件安装并重启（才能生效）2. 在vscode中找到设置——扩展（eslint）——（setting）配置一下代码{ "files.associations": { "*.cjson": "jsonc", "*.wxss": "css", "*.wxs": "javascript" }, "emmet.includeLanguages": { "wxml": "
2021-02-02 17:41:24
935
原创 H5页面如何实现图片预览的效果
使用swiper实现图片预览效果 <div class="swiper-container" id="zoomSwiper1"> <div class="swiper-wrapper"> <div class="swiper-slide" style="padding-bottom: 2px;"> <div class="swi
2021-01-18 14:33:11
1280
原创 键盘如何敲打出es6模板字符串来定义一个字符串
**es6使用 `` (windows键盘英文输入法下tab键上面得那个键)来定义一个字符串**例子：var a = '小宋'`xxx ${a} xxx`/ /xxx 小宋 xxx
2021-01-07 15:58:15
1484
原创 Uni-app创建微信小程序项目的文件目录结构
Uni-app微信小程序文件目录结构前言：uni-app 是一个使用vue.js开发的所有的前端应用框架，开发者编写一套代码，可发布到ios，Android，Web(响应式)，以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝），快应用等多个平台。**uni-app目录结构树 1. components 组件目录 2. pages 页面目录 3. static 静态资源 4. unpackage 打包项目App.vue 全局文件main.js 项目入口文件mainifest
2020-12-09 10:11:52
2303
原创 移动端百分比进行适配
移动端适配的方式——百分比布局很多时候我们都是宽度进行百分比设置，高度能不能设置呢？高度设置百分比的条件：所有父级元素必须有高度；必须是块级元素，行内元素不起作用；ie9 以下 使用 position:ralative 的块级 元素使用 高度百分比是无效的。响应式布局简而言之，就是页面元素的位置随着屏幕尺寸的变化而变化，通常会用百分比来定位，而在设计上需要预留一些可被“压缩”的空间（如果高度不能设置百分比的时候 可以把已经设置的margin，padding 设置成百分比的形式，预留出呗被
2020-10-26 10:45:18
604
原创 移动端H5实现纵向滑动到顶部，能下拉出来一个页面，并且根据内容自适应高度
需求： 移动端H5页面实现下拉顶部页面，出现一个开屏广告页面，类似于百度APP下拉出现一个 服务中心利用定位和touchs事件实现页面HTML <div class="divModel"> <div class="div"> <div class="container"> <p>啦啦啦啦</p> <p>啦啦啦啦</p>
2020-10-23 15:58:43
1615
原创 Vscode中配置Eslint自动修复并保存代码
前言：有时候提交代码的时候，如果不规范代码，提交代码的时候会出现很多报错信息，基本都是格式上的，所以避免这种错误，建议大家都是用Eslint来规范好自己的代码。首先在Vscode中安装一下Eslint安装完成后，在文件—》首选项—》设置—》用户设置 中搜索eslint在settings.json中进行修改，加入以下代码即可。 "editor.codeActionsOnSave...
2020-04-28 15:00:57
3347
1
原创 安装依赖总是报错Install fail! Error: EBUSY: resource busy or locked
几乎每次安装依赖都会有这样那样的问题，很无奈~今天我就来总结一下解决办法：安装失败后怎么办？注意千万不要在桌面直接创建一个文件，就直接拉去代码，安装依赖~ 应该先找一个D或者E盘来存放代码。首先要删除node_modules依赖包关掉你的杀毒软件（比如说是360，安全管家等）这时候有可能你的杀毒软件自动删除了你安装的东西清除缓存npm cache clean --force 或者 ...
2020-04-28 10:08:48
3060
原创 常见CSS点赞动画效果
CSS3实现动画效果用法首先先定义一个动画样式然后定义一个类名 把定义的动画赋值上去需要的时候可以给节点添加类名注意 ： 以上是针对，对动画有基础的同学，如果没有基础，也不用担心哦~可以参考菜鸟教程的教学课程自行学习哦~示例一：点击放大缩小***~~~~html~~~~*** <div onclick="thumpDown" class="{{ClickStat...
2020-04-22 11:15:17
5836
1
原创 微信小程序组件也有自己的生命周期
小程序components的生命周期说明在componernts的声明周期与小程序的声明周期是不一样的，其生命周期函数有两种形式，除了写在外面，还可以统一写在lifetimes属性中。自小程序基础库版本 2.2.3 起，组件的的生命周期也可以在 lifetimes 字段内进行声明（这是推荐的方式，其优先级最高）。示例：lifetimes:{ created:f...
2020-04-21 14:06:41
791
原创 openid和unionid的区别
1、微信openid和unionid长度是不一样的openid=28，unionid=292、openid同一用户同一应用唯一，unionid同一用户不同应用唯一。为了识别不同的用户 针对每一个用户产生了一个openidunionid 是针对的同一个微信公众平台下面的不同应用如果需要在多公众号、移动应用之间做用户共通，则需要前往微信开放平台，将这些公众号和应用绑定到一个开放平台...
2019-12-19 15:37:22
494
原创 了解深拷贝和浅拷贝
对象类型在赋值的过程中其实是复制了地址 从而导致改变了一方其他也都被改变的情况通常在开发中我们不希望出现这样的问题 可以通过浅拷贝来解决这个情况首先可以通过object.asssign来解决这个问题，很多人认为这个函数是用来深拷贝的 其实并不是，object.assign只会拷贝所有的属性值到新的对象中，如果属性值是对象的话 拷贝的是地址 所以并不是深拷贝浅拷贝只是解决了第一层的问题，如果...
2019-12-19 15:23:37
150
原创 ajax请求数据注意点
ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。最简单的情况下，$.ajax() 可以不带任何参数直接使用。注意：所有的选项都可...
2019-10-09 17:00:41
239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人