自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 js保持滚动条在div最底部

div.scrollTop = div.scrollHeight;即可

2021-07-29 23:16:53 242

原创 小程序缓存Storage的基本用法

小程序里面存储最大限制不超过10Mwx.setStorageSync('key', 'hello world')在小程序调试器里面的Storage里面就能看到设置的键值对。在小程序里面,如果用户不主动清除缓存,这个缓存是一直在的。修改的话,只要保持key值一样,value值变了就可以了wx.setStorageSync('key', 'hello')获取Storage的值wx.getStorageSync('key');删除Storage的值wx.removeStorageSync(

2021-06-18 10:56:22 1143

原创 taro 里面的className包含动态的class

taro一个标签里只能含有一个className,如果有多个className则只会渲染最后一个定义的,那么如果有动态渲染的class或者判断条件的className该怎么办呢?首先引入 import classNames from 'classnames'然后如果是判断条件的不要在意isShow下的波浪线,因为是为了写这种情况而随意写的一个字段,所以会出现波浪线,忽略忽略~~~~...

2021-06-01 22:06:17 1267

原创 taro 小程序,h5多端同步调试

如果想在h5和小程序里面同时加载页面更新只需要配置一下就可:config–>index.js–>outputRoot:原来是 outputRoot: 'dist',改成outputRoot: `dist/${process.env.TARO_ENV}`即可官网地址:https://taro-docs.jd.com/taro/docs/envs-debug...

2021-05-31 22:30:37 482

原创 taro安装踩坑

一个taro小程序项目clone下来之后安装依赖 yarn install依赖安装完之后运行npm run dev:weapp发现报错:‘taro’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。无语,单独装一下taro吧,因为项目版本需要,假设需装3.0.29版本,所以yarn global add @tarojs/[email protected]完成之后,很开心的再一次taro -vmmp还是‘taro’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。我的天呐,各种

2021-05-24 16:50:38 8837 3

原创 移动端打开开发者工具

<script src="//cdn.bootcss.com/eruda/1.2.4/eruda.min.js"></script><script>eruda.init()</script>

2021-05-02 21:54:40 196

原创 onClick与addEventListener

<div id="div1" onclick="fn()"></div><script type="text/javascript"> document.getElementById('div1').addEventListener('click',function(){ alert(1) }) document.getElementById('div1').addEventListener('click',function(){ alert(2) })

2021-03-22 09:59:40 186

原创 使用electron打包客户端,页面里面打开浏览器会被截断地址问题

先上处理方法目前一共有两种:// 拦截<a>标签打开新浏览器窗口 / window.open//以浏览器方式打开,拼全地址win.webContents.on("new-window", function(event, url, fname, disposition, options) { // 拦截url调用外部浏览器打开 exec(`startr ${url}`); event.preventDefault(); shell.openExternal(

2020-12-28 10:31:51 777

原创 JS判断电脑是WINDOWS系统还是MAC系统

function Pcnersions(){ var agent = navigator.userAgent.toLowerCase(); var isMac = /macintosh|mac os x/i.test(navigator.userAgent); if (agent.indexOf("win32") >= 0 || agent.indexOf("wow32") >= 0) { alert("这是windows32位系统"); } if

2020-12-28 09:26:41 679

原创 vuex用法详解

首先,上简介:先把官网解释拉过来给大家瞅瞅:Vuex是一个专为Vue.js应用程序开发的‘状态管理模式’,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化最实在不过举例了:你有几个数据,几个操作,在多个组件上都需要使用,如果每个组件都去掉用都去写,就会很麻烦,代码真的是又臭又长,当然,如果没有大量的操作和数据需要在多个组件内使用的话,其实也就可以不用这个vuex了,这个东西看个人吧!重点来了:1.首先为了项目格式便于维护和相对规范一点,我们先在目录下

2020-10-15 18:35:18 210

原创 弹性盒子flex详解篇

css常用布局之一:flex内容摘自:https://blog.csdn.net/weixin_48786946/article/details/106931993,推荐大家关注这位小姐姐1.基本原理Flex 是一种可以伸缩的布局,天生就是为了适配不同的分辨率。而且用法也很简单,首先只要告诉浏览器,我是一个 伸缩布局 就可以了。注意的点:1.设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。2.任何一个容器都可以指定为 Flex 布局3.Web

2020-10-13 16:16:39 134

原创 运行命令报错之:‘cross-env‘ 不是内部或外部命令,也不是可运行的程序

在运行前端项目的时候,假如用的yarn,启动运行命令yarn serve会提示:‘cross-env’ 不是内部或外部命令,也不是可运行的程序或批处理文件。这个时候执行 npm install 下载依赖初始化即可如果执行完还报一些奇奇怪怪的问题,可以尝试把node_module文件删掉,重新npm install即可,不过,众所周知,这一步会相对慢一些。...

2020-09-27 17:00:55 3775

原创 $refs,$el,$data,$options区别及用法

1.$refs作用跟jq的获取dom元素$一样有三种用法:1.ref加在普通的元素上,用this.$refs.(ref值)获取到的是dom元素2.ref加在子组件上,用this.$refs.(ref值)获取到的是组件实例,可以使用组件的所有方法。在使用方法的时候直接this.$refs.(ref值).方法()就可以使用了。3.如何利用v-for和ref获取一组数组或者dom节点需要注意的点:1.通过 :ref=某变量添加ref,如果想获取该ref时需要加[0],如this.$refs[refs

2020-09-25 17:00:34 1341

原创 数组的some,every,find,map,filter,reduce,forEach比较

不改变原数组,不创建新数组:some,every,find不改变原数组,创建新数组:map,filter,reduce遍历:forEachsome:若目标数组中有一个或一个以上的对象符合条件的返回true,否则返回falsevar computers = [{ name: "Apple", ram: 8 }, { name: "IBM", ram: 4 }, { name: "Acer", ram: 32 },];var some = computers.so

2020-09-25 14:25:45 233

原创 无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称以及yarn的两种安装方式

在使用npm install -g yarn安装完yarn的时候,想检查一下yarn的版本,yarn -v但是却遇到了报错:推荐安装的两种方式:1.官网下载msi文件,双击安装,安装成功之后即可全局使用yarn命令。# 注意:安装后需要重启命令行工具,命令行工具会重新加载环境变量,这个方法使用的是yarn的安装目录C:\Program Files(X86)\Yarn\bin\寻找可执行文件,同时这个方法会新建bin目录并在用户变量内增加bin地址。2.使用npm安装yarn命令: npm i

2020-09-25 10:39:23 2374 2

原创 删除git中缓存的账户名和密码

删除git中缓存的账户名和密码第一次用git上传代码,连接远程仓库的时候 ,弹出一个框,提示输入用户名密码,结果输错了,就没有提示框了,会一直报错(git push或者pull的时候 报 HTTP Basic: Access denied 错误,身份验证失败),没办法提交了。## Windows的用户可以如下操作删除:控制面板–>用户账户–>凭据管理器–>windows凭据–>删除与git有关的普通凭据,然后再一次git pull或者git push的时候就会弹出那个框了,然后

2020-09-24 18:27:40 837

转载 promise

转载自:https://www.cnblogs.com/jiangyuzhen/p/11064408.html总结promise 事件轮询机制,宏任务与微任务队列,await,async同步异步1. 事件轮询(Event Loop)精简版:当第一个异步函数执行完之后,再到异步队列监视。一直不断循环往复,所以叫事件轮询。详细版:js引擎遇到一个异步事件后并不会一直等待其返回结果,而是会将这个事件挂起,继续执行执行栈中的其他任务。当一个异步事件返回结果后,js会将这个事件加入与当前执行栈不同的另一个队

2020-09-22 11:13:04 124

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除