![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
月亮巡视人间
这个作者很懒,什么都没留下…
展开
-
/deep/和>>>和::v-deep
在style经常用scoped属性实现组件的私有化时,要改变element-ui某个深层元素(eg:.el-input__inner)或其他深层样式时,需要使用/deep/,如.conBox /deep/ .el-input__inner{ padding:0 10px;}注意,/deep/在vue 3.0会报错如果/deep/报错,可采用::v-deep,效果基本一样.conBox ::v-deep .el-input__inner{ padding:0 10px;原创 2022-02-11 15:50:18 · 433 阅读 · 0 评论 -
gitlab-ci
1.注册一个Runner: gitlab-runner register ;回车之后让输入url和token;在gitLab=>项目=>settings=>CI/CD =>Runner => Specific runners 中获得;并且给其起一个好识别的别名;tags填写自己想监听的分支即可;语言直接shell2.通过gitlab-runner list可以查看当前正在运行的runner3.编写job文件.gitlab-ci.yml;在项目根目录下创建该文件;并且编.原创 2021-12-24 18:05:54 · 235 阅读 · 0 评论 -
Jenkins + gitlab 自动部署 + 部署结果消息通知
Jenkins中设置相关信息(如果发现jenkins有最近的插件;而咱们的并没有的话;可能是没有安装;可以找到对应的安装包给运维同学;让用admin账号给安装了以后就有最新的插件了)配置步骤: 项目config -> 构建触发器 -> BuildURL(复制url) -> 高级 -> Allowed branches(监听分支) -> Secret Token (复制该token) gitlab中: 项目gitlab -> 设置 -> Webhooks ;将Jen原创 2021-12-24 18:02:21 · 788 阅读 · 0 评论 -
Vue项目自动转换 px 为 rem,高保真还原设计图
而本文的目标就是通过一系列的配置后,在开发中可以直接使用设计图的尺寸开发,项目为我们自动编译,转换成rem技术栈vue-cli:使用脚手架工具创建项目 postcss-pxtorem:转换px为rem的插件。自动设置根节点html的font-size因为rem单位是相对于根节点的字体大小的,所以通过设置根节点的字体大小可以动态的改变rem的大小。具体原理网上有很多文章分享,这里不具体解释。1、创建rem.js文件很多人写这种小工具文件会习惯性的加上闭包,这个其实是没有必要的。ES原创 2021-01-23 15:56:25 · 238 阅读 · 0 评论 -
微信浏览器返回键 阻止返回上个界面
可以指定点击回退按钮时跳转的url,代码如下pushHistory(); window.addEventListener("popstate", function(e) { window.location.href='aaaaa.html';//指定回退的地址 }, false); function pushHistory() { var state = { title: "title", ..原创 2020-08-11 12:12:17 · 1302 阅读 · 0 评论 -
H5 与 原生APP交互(安卓 IOS )
H5与安卓交互:自己规定好的参数.自己规定好的参数() 例如:rich.callShareForMoreVipShare() 如果需要带参数: const imgUrl = 'https://111111.jpg'; rich.callShareForMoreVipShare(qrUrl)H5与I...原创 2019-10-21 20:10:25 · 455 阅读 · 0 评论 -
Web Notification消息通知的使用(桌面消息通知)
如果没有效果,请开启浏览器的消息通知权限。 下面上代码<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" co...原创 2019-08-19 20:12:01 · 539 阅读 · 1 评论 -
js获取客户端计算机硬件信息与系统信息
<html><head> <script>var info = allinfo();document.write(info); var locator = new ActiveXObject ("WbemScripting.SWbemLocator"); var service = locator.ConnectServer(".");inf...原创 2019-07-02 12:05:22 · 1688 阅读 · 0 评论 -
babel-cli的使用 -- ES6转ES5 (解决浏览器兼容问题)
现在ES6盛行,开始大量使用ES6的特性敲代码,但限于Node.js本身对ES6的特性支持的不够完备,那么需要借助于其他工具来完成。基本上,现在都直接写ES6的代码,然后使用babel-cli提供的babel转换成ES5或者使用babel-node直接运行ES6的代码。虽然网上有好多babel使用的帖子,但是我发现,我按照网上的教程在各别版本的手机上并不好使。于是记录一下自己的:安...原创 2019-05-29 18:12:08 · 2025 阅读 · 0 评论 -
Vue Bable 兼容低版本浏览器(PC端 移动端)
Vue项目 打包后,运行在一些低版本手机浏览器里可能会出现白屏情况。首先安装:$ npm install --save-dev @babel/cli @babel/core @babel/preset-env @babel/preset-react然后,新建一个.babelrc文件{ "presets": ["@babel/preset-env", "@babel/pre...原创 2019-04-26 20:10:46 · 631 阅读 · 0 评论 -
vue 组件之间通信的几种方式
这篇文章主要介绍了vue组件之间通信方式,结合实例形式总结分析了vue.js的几种组件通信方式与相关操作注意事项,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。1. props和$emit父组件向子组件传递数据是通过prop传递的,子组件传递数据给父组件是通过$emit触发事件来做到的。Vue.component('child',{ data(){ ...原创 2019-03-12 17:50:20 · 430 阅读 · 0 评论 -
module.exports | exports | export | export default的区别
1、首先上是用法上的不同module.exports和exports的用法是后面加一个等号,再接具体的导出module.exports=...exports=...export和export default的用法是后面直接接具体的导出,没有等号export ...export default ...2、exports其实是module.exports的引用在...原创 2019-03-04 20:41:34 · 161 阅读 · 0 评论 -
npm安装依赖 及安装指定版本的方法
比如使用npm下载jquery依赖npm install jquery@2.0.0 --save在package.json文件中可以看到:"jquery": "^2.0.0"全局安装:npm install xxx -g //模块将被下载安装到【全局目录】中信息写入:npm install xxx --savenpm install xxx --save-d...原创 2018-11-02 18:07:33 · 11647 阅读 · 0 评论 -
JS 通过百度地图获取详细地址及经纬度
下方代码可以通过百度地图获取到经纬度和详细位置地址注意:<script type =“text / javascript”src =“http://api.map.baidu.com/api?v=2.0&ak=********”> </ script>'********' 位置是百度的秘钥,得自己去申请申请地址:HTTP://lbsyun.baidu.com/api...原创 2018-06-14 17:14:22 · 10143 阅读 · 1 评论 -
JavaScript数组去重 多种方式及性能测试
JavaScript数组去重,一个老生常谈的问题了,但这次是解锁多种JavaScript数组去重姿势。对以下所有的实现算法,都使用以下代码进行粗略测试:双重循环双重循环去重实现比较容易。实现一:实现二:Array.prototype.unique = function () { const newArray = []; let isRepeat; for (let i = 0; ...原创 2018-07-10 17:03:18 · 339 阅读 · 1 评论 -
JS中回调函数(callback)理解
前言今天有个刚入行的小兄弟问到了回调函数,讲解了一番以后觉得不能白讲,得把这些东西记下来,虽然很基础。。。介绍首先从英文介绍开始A callback is a function that is passed as an argument to another function and is executed after its parent function has complet...原创 2018-07-24 17:46:16 · 58392 阅读 · 29 评论 -
js-异步机制,同步机制,promise,async,await
Javascript的优势之一是其如何处理异步代码。异步代码会被放入一个事件队列,等到所有其他代码执行后才进行,而不会阻塞线程。1 理解异步代码:1.1 JavaScript最基础的异步函数是setTimeout和setInterval。setTimeout会在一定时间后执行给定的函数。它接受一个回调函数作为第一参数和一个毫秒时间作为第二参数。console.log(1);set...转载 2018-08-16 17:03:02 · 297 阅读 · 0 评论 -
五个小技巧让你写出更好的 JavaScript 条件语句
在使用 JavaScript 时,我们常常要写不少的条件语句。这里有五个小技巧,可以让你写出更干净、漂亮的条件语句。1. 使用 Array.includes 来处理多重条件举个栗子转载 2018-10-24 16:07:53 · 234 阅读 · 0 评论 -
js 原生js获取一个元素的距离
分享一个js 原生获取一个元素的距离,比较全的api: document.getElementById().getBoundingClientRect()打印效果如下:DOMRect { bottom: 692 height: 600 left: 443 right: 817 top: 92 width: 374 x: 443...原创 2018-11-01 17:41:54 · 1928 阅读 · 0 评论