- 博客(23)
- 收藏
- 关注
RSS订阅原创 事件循环event-loop
首先我们需要明白以下几件事情：JS分为同步任务和异步任务同步任务都在主线程上执行，形成一个执行栈主线程之外，事件触发线程管理着一个任务队列，只要异步任务有了运行结果，就在任务队列之中放置一个事件。一旦执行栈中的所有同步任务执行完毕（此时JS引擎空闲），系统就会读取任务队列，将可运行的异步任务添加到可执行栈中，开始执行。根据规范，事件循环是通过任务队列的机制来进行协调的。一个 Event Loop 中，可以有一个或者多个任务队列(task queue)，一个任务队列便是一系列有序任务(task)
2022-05-15 17:24:56
320
原创 Promise相关
Promise概述promise对象表示一个异步任务最终结束时的状态，成功fulfilled或者失败rejected，在状态明确之后会有对应的任务被自动执行。并且状态一旦确定就不再更改。promise基本用法new Promise((resolve, reject) => { // 调用resolve 更改状态为fulfilled，并将异步的结果通过resolve函数的参数传递出去 resolve() // 调用reject 更改状态为rejected，并将为什么失败的理由通过reject
2022-05-01 00:37:56
190
原创 vue v-if && v-show && v-html实现原理以及区别
v-if：v-if会先调用addIfCondition方法，生成vnode的时候会忽略对应节点，render的时候就不会渲染。v-show： v-show会生成vnode，render的时候也会渲染成真实节点，只是在render过程中会在节点的属性中修改show属性值，也就是常说的display。v-html： v-html会先移除节点下的所有节点，调用html方法，通过addProp添加innerHTML属性，归根结底还是设置innerHTML为v-html的值。总结：v-if 和 v-s
2022-04-26 11:26:47
1296
原创 background-attachment: fixed 在iphone设备失效
背景页面中使用了 background-attachment:fixed; 来控制背景图不随内容的滚动而滚动，使其固定大小。在PC端可以起作用和一些安卓的机器上能够起作用，但是在iphone上没有效果。原因固定背景导致重绘的成本很高，并且滚动表现也不尽人意，所以在一些移动端是被禁止的。解决方案 &::after { content: ''; position: fixed; z-index: -1; top: 0;
2021-08-06 17:33:42
31569
原创 Syntax Error: TypeError: this.getOptions is not a function
起因vue项目在启动的时候报错原因这个实际上就是 less-loader 的版本过高，不兼容 getOptions 函数方法，所以需要对 less-loader 进行降级处理解决方案npm uninstall --save sass-loadernpm install -S sass-loader@8.0.2 npm uninstall --save node-sassnpm install -S node-sass@4.14.1 ps：如果node-sass安装失败，也可以直接在pa
2021-08-04 15:36:18
31603
原创 css中nth-child()与nth-of-type()区别
nth-child()dom.nth-child(n) 表示选中dom的父级元素中的第n个dom元素，若匹配，则选中，否则，不选中。上面例子可以看出：p:nth-child(1) ：拿出p元素的父级元素div中的第一个子元素，对比是p元素，选中。p:nth-child(2) ：拿出p元素的父级元素div中的第二个子元素，对比是p元素，不是p元素，是span，则不选中。p:nth-child(3) ：拿出p元素的父级元素div中的第三个子元素，对比是p元素，选中。span:nth-child
2021-06-16 10:44:40
31370
原创 CSS 限制多行文字溢出...
多行文字溢出代码：<template> <div class=""> <p>限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢出限制多行文字溢
2021-06-15 17:40:56
30792
原创 Object.assign() 合并多个对象方法
Object.assign()Object.assign()这个方法来实现浅复制主要的用途是用来合并多个JavaScript的对象Object.assign()接口可以接收多个参数，第一个参数是目标对象，后面的都是源对象，assign方法将多个原对象的属性和方法都合并到了目标对象上面，如果在这个过程中出现同名的属性（方法），后合并的属性（方法）会覆盖之前的同名属性（方法）Object.assign拷贝的属性是有限制的，只会拷贝对象本身的属性（不会拷贝继承属性），也不会拷贝不可枚举的属性Objec
2021-06-11 11:34:40
31474
2
原创 Vscode新建vue模板
路径：文件 ==> 首选项 ==> 用户代码编辑：在vue.json里面编辑你想要使用的模板{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be
2021-06-10 16:39:09
30819
1
原创 日期相关 new Date()
当月有多少天(上个月的最后一天)new Date() 默认是8点对比发现，-分割的字符串，被默认解析到了8点，而/分割的字符串，默认解析到了0点。(除了强制重置时间)原因：对于ISO 8601日期格式的处理：如果参数字符串只包含日期格式，那么将会使用UTC时区来解析该参数。如果是ISO 8601 格式中规定的时间加日期的格式，则将会被作为本地时区处理。'2021-06-02'这种是ISO 8601的日期格式，'2020/06/02' 是非 ISO 格式字符串, 则是以本地时区.
2021-06-10 16:07:09
31061
原创 通过js唤醒app或者跳转应用市场
需求用户安装APP，则拉起APP用户未安装APP,则跳转应用市场实现方案首先我们得知道js无法判断出当前手机里面App是否安装。（假如H5页面在微信内打开，可通过调用微信内部的JS API判断出App是否安装，但是该接口不对外开放）。浏览器中打开H5页面唤起App时也是无法判断出当前app是否安装。针对这种情况 ，目前业内普遍采取两种做法：1.是利用延时器原理，打开H5页面会尝试唤起App，假如失败了几秒后会直接跳转到下载页面 （缺点是即使用户安装了App过了时间也会跳转到下载页，从App
2021-01-05 19:48:39
34405
1
原创 vue项目中存放静态资源目录assets与static的区别
最近使用了vue-cli4创建了项目，项目目录里面取消了static目录，因为之前的项目里面存在static目录，有点迷这两个文件夹的区别，然后就各种查找资料，总结如下（也不知道有没有错…）assetsassets中的文件会经过webpack打包，重新编译，推荐该方式。staticstatic中的文件，不会经过编译。项目在经过打包后，会生成dist文件夹，static中的文件只是复制一遍而已。在html文件里面 可以使用。但是因为webpack使用的是commenJs规范，所以通过js动态添
2020-11-09 19:39:43
32749
原创 h5视频插件video.js开发过程中遇到的问题
ios系统下video标签全屏的问题解决方案 <video id="example" webkit-playsinline="true" playsinline="true">ps:需要同时添加webkit-playinline 和 playinline才可以解决在App和Safari都出现的全屏播放问题哦~~~IOS上面border：none不兼容问题出现如下的样式(蓝色的框框)：加上如下属性即可~~~appearance:none;-moz-appear..
2020-11-05 15:35:18
31017
2
原创 vue项目里面使用video.js视频播放插件
引入video.js文件npm install -S video.js在main.js里面引入相关文件，并挂载在window对象上import videojs from 'video.js';import "video.js/dist/video-js.min.css";window.videojs = videojs;在页面使用播放器html<video id="example_video_1" class="video-js vjs-default-skin v..
2020-11-05 15:29:57
32195
2
原创 vue中 对象增加或删除属性的时候 视图不能响应更新
背景：定义了一个choosed_grade对象，在某种情况下，需要对该对象的属性执行增加或者删除的操作，并且需要及时的渲染到页面上面。用下面handleChoosed方法里面的操作，可以实现对choosed_grade对象的操作 ，但是并没有更新渲染到视图上面。如下：<div class="btn" @click="handleChoosed">选好了</div>data () { return { choosed_grade: null, }},mou
2020-10-23 18:11:44
30833
原创 vue cli4.0 搭建项目步骤详解
本文针对已经安装好node, npm, vue cli的情况~~~ps:没安装的自行安装呀~然后开始创建项目！1.进入想要存放即将创建项目的目录，输入命令：对应命令：vue create project-name2.选择“Manually select features”（手动配置）ps：通过↑ ↓ 箭头选择你要配置的项图片中对应的下标：在创建项目最后一步问你是否保存当前配置：键入N不记录，如果键入Y需要输入保存名字。默认安装的配置。我们选择这个~~~手动配置然后 按
2020-10-21 19:13:11
31033
原创 项目里面使用md5加密
项目里面使用md5加密背景取电话号码的第2,3,5,7,11位字符，连接为一个字符串，然后计算 md5，转换为大写 。使用方案使用script标签引入md5源文件<script type="text/javascript" src="/static/js/libs/JavaScript-MD5.min.js"></script>需要使用加密的地方let token = this.handleToken(); handleToken() { let
2020-10-13 18:22:51
31061
原创 Vscode新旧版本终端默认设置 Git bash
在Windows环境下使用 Visual Studio Code ，其控制台终端默认是使用的 cmdVscode的终端可以设置为 bash（安装Git时自带的bash.exe）第一步：找到你安装Git的目录，在bin目录下有个bash.exe，复制bash的地址，比如：D:\Program Files\Git\bin第二步:打开Vscode， 点击左下角【设置】第三步:搜索框内搜索 Shell: Windows ，找到Terminal › Integrated › Shell: Windo
2020-09-30 16:34:57
32985
1
原创 git删除分支命令
git删除分支命令三个参数：|管道命令，用于将一串命令串联起来。前面命令的输出可以作为后面命令的输入。grep搜索过滤命令。使用正则表达式搜索文本，并把匹配的行打印出来。xargs参数传递命令。用于将标准输入作为命令的参数传给下一个命令。命令：删除一条分支：git branch -D sprint删除当前分支外的所有分支：git branch | grep 'feature' | xargs git branch -d删除分支名包含指定字符的分支：git branch -D
2020-09-30 15:46:31
32185
原创 父元素的overflow:hidden失效问题 ios系统兼容问题
父元素的overflow:hidden失效问题 ios系统兼容问题问题描述：父元素存在定位，border-radius，overflow:hidden属性，子元素需要实现从左到右的动画，因为子元素是平行四边形，当平移到父元素的最右边的时候，子元素的右上角在安卓上面实现了隐藏 但是在ios系统上面 父元素的overflow:hidden没生效原因：其实就是父级设置圆角属性失效 父元素使用border-radius和overflow:hidden做成圆形，子元素如果使用了transform属性，则父元
2020-09-27 14:44:07
32095
原创 vue项目里面视频与图片的轮播
需求仿照天猫等实现视频与图片的轮播效果运用的控件有：1.视频播放器：腾讯云点播超级播放器官方文档地址（一定要看）2.轮播插件：iSlider----这是一个表现出众，轻量且高性能，无任何库依赖的跨平台滑动控件。它能够处理大多数的滑动场景，提供多种切换动画效果，展示多种类型的场景。GitHub中文地址代码块话不多说 直接上代码吧~~~（简单直接，哈哈哈哈哈）这个需求里面的视频的播放地...
2019-05-22 10:22:16
37936
7
原创 vue单应用在ios系统中实现微信分享功能
表示是第一次使用vue做单应用显目，也是在逐渐的摸索中~更是各种踩坑，各种填坑，打算写博客么？是因为不想写笔记了，嗯嗯 就是这么简单 进入正题。刚开始做微信分享的这个功能的时候，脑补了官方文档微信JS-SDK说明文档基础的知识不多说了，反正多看文档总是没错的~在安卓系统上面分享是没出错的，但是在ios上面问题就来了，表示无限吐槽ios，但是吐槽归吐槽，问题总是该解决的—在网上百度了很多vue单...
2018-12-29 18:22:00
33106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人