H5
文章平均质量分 57
云胡不喜?
无舟难自渡,无解不疯魔
展开
-
js-笔记-数据类型判断
今天偶然看到一篇文章typeof 和 instanceof 的区别,文章末尾的console.log(Number instanceof Number);//false console.log(String instanceof String);//false 有点迷,当时想着Number和String为啥不instanceof 它们自己呢???就测试了一下Number是啥,结果他们本身是个Function!!好嘛,想了一下也是,它可以new,创建实例啥的Object是functio..原创 2022-04-20 23:29:43 · 297 阅读 · 0 评论 -
vue-笔记 - $router&$route
链接:vue router的$router和$route及router与 route的区别_JackieDYH的博客-CSDN博客_vue中router和route的区别$router全局,用于导航;$route局部,当前路由所含有的一系列信息。$router “路由实例”,是一个全局对象,其包含了路由的跳转方法,钩子函数等。$route是“路由信息对象”,是一个局部对象,其包含name、path、fullpath、params、query、hash、matched等路由信息。.原创 2022-04-20 22:29:56 · 404 阅读 · 0 评论 -
vue - 项目创建(vue2+vue3)
1.打开终端以管理员身份运行//全局安装脚手架npm i -g @vue/cli 然后怎么创建官网有写创建一个项目 | Vue CLI一、创建vue2项目因为现在直接安装的脚手架版本都是最新的,所以想创建vue2项目,还得拉取 2.x 模板 (旧版本)Vue CLI >= 3 和旧版使用了相同的vue命令,所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的vue init功能,你可以全局安装一个桥接工具:npm install...原创 2022-04-20 02:29:55 · 1564 阅读 · 0 评论 -
Vue(ts) - ref & $refs 之el-input获取焦点
场景:如下图,目录页次号是由3个字段拼接而成,每个字段限制输入长度三个,就自动跳转下一个input框;方法一:#html: <yo-cell label="目录页次号:"> <!--目录编号--> <el-input v-model="formData.katCode" maxlength="3" @input="goNextInput('inputCG',formData.katCode)" size="mini"></e原创 2022-04-02 23:07:36 · 3278 阅读 · 0 评论 -
构建一个虚拟DOM并转换为真实DOM
关于真实DOM与虚拟DOM1.在学习虚拟DOM之前,让我们先来了解一下真实的DOM结构,这里不得不提的是关于浏览器渲染方面的知识。 当浏览器拿到一个HTML文件,首先会根据HTML文件构建出一个DOM树来,并行加载CSS文件,图片,JS脚本,值得注意的是DOM树的渲染和CSSOM渲染是并行执行的,而不是串行进行的。 (JS脚本需要在html尾部加载,或是写入window.onload方法里,让DOM加载完成后再去加载JS脚本,防止进程阻塞,JS脚本是同步加载的)。 在构建完DOM树和C.转载 2021-12-16 17:28:26 · 934 阅读 · 0 评论 -
蓝绿部署&滚动部署&金丝雀发布(灰度发布)&A/B测试
在一般情况下,升级服务器端应用,需要将应用源码或程序包上传到服务器,然后停止掉老版本服务,再启动新版本。但是这种简单的发布方式存在两个问题,一方面,在新版本升级过程中,服务是暂时中断的,另一方面,如果新版本有BUG,升级失败,回滚起来也非常麻烦,容易造成更长时间的服务不可用。为了解决这些(服务中断、失败回滚、……)问题,人们研究出了多种发布策略。部署1、蓝绿部署 – BlueGreenDeploymentIt’s basically a technique forreleasing your.转载 2021-12-07 17:05:58 · 362 阅读 · 0 评论 -
前端模块规范AMD/UMD/CommonJs
.babelrc文件中的:module设置为false,为什么会要设置成false?解释:使ES6模块语法转换到另一个模块类型(默认启用“commonjs”)。 设置为假则不变换模块。或者传入(“amd”、“umd”,“systemjs”、“commonjs”)。什么是模块?Javascript的组件生态在最近几年的发展很给力,我们的可选性更加广泛了。这本是一件好事,但是当多个第三方Javascript在一起混合使用的时候,我们可能会遇到一个很尴尬的问题,那就是不是所有的组件都能在一转载 2021-12-06 18:29:34 · 1861 阅读 · 0 评论 -
nvm安装 node版本报错npm命令不存在
因为项目需要用低版本的node,所以采用了nvm来切换node版本,想装v10.13.0版本的node,但是直接nvm install v10.13.0时,报以下错误(已经没有截图了),如下:Error while creating C:\Program Files (x86)\nvm\v14.exe - open C:\Program Files (x86)\nvm\v10.13.0\node64.exe: Access is denied. Could not download node.js v原创 2021-11-24 16:24:02 · 4744 阅读 · 0 评论 -
NVM-切换多个node版本
使用场景:同时做几个不同的项目,其中Angular(2.0&4.0)项目需要用老的node版本来支持,但新的vue项目需要用14以上的node版本,导致冲突。这时候就需要用nvm来管理node版本了。先去下载nvm并安装; // 查看当前所有的node版本 * nvm list // 安装指定的版本( eg. nvm install v10.13.0) * nvm install xxx //设置使用版本号 ( eg. nvm use 10.13.原创 2021-11-24 15:44:46 · 675 阅读 · 0 评论 -
input输入框获取焦点时,光标置于最右
需求是在修改客户名称时,获取焦点,需把光标置于最右,方便用户操作;<input v-model="customerName" @focus="nameFocus($event)" @blur="setClueName()"/> // 获取焦点,光标位置 nameFocus(e){ const editTask = e.srcElement; const length = editTask.value.length; editTask.focus();.原创 2021-11-03 13:54:20 · 2348 阅读 · 0 评论 -
Angular2 - [innerHTML] && pipe(把字符串里的 /n 替换成 <br/>)
/** * Created by Echo_hx on 2021/05. * 把字符串里的 /n 替换成 <br/> */import { Pipe, PipeTransform } from '@angular/core';@Pipe({name: 'hDataBr'})export class DataBrPipe implements PipeTransform { transform(value: any) { return value.repla...原创 2021-05-31 16:09:10 · 467 阅读 · 0 评论 -
你知道的各种形状(CSS实现各种形状)
转载于:https://juejin.cn/post/6900785241233817608单纯通过CSS我们就可以实现页面的形状样式。CSS绘制的形状随着屏幕分辨率的提高不会出现变形失真的问题,值得推荐。三角形利用四边border不同以及颜色的transparent实现<div class="triangle"></div><style> .triangle{ width: 0; height: 0; b.转载 2020-11-30 18:15:18 · 880 阅读 · 0 评论 -
如何在网页里嵌入PPT
昨天,我们公司一个项目的模块,即基金链模块需要把公司的一些简介信息展示给用户,并且以PPT的形式。我们讨论了一下:第一种是在Zoho Docs上操作;第二种是PPT以图片的形式保存(动画效果没有了),直接轮播;第三种是用express.js来实现;第三种是自己手写动画+轮播,达到PPT播放效果,只不过这样比较费时费力,这个模块要马上上线,可能来不及。。。。讨论完后,我很自信原创 2017-11-15 18:46:31 · 26813 阅读 · 5 评论 -
window.atob()与window.btoa()方法实现编码与解码
转载于https://www.cnblogs.com/moqiutao/p/6280099.html文章目录window.atob() 与window.btoa() Unicode 字符串 decodeURIComponent() 与encodeURIComponent() escape() 与unescape() 方法一.window.atob() 与window.btoa()...转载 2019-04-10 11:34:13 · 3415 阅读 · 0 评论 -
div模拟textarea文本框,输入文字高度自适应,且实现字数统计和限制
需求:文本框可根据输入内容高度自适应,不带滚动条,高度可变的那种,我搜索了很多,发现textarea无法实现我的需求,scrollHeigh这个无法获取实际内容的高度(我用的是那种简单的,可能我写的哪里不对吧;那种代码很多的,我又不想那么去做,麻烦。。。),所以只能div模拟textarea文本框了。使用div模拟textarea文本框,输入文字高度自适应,且实现字数统计和限制,输入字数超...原创 2019-05-20 16:29:45 · 1984 阅读 · 0 评论 -
Juicer 中文文档
Juicer 中文文档当前最新版本: 0.6.8-stableJuicer 是一个高效、轻量的前端 (Javascript) 模板引擎,使用 Juicer 可以是你的代码实现数据和视图模型的分离(MVC)。 除此之外,它还可以在 Node.js 环境中运行。你可以在遵守 MIT Licence 的前提下随意使用并分发它。Juicer 代码完全开源并托管在 Github 上,转载 2016-08-17 15:42:45 · 2370 阅读 · 0 评论