- 博客(47)
- 收藏
- 关注
RSS订阅原创 封装promise成class类（写完就忘系列）
根据上篇，再通过class语法糖的形式封装promise。class Promise { //构造方法 constructor(excutor) { //4.为实例对象添加属性 this.PromiseState = 'pending' this.PromiseResult = null; //8.2 为了执行器函数中的同步改为异步，需要将then中的两个回调存储在一个对象里 //9 将callback改
2022-04-15 17:47:33
208
原创 手写promise（写完就忘系列）
前一阵跟着B站老师写了写promise，今天再一想，啥印象也没了。要是面试问这个，直接蒙圈，玩儿完！啥东西，不用，就忘。在这先记下来，有空再看。// 引入该文件之后，直接覆盖内置的promise//1.声明构造函数，用excutor做形参function Promise(excutor) { //4.为实例对象添加属性 this.PromiseState = 'pending' this.PromiseResult = null; //8.2 为了执行器函
2022-04-15 17:42:24
1064
原创 Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client
在express中 不允许两次连续调用res.send ,否则会报错。res.send() 或res.json()这类客户端返回的方法仅返回一次，多次返回会出现以上错误。
2022-01-30 22:44:16
1510
原创 解决vscode开发小程序的标签识别问题
用vscode开发小程序，发现无法识别view标签，即使安装了小程序开发助手、wechat-snippet,问题依然存在。在此记录一下解决方法：打开vscode的设置（ctrl+，）---- 选择编辑区右上角的‘打开设置（json）’----将以下代码片段粘上保存即可"files.associations": { "*.wxml": "html", "*.wxss": "css",}...
2021-04-07 22:35:21
1973
1
原创 怎样删除Vue CLI3的个人预设？
初始化项目时，第一步是选择预设项。我之前糊里糊涂预设了两个，在之后的开发项目过程中，每次看到就觉得碍眼。所以，我想把它们统统删掉。如图：究竟怎么删除呢？按照路径：本地磁盘（c）—> users —>administrator找到.vuerc，打开即可看到其中presets中自己的预设内容，不需要的就删除掉吧。下图是我的路径：在administrator这层目录中还可以看到很多以 rc（run command)结尾的文件,比如.npmrc,.vuexrc,其实含义相同，都是相
2020-12-03 10:13:01
1826
1
原创 js处理时间格式之苹果手机多8个小时问题
我的时间格式又出错了。今天测试给我复现了一个bug，页面上的时间，在安卓和谷歌浏览器上显示正常，但是在苹果手机上多了8小时。问题出在哪呢？截个图展示一下 后端传来的数据：将这两个时间字符串直接new Date()转换成时间后，会导致苹果手机的时间显示错误。那么合理的处理方式就是你直接把T替换掉，然后格式化// 字符串转换成时间 ios中要把毫秒去掉func...
2019-08-19 09:38:11
2099
原创 额外扩展之前端的发展历程
写代码也有一年多了，却对这项技术的发展知之甚少。我一直希望对于前端技术不应仅仅停留在应用层面，而应该更多的把这项技术当作一门学科来对待。刚好，今天在看MVVM这个概念的时候，有这么一段概述，使我对前端技术有了进一步的认识。原来这项技术才刚过而立之年，庆幸自己与你相知不晚~
2019-08-14 18:01:44
134
原创 window对象重要的属性和方法
先了解一下BOM的概念：1. 什么是BOMBOM，Browser Object Model，即浏览器对象模型。浏览器页面初始化时，会在内存创建一个全局对象，用来描述当前窗口的属性和状态，这个全局对象被称为浏览器对象模型。（不同于DOM的标准化组织是W3C，JavaScript的语法标准化组织是ECMA，BOM没有官方标准，它最初是Netscape浏览器标准的一部分，也就是说，...
2019-08-13 16:25:17
1113
转载 css换行
CSS强制英文、中文换行与不换行设计制作HTML时会遇到CSS强制英文、中文换行与不换行的问题，可以通过本文了解一下相关知识。结构：1.Transshipment Booking System is launched只对英文起作用，以字母作为换行依据2.Transshipment Booking System is launched只对英文起作用，以单词作为换行依据3.Tran...
2019-08-09 18:03:02
123
转载 关于js中的回调函数callback，通俗易懂
在我读到的关于回掉函数的文章里，这一篇是相对通俗易懂且全面的，因为其中不仅讲解了回调函数的概念和用途，也连带讲解了同步和异步机制的区别，转发一下，今后常翻阅。感谢作者：https://www.cnblogs.com/moxiaowohuwei/p/8438236.html前言其实我一直很困惑关于js 中的callback,困惑的原因是，学习中这块看的资料少，但是平时又经常见，偶尔...
2019-08-09 16:14:00
645
原创 vscode的终端退出指令
天天面对vscode，今天对退出指令做个小结。按下快捷键：ctrl+ ~ 进入终端后，平时的退出指令有多种，那区别是什么呢？右侧下拉框里，有powershell、ssh、node选项，这三个选项会根据你在终端输入的指令或具体某个操纵而自行改变。当点击 “+” 按钮，会自行出现powershell；当输入服务器地址，下拉框会自行显示ssh；当输入git指令时，下拉框会...
2019-08-06 15:19:52
59531
1
原创 如何使window.addEventListener监听事件在vue组件中使用
刚才在一个前端群里，看到有人提出怎样让window.addEventListener监听事件在单独的vue组件中使用的问题。刚好之前在一个移动端vue组件中用到了touchmove事件，在这里做个记录。不多说，上代码：在vue组件中的methods中，scroll方法滚动事件，涉及到了监听touchmove事件...
2019-08-05 16:32:51
7465
原创 如何避免视频自动全屏现象
在微信浏览器、苹果或安卓手机等浏览器，里面使用video标签，会自动变成全屏。那么可以在video标签之中加入下列属性，就可避免出现视频自动全屏的现象：webkit-playsinlineplaysinlinex5-playsinlinex-webkit-airplay='allow'...
2019-08-05 16:21:20
1332
原创 js中数据类型的判断【转】
前面我提到过undefined和is not defined的区别，这篇文章是近期看到的一篇针对于数据类型判断分析的参考文，转过来以供自己学习。感谢作者：https://www.cnblogs.com/lingdu87/p/9152806.html正文如下：js的数据类型，js一共有六大数据类型：number、string、object、Boolean、null、undefined。var...
2019-08-01 16:06:49
164
原创 如何在vue项目中引入video.js插件
借鉴了不少文章，照着来净报错，恼了自己给自己留一篇绝不报错的！参考文章：https://www.jianshu.com/p/8b8023c7ed37一、安装 $ npm install video.js二、main.js全局引入// 引入video.jsimport Videojs from 'video.js'import 'video.js/dist/vide...
2019-07-30 12:09:08
30866
4
原创 vue引入插件时的挂载方式
这两天为项目引入了video.js，遇到了不少问题，不过就像是发现了一块大馅饼，里面值得琢磨的地方还挺多。这篇文章主要总结了各种插件或组件挂载方式之不同。经验有限，先总结以下三种，或许今后还会遇到更多挂载方式。框架中安装完插件后，就其挂载方式分为局部挂载和全局挂载，局部挂载，顾名思义，即把安装好的插件引入某个有该功能需求的组件中来使用；而全局挂载指的是把安装好的插件通过引入main...
2019-07-29 17:01:34
4746
2
原创 Vue.nextTick(callback)解决video.js中出现no compatible source was found for this media的问题
查了很多文章，凡在vue项目中引入video.js插件，都会出现视频播放器中间出现一个大叉号导致视频无法播放，同时控制台出现no compatible source was found for this media的错误提醒的情况，究竟是什么原因呢？翻译过来是找不到匹配媒体资源：no compatible source was found for this media 该媒体没有...
2019-07-27 17:39:21
24217
7
转载 提高 JavaScript 性能的 12 个技巧【转】
前天读infoQ，看到一篇关于提高 JavaScript 性能文章，记得之前有位同事跟我讲到，写代码并非简单完成功能而已，任何网站网页看似相同，而其中的主要区别在于渲染速度，安全性和兼容性上。这些听起来有些陌生的专业术语，使我常常在码代码时就会去想：我这样写安全吗？影响性能吗？常常不得其解。终归还是因为自己技术太过薄弱，对于编程，在多写之余，还得多看多涉猎计算机方面的知识。下面我把内容，摘抄过...
2019-07-27 11:05:04
127
原创 文件路径的引入写法
捋捋这个小问题：/ 代表根目录，慎用../ 代表上一级目录../../ 代表上两级目录/.. 代表下级目录/../.. 代表下两级目录简单举例：根目录下a.html 要引入 b文件夹里的b.css，b可以理解为下级目录<link rel="stylesheet" type="text/css" href="b/b.css" />a.html和...
2019-07-24 16:18:19
727
原创 VUE跳转后页面置顶问题
今天测试指出我的项目跳转页面时未置顶，嗯，这个太影响用户体验了。但是办法总会有哒！No Problem!只需在路径上匹配一段关于scroll方法即可，我简单截取一段我的代码以作演示：或者使用这段代码：afterEach (to, from, next) { window.scrollTo(0, 0)}但是还有个问题依旧没有彻底克服！比如，如果当前页面是首...
2019-07-22 12:23:27
3440
1
原创 pc端和移动端两套样式在vue中的切换
完成了一套网页，其中既有pc端也有移动端。那么怎样使其在不同的浏览器宽度下，自行适配页面呢？首先，一套移动端页面，一套pc端页面。为每套移动端页面增加例如mobile类名，为pc端页面增加如pc类名。或是为页面最外层元素增加mobile类名或pc类名。然后在公共样式中增加媒体查询，如下所示：这样，一旦检测到浏览器宽度大于1080px，那么类名为mobile的移动端页面消...
2019-07-16 16:19:14
16985
2
原创 em,rem,px,百分数，媒体查询，如何抉择？
说到浏览器适配，关于这四位大神，我也始终迷迷糊糊的，可以根据平时的工作总结，暂时做个简单的分析。em,rem相对于px来说，都属于相对长度的单位，一 px为固定值，无论面对哪一款浏览器，px值为多少其元素大小就为多少。即浏览器使用 px 值，所以 1px 将始终显示为 1px。px不多赘述。二rem 就是相对于根元素的font-size大小。比如，网页的body,h...
2019-07-15 17:03:33
686
原创 undefined和is not defined一样吗？
undefined和is not defined，字面意思看来没什么两样，不都是未定义吗？在JavaScript中，可并非如此。undefined定义如下：undefined是javascript的一种基本数据类型，变量未赋值或者函数没有返回值时返回。xx is not defined:xxx is not defined是一种错误类型，其完整形式是：Uncaught Refe...
2019-07-15 12:01:48
2857
原创 子组件传值给父组件中的$emit
组件传值的现象很普遍，大多出现在页面头部或是导航栏中，而这两部分通常都是各个页面的公共部分，所以涉及到组件间的相互传值在所难免，索兴针对近期写的项目做个小笔记，先来说说子组件给父组件传值的现象。先展示父组件中引入的子组件：红色箭头的指示位置，即为引入的子组件，注意子组件绑定的事件名称和下方methods中的事件对应子组件内部的事件：this.$emit大显神通红色箭头指...
2019-07-13 13:04:26
398
原创 iframe在Vue中的应用
最近写项目，遇到一个问题，那就是如何把vue项目和H5页面嵌套在一起呢？看似风马牛不相及，万万没想到，还有个iframe在候着呢！真是JS解决不了的，可别忘了还有标签呢！步入正题：一、介绍：HTML 中的<iframe> 标签iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。所有浏览器都支持 <iframe> 标签。二、使用...
2019-07-11 16:53:38
34062
5
原创 PWA是什么？
今天看到一个英文缩写PWA，出于好奇查了查，看了介绍才想起曾经大神给我安利过这个神器，当时他还极其小声的说到：“这个可不能被IOS和Android听到了，毕竟咱们抢的是他们饭碗啊！”说完，一脸得意。不过干了这么久，一直没听到web这边关于这项技术的新动向，以至于早已感到陌生甚至忘记。今天查了查，在这里补补关于PWA的笔记。PWA是Progressive Web App的英文缩写...
2019-07-11 16:09:48
5645
原创 如何把Windows电脑改造成本地服务器
把Windows改成本地服务器，程序如下：一、windows +R键，打开运行窗口二、输入cmd，打开cmd.exe程序三、输入ipconfig显示信息：如下无线局域网适配器 WLAN: 连接特定的 DNS 后缀 . . . . . . . : xxx 本地链接 IPv6 地址. . . . . . . . :xxx IPv4 地址 . . . . . . ...
2019-06-10 14:37:57
2838
原创 vue之跳转页面
一、内部跳转方法一：<router-link :to="{name: 'Vue组件名称', params: { entityId: this.entityId } }"> </router-link>params :{Id: this.Id}里面是要传递过去的参数。（不常用）方法二：this.$router.push()<div class=...
2019-06-10 14:27:24
448
转载 git配置用户名和用户邮箱
每台电脑上传代码到git仓库前，都需要有用户名和用户邮箱作为git与本地代码的联通暗号。对于windows，Windows+r运行，输入cmd打开控制台，看到黑底白字的命令行窗口，输入以下指令：git指令配置用户名：git config --global user.name "your name" 配置邮箱：git config --global user.email "y...
2019-05-20 19:00:41
376
原创 CSS3怎么为文字添加背景?
这两天在写官网,标题标语之类的文字都是带有流光溢、炫酷图案的文字大致就像苹果官网上的那些slogan吧,可不是简单的渐变色之类哦但是由于使用了CSS3属性,所以要考虑到兼容性,仅Webkit内核的浏览器适用效果如下:设计师随后给我发来了一个图案background.jpg:就拿这张图做背景,即可实现需求,具体操作如下:<!DOCTYPE html>...
2019-05-16 14:57:39
8855
1
原创 vue下载jquery,配置不可大意啊
仅仅npm install jquery,可是万万不行的,等着报错吧!首先:下载指令:jquery npm install jquery --save-dev接下来,下载完成后,在项目目录build下,打开的webpack.base.conf.js文件加入const webpack = require('webpack')然后,在module.expor...
2019-05-16 14:18:20
1416
原创 纯JS上拉加载,了解一下!(还有个小小回弹效果)
1687年,牛顿发现了万有引力.1905年,爱因斯坦创立了狭义相对论.2019年,我没事写写下拉加载.刚接触JS时,看到那个scroll有点儿怯,这两天壮起胆子有空拿出来写写.提醒一下,定时器使得每次上拉时有个小小的回弹,停留3s加载数据,不至于在不停上拉的情况下,没有节制的加载数据;节流阀避免了多次上拉造成的连续加载过多现象.两者结合使每次下拉加载过程体验起来更有秩序...
2019-05-08 15:59:53
937
原创 JS解析动态生成移动端瀑布流(两列)
世界这么大,只有四天假.今天拐回头再看假期前写的两列瀑布流,发现了一个严重的问题.虽然我用了window.onload方法,但是具体问题还是要具体对待.window.onload适用于结构中已经存在的DOM元素,针对于元素中已有的需要加载异步数据(img中的src,或script中的src、css文件)时起作用,但对于我这次动态生成的img元素而形成的移动端瀑布流,反倒不起作用了....
2019-05-05 16:45:14
1755
原创 解析JS如何实现瀑布流效果
瀑布流特点:1.图片长短不一,但排列整齐有序2.中心思想:根据可视区的宽度clientWidth,确定瀑布流的列数,寻找高度最低的一列,每次循环遍历时,下一张图片应先从最低列下端续上,每循环一次,每计算一次列数的总高度每张后续图片采用定位的方式摆放开篇先说几句:1.这个瀑布流效果列数不定,适用于pc端.(移动端瀑布流后期奉上)2.参考了一篇网文,但是看到有...
2019-04-16 17:32:23
680
原创 小招数之Vue中导航栏路由跳转问题
导航栏中有n多个可以跳转页面选项,怎么写,才可以避免同类功能代码的堆砌?列举个反面教材:结构部分⬇️ <div class="selections"> <div @click="toHome('Home')">Home</div> <div @click="toFlowers('Flowers')...
2019-04-15 16:12:41
652
原创 小小招数之CSS背景图全屏布局
记录一个小招数,做个全屏展示图片的页面.<section class="welcome"></section>CSS采取absolute定位,四个方位均为0,背景图的background-size为cover代码如下:.welcome{ width:100%; position: absolute; left:0; top:0; ...
2019-04-15 15:49:31
141
原创 纯JS详解如何动态生成分页 (非封装版)
想加深JS功力的伙伴们,都逃不过分页按钮这个环节.今天就用纯JS代码展示一下分页怎么写,希望能帮助到每个有志于编程学习的朋友.上图是分页实例的大致效果图.(2019年最详版代码加注释,非封装代码,破解你的所有疑问,我想再没有这么详细的注释了吧
2019-04-01 17:30:51
976
1
原创 如何安装vux?
VUX是基于 VUE的UI组件库,那么开发项目时,如何安装呢?1.安装vuxnpm install vux --save2.安装less-loadernpm install less less-loader --save-dev3.安装vux-loader npm install vux-loader --save-dev4.安装成功后,在build/web...
2019-03-28 15:43:51
753
原创 CSS如何解决背景图随父盒子高度变化而拉伸或收缩的问题
前两天写了个盒模型,遇到了父盒子的背景图片因子盒子的撑开而拉伸,或是因子盒子的缩短而收缩的情况,不开心!怎么解决呢?父盒子未设定固定高度,完全靠动态获取的子盒子的高度变化来决定它的最终高度.在这种情况下,背景图的background-size属性如果设置的宽高同父盒子宽高,以100% 100%来展示,那么势必会出现文章开头那种背景图大小也呈动态展示的后果!所以,这里,给高度设定一个固定...
2019-03-27 11:14:51
6067
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人