笨钟-CSDN博客

笨钟

码龄7年

IP 属地：上海市

查看详细资料

个人成就

获得60次点赞
内容获得18次评论
获得140次收藏
代码片获得504次分享

TA的专栏

兴趣领域设置

前端

javascriptcssvue.jses6
网络与通信

https
微软技术

typescript

创作活动更多

AI大模型如何赋能电商行业，引领变革？

如何使用AI技术实现购物推荐、会员分类、商品定价等方面的创新应用？如何运用AI技术提高电商平台的销售效率和用户体验呢？欢迎分享您的看法

175人参与去创作

搜TA的内容

复制粘贴组件

复制粘贴注意不同手机类型的兼容性；目前下面的方法兼容性比较好index.vueuseCopy.ts。

发布博客 2024.01.02 ·

踏平vue3的坑

keepAlive配置失效

发布博客 2023.01.31 ·

vite打包静态文件打开显示空白

vue3+vite进行打包生成的文件访问显示空白

发布博客 2023.01.31 ·

如何判断数据类型

typeof、instanceof、 constructor、 prototype方法比较1. 使用typeof操作符。对一个值使用 typeof 操作符可能返回下列某个字符串，返回的类型都是字符串形式。(1) undefined：如果这个值未定义(2) boolean：如果这个值是布尔值(3) string：如果这个值是字符串(4) number：如果这个值是数值(5) object：如果这个值是对象或null(6) function：如果这个值是函数需要注意：typeof不适合用于判断

发布博客 2021.03.20 ·

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 ·

如何在vscode直接运行代码看结果

发布博客 2021.02.21 ·

Uni-app踩坑笔记

使用微信小程序或uni-app设置底部图标的时候，注意图片的格式要求，并且不支持在线地址2.设置postition:sticky 需要加top：0，才能生效；3.小程序解析微信接口获取数据解密失败的问题，这问题网上查了很多解决方法：原理是因为获取的code是5分钟之内有效，不能频繁调用，会导致解密失败，在5分钟之内尽量使用存放在localstorage的方法再调用；实际上还是会出现偶现的问题，网上的那个方法只能降低发生频率；4.分享功能：微信小程序的分享，使用open-type属性的方法；o.

发布博客 2021.01.26 ·

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 ·

安卓和ios兼容性问题梳理

问题1：移动端项目要求是全屏滚动，用的是 fullpage，上下滚动时安卓正常，苹果手机浏览器上下滚动时会出现底色问题解决方案：document.body.addEventListener(‘touchmove’, function (e) {e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)}, {passive: false});问题2：移动端用video标签用苹果手机在浏览器上打开和安卓机上打开是不一样的解决方案：苹果机默认打开video是全屏的，所以要

发布博客 2020.06.19 ·

2020年面试题等你来刷-高级前端请绕过

1.行块元素的区别？1.定义：2.margin,padding;宽高；3.元素嵌套；4.布局1.行内元素与块级函数可以相互转换，通bai过修改display属性值来切du换块级元素和行内元素，行zhi内元素display：inline，块级元素display：block。2.行内元素和其他行内元素都会在一条水平线上排列，都是在同一行的；块级元素却总是会在新的一行开始排列，各个块级元素独占一行，垂直向下排列，若想使其水平方向排序，可使用左右浮动（float：left/right）让其水平方向排列。

发布博客 2020.06.19 ·

轻松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 ·

vuex-playlist.zip

发布资源 2020.06.16 ·

css的背景的简写

background的属性值：background-color 使用的背景颜色。background-image 使用的背景图像。background-repeat 如何重复背景图像。background-attachment 背景图像是否固定或者随着页面的其余部分滚动。background-position 背景图像的位置。CSS3新增background-size 背景图片的尺寸。background-origin 背景图片的定位区域。background-clip 背景的绘制区域。

发布博客 2020.06.14 ·

在vue里添加的lottie动画

Lottie的官网：https://lottiefiles.com什么是Lottie？Lottie是一个iOS，Android和React Native库，可以实时渲染After Effects动画，允许应用程序像使用静态图像（在这里动画被转化成json文件）一样轻松使用动画。网上也有丰富的动画资源可供我们选择Lottiefiles为什么Lottie？灵活的After Effects功能我们目前支持实体，形状图层，蒙版，alpha遮罩，修剪路径和虚线图案。我们将定期添加新功能。以你喜欢的方

发布博客 2020.05.23 ·

全屏+底部单页面滚动

<template><div class="cusWrap"> <div class="fullPage" ref="fullPage"> <div class="fullPageContainer" ref="fullPageContainer" @mousewheel="mouseWheelHandle" @DOMMouseScroll="mouseWheelHandle"> <div class=.

发布博客 2020.05.23 ·

响应式泡泡（canvas）

目前看到很多的网站的banner用canvas制作的，感觉很酷炫，所以自己也尝试做了一个初步的泡泡动画，感觉这里面有很多属性可以封装进行自定义，后续会进行更新，先上个demo吧。效果图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <me...

发布博客 2020.04.09 ·

《简洁记账》产品浅析

“简洁记账”的设计风格、内容正如它的名字一样“简洁”。对比了很多同类记账的产品，我最终还是选择了它，并坚持使用将近一年。APP 产品简介：可以记录每笔支出、收入，同时可以进行分类归纳汇总出相应的报表进行直观显示。APP开发背景：尚未知晓，根据百度搜到的相关信息和app的盈利来源应该是个人开发的app。商业模式：该app目前没有加入到任何的广告、其他的理财渠道、现阶段使用的选择行支付的获...

发布博客 2020.03.11 ·

你是如何看待saas行业

你是如何看待saas行业这几天查看了很多招聘产品经理的招聘要求多多少少都与sass有一定的联系，刚好昨天在一个艾瑞网逛到了一个《2019年中国企业级Sass行业研究报告》文档，根据里面的介绍对sass有了移动的认知。我看下来的感受是以下几点，若你对saas行业有所涉及，请在评论区留言你的看法，谢谢！1.saas是什么？saas是指软件及服务；2.saas与传统软件的对比：3.saas...

发布博客 2020.03.11 ·

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 ·

30409 阅读 ·

通过node搭建本地服务器

背景：搭建本地服务器可以多个设备运行同一个地址就可以看到效果，不用把代码复制到各个设备中，以前用的php+Apache搭建本地服务器来运行静态项目，现在可以同过node直接搭建，而且node是前端需要了解的技术搭建步骤： 1.安装node,js 2.以下有安装包下载的链接：这里的安装包是.msi,如果要其他的，可以到菜鸟教程上去找 32 位安装包下载地址 : https://nodejs...

发布博客 2018.07.28 ·