- 博客(64)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 全屏+底部单页面滚动
<template><div class="cusWrap"> <div class="fullPage" ref="fullPage"> <div class="fullPageContainer" ref="fullPageContainer" @mousewheel="mouseWheelHandle" @DOMMouseScroll="mouseWheelHandle"> <div class=.
2020-05-23 18:33:18
264
原创 如何判断数据类型
typeof、instanceof、 constructor、 prototype方法比较1. 使用typeof操作符。对一个值使用 typeof 操作符可能返回下列某个字符串，返回的类型都是字符串形式。(1) undefined：如果这个值未定义(2) boolean：如果这个值是布尔值(3) string：如果这个值是字符串(4) number：如果这个值是数值(5) object：如果这个值是对象或null(6) function：如果这个值是函数需要注意：typeof不适合用于判断
2021-03-20 10:26:52
595
原创 css笔记梳理
1.如何实现垂直居中HTML内容 <body> <div class="big"> <div class="center"></div> </div> </body>CSS:方法一 .big { width: 100vw; height: 100vh; } .center { width: 200px;
2021-03-07 13:58:10
331
原创 Uni-app踩坑笔记
使用微信小程序或uni-app设置底部图标的时候，注意图片的格式要求，并且不支持在线地址2.设置postition:sticky 需要加top：0，才能生效；3.小程序解析微信接口获取数据解密失败的问题，这问题网上查了很多解决方法：原理是因为获取的code是5分钟之内有效，不能频繁调用，会导致解密失败，在5分钟之内尽量使用存放在localstorage的方法再调用；实际上还是会出现偶现的问题，网上的那个方法只能降低发生频率；4.分享功能：微信小程序的分享，使用open-type属性的方法；o.
2021-01-26 22:48:54
364
原创 window.location的方法整理
window.location：返回一个对象Location {href:“http://127.0.0.1:60407/appservice/mainframe?t=1611670326280&cts=1611670325716?load”,ancestorOrigins: DOMStringList, origin: “http://127.0.0.1:60407”,protocol: “http:”, replace: ƒ, …}window.location2.Window.
2021-01-26 22:17:51
413
原创 安卓和ios兼容性问题梳理
问题1：移动端项目要求是全屏滚动，用的是 fullpage，上下滚动时安卓正常，苹果手机浏览器上下滚动时会出现底色问题解决方案：document.body.addEventListener(‘touchmove’, function (e) {e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)}, {passive: false});问题2：移动端用video标签用苹果手机在浏览器上打开和安卓机上打开是不一样的解决方案：苹果机默认打开video是全屏的，所以要
2020-06-19 22:39:00
3475
原创 2020年面试题等你来刷-高级前端请绕过
1.行块元素的区别？1.定义：2.margin,padding;宽高；3.元素嵌套；4.布局1.行内元素与块级函数可以相互转换，通bai过修改display属性值来切du换块级元素和行内元素，行zhi内元素display：inline，块级元素display：block。2.行内元素和其他行内元素都会在一条水平线上排列，都是在同一行的；块级元素却总是会在新的一行开始排列，各个块级元素独占一行，垂直向下排列，若想使其水平方向排序，可使用左右浮动（float：left/right）让其水平方向排列。
2020-06-19 22:32:28
1128
原创 轻松get到vuex
Vuex是干什么的？ vuex是处理数据交互的，父子组件用的是props和emit，但是处理大数据页面的时候就需要用vuex， 可以做到一个数据变，其他引用这个数据的都变。Vuex官方文档：https://vuex.vuejs.org/zh/guide/vuex详细教程视频: https://ke.qq.com/course/481750?taid=5008215335459286该视频教程从0-1学会vuex，比之前听的这个讲的比较清晰；Vuex的4个属性：state、getters、acti
2020-06-16 11:52:59
220
原创 css的背景的简写
background的属性值：background-color 使用的背景颜色。background-image 使用的背景图像。background-repeat 如何重复背景图像。background-attachment 背景图像是否固定或者随着页面的其余部分滚动。background-position 背景图像的位置。CSS3新增background-size 背景图片的尺寸。background-origin 背景图片的定位区域。background-clip 背景的绘制区域。
2020-06-14 11:51:08
619
原创 在vue里添加的lottie动画
Lottie的官网：https://lottiefiles.com什么是Lottie？Lottie是一个iOS，Android和React Native库，可以实时渲染After Effects动画，允许应用程序像使用静态图像（在这里动画被转化成json文件）一样轻松使用动画。网上也有丰富的动画资源可供我们选择Lottiefiles为什么Lottie？灵活的After Effects功能我们目前支持实体，形状图层，蒙版，alpha遮罩，修剪路径和虚线图案。我们将定期添加新功能。以你喜欢的方
2020-05-23 18:37:04
720
原创 响应式泡泡（canvas）
目前看到很多的网站的banner用canvas制作的，感觉很酷炫，所以自己也尝试做了一个初步的泡泡动画，感觉这里面有很多属性可以封装进行自定义，后续会进行更新，先上个demo吧。效果图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <me...
2020-04-09 12:38:26
651
原创 《简洁记账》产品浅析
“简洁记账”的设计风格、内容正如它的名字一样“简洁”。对比了很多同类记账的产品，我最终还是选择了它，并坚持使用将近一年。APP 产品简介：可以记录每笔支出、收入，同时可以进行分类归纳汇总出相应的报表进行直观显示。APP开发背景：尚未知晓，根据百度搜到的相关信息和app的盈利来源应该是个人开发的app。商业模式：该app目前没有加入到任何的广告、其他的理财渠道、现阶段使用的选择行支付的获...
2020-03-11 19:02:33
375
原创 你是如何看待saas行业
你是如何看待saas行业这几天查看了很多招聘产品经理的招聘要求多多少少都与sass有一定的联系，刚好昨天在一个艾瑞网逛到了一个《2019年中国企业级Sass行业研究报告》文档，根据里面的介绍对sass有了移动的认知。我看下来的感受是以下几点，若你对saas行业有所涉及，请在评论区留言你的看法，谢谢！1.saas是什么？saas是指软件及服务；2.saas与传统软件的对比：3.saas...
2020-03-11 19:01:00
1684
原创 npm install 报错不存在package.json
npm WARN saveError ENOENT: no such file or directory, open '/Users/macbookpro/package.json'npm notice created a lockfile as package-lock.json. You should commit this file.npm WARN enoent ENOENT: no ...
2018-08-27 22:47:33
30672
5
原创 通过node搭建本地服务器
背景：搭建本地服务器可以多个设备运行同一个地址就可以看到效果，不用把代码复制到各个设备中，以前用的php+Apache搭建本地服务器来运行静态项目，现在可以同过node直接搭建，而且node是前端需要了解的技术搭建步骤： 1.安装node,js 2.以下有安装包下载的链接：这里的安装包是.msi,如果要其他的，可以到菜鸟教程上去找 32 位安装包下载地址 : https://nodejs...
2018-07-28 17:56:26
3591
原创 github中下载的项目怎么运行
针对vue框架的项目 1.先从github中下载项目到本地 2再打开本地的文件夹（一定是对准文件路径），再npm install-》npm run dev
2018-07-19 01:29:37
11851
5
原创 node搭建服务器并且写一个简单的接口、调接口
对于刚开始不会node写接口和调用接口，可以通过这个清晰的初步了解到整个过程。 1.在node官网https://nodejs.org/en/下载node.js 2.在自己电脑中新建一个文件夹，例如：D:/node 3.在该新建的文件夹中，打开命令行窗口（shift+右击） npminit创建package.json文件4.通过npminit创建package.json文件4.通过 n...
2018-07-12 21:50:04
8313
2
原创 解决option设置display：none不兼容ie的问题
注意：1.option设置display：none不兼容ie的问题 2.option的外包含标签和内包含标签浏览器都不读取自动拦截，也不报错。 解决display：none的兼容问题 <!DocType html><head> <meta charset="utf-8"></head...
2018-05-13 21:22:45
3875
原创 idea的安装步骤
1.下载软件https://www.jetbrains.com/idea/ 2.选择相应的系统版本， Community：免费，功能比Ultimate版本少 Ultimate：收费，可以下载免费使用30天 3.点击安装包点击.exe文件进行安装 4.Create Desktop Shortcut：选择相应的系统位数 createAssociations：java download a...
2018-05-02 23:35:55
1111
原创 公司是以代理网络还上网的坑
1.在安装node的时候是成功的，但是npm install npm -g就会一直报错 就是没有代理过。 因为是电脑通过代理上网，所以需要设置下代理，运行命令 npm set proxy=http://proxy-szn 注意:http://proxy-szn:指的是浏览器-》工具-》Internet选项-》连接-》 这里面的地址和端口号（我截得图的是直接连的外网所以没有代理地址） ...
2018-02-28 19:54:23
815
原创 微信小程序笔记
问题一：运行微信小程序的时候，出现not found， 编译.wxss文件错误，错误信息如上，可在控制台查看更详细信息 解决网址：http://blog.youkuaiyun.com/dh_chao/article/details/78932667 问题二： 在线地址的图片在微信小程序中不能显示的情况，可能是因为用的是http开头的地址，把http改成https的地址即可以使用 也可以参考该网址h
2018-01-02 10:45:15
663
原创 use a data or computed property based on the prop's value.
use a data or computed property based on the prop's value.
2017-11-07 18:14:40
20018
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人