- 博客(45)
- 收藏
- 关注
RSS订阅原创 将CSDN搬至掘金
掘金地址：https://juejin.cn/user/870468941778599。决定将之前的文章搬家至掘金~
2024-03-30 15:24:33
250
原创 获取一个字符串在指定字符第n次出现的位置
获取一个字符串在指定字符第n次出现的位置我们知道，indexOf可以获取一个字符在字符串里第一次出现的index，那么如何获取这个字符第n次出现的index呢，接下来直接上代码~function find(str, char, n) { let x = str.indexOf(char);; if (n === 1) { return x; } for (let i = 1; i < n; i += 1) { x = str.inde
2021-08-17 20:48:50
2562
1
原创 elementUi el-dialog 对话框实现可拖拽、去掉覆盖层、并可操作底层的按钮
一、对话框实现可拖拽功能实现方法：vue的指令使用方法：1、将下列drag.js文件放入代码库中；2、在main.js中引入上述drag.js文件； import 'src/libs/drag.js';3、在el-dialog组件中加上指令<el-dialog v-dialogDrags :visible="dialogShow"></el-dialog>src/libs/drag.jsimport Vue from 'vue';/** 使
2021-06-24 10:03:57
11560
21
原创 微前端学习
1、什么是微前端微前端是一种架构风格，其中众多独立交付的前端应用组合成一个大型整体。将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块，而在用户看来仍然是内聚的单个产品——这样的一个架构思想称为【微前端】。2、为什么要提出微前端任何新技术的产生都是为了解决现有场景和需求下的技术痛点。微服务所解决的痛点：拆分与解耦目前，单页面应用（SPA）是非常流行的项目形态之一，随着业务的拓展以及应用功能的丰富。单页面应用变得不再单一而是越来越庞大也越来越难以维护，往往是改一处而动全身，
2020-12-10 15:20:29
1411
6
原创 用css实现对话框
一、实心正角对话框1、clip-path实现方式<div class="disflex"> <div class="dialog top"></div> <div class="dialog right"></div> <div class="dialog bottom"></div> <div class="dialog left"></div></di
2020-09-17 18:29:09
1883
原创 vue面试笔记总结
关于vue1、v-if与v-show的区别，以及应用场景？v-if 和 v-show 理论上都是作用于元素的显示隐藏，只是一个是直接对DOM，一个是通过CSS的 display 来操作的，在项目中大部分的时候可以使用 v-if 直接代替使用 v-show ，只有当DOM频繁进行显示和隐藏的时候用v-show。（为什么大部分时候使用v-if：如果渲染条件是false就没有必要使用v-show让元素挂载在dom上，直接用v-if不渲染就可以。）2、v-if与v-for能不能一起使用呢？会发生什么情况
2020-09-16 14:52:15
212
原创 git学习笔记
大部分公司版本控制系统都是用的git了，但是我们公司还是用的svn…为了不落伍开始学习使用git！一、下载git官网下载比较慢，所以可以使用国内镜像下载会比较快一些。国外官网：https://git-scm.com/download国内淘宝镜像Windows最新版下载：https://npm.taobao.org/mirrors/git-for-windows/v2.28.0.windows.1/Git-2.28.0-64-bit.exe国内Windows其他版本下载地址页面：https://g
2020-08-20 17:57:04
198
原创 微信小程序通过cover-view解决textarea层级过高穿透问题
自从做小程序以来，就遇到了好多坑，其中一个就是textarea层级过高，会穿透其他层次，这时候用z-index也是不管用的。官方是这么说的：小程序框架为了优化体验，部分组件如map、video、textarea、canvas通过原生控件实现，原生组件层级高于前端组件，为了能正常覆盖原生组件，设计了cover-view。所以说用cover-view就可以了，但是在用cover-view的时候也有好多坑，这就导致使用cover-view会不起作用或者cover-view里的组件也不显示了，接下来我就描
2020-06-15 18:45:04
2465
原创 五种方法实现三栏布局（左右固定中间自适应）
一、Float布局布局分析:布局方案实现优点缺点Float布局左右中三列，左列左浮动，右列右浮动，中间列设置左右margin比较简单，兼容性也比较好浮动元素脱离文档流，使用的时候只需要注意一定要清除浮动。代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w
2020-06-10 17:55:06
1002
原创 uniAPP小程序webview从H5返回小程序不起作用
最近在用uniAPP做小程序与H5之间的跳转，从微信小程序跳转到H5很容易实现了，但是从H5再返回到小程序根据官网上的提示使用uni中的跳转方法时一直不起作用。后来在大佬的帮忙下仔细调试下终于解决了这个问题。接下来我来梳理一下跳回小程序的方法，当你写的程序也不起作用的时候，可以着重看一下我写的“注意”，（那都是我踩过的坑啊。。。）希望对你有所帮助。一、引用依赖的文件在 web-view 加载的 HTML 中调用 uni 的 API，需要在 HTML 中引用必要的 JS-SDK。<!-- 微信 J
2020-06-10 16:53:54
6396
11
原创 uniAPP微信小程序通过webview跳转到其他网址
最近一段时间在用uniAPP框架做小程序时遇到了很多坑，所以记录一下遇到的问题。注意：目前通过webview跳转到其他网址支持：1、与微信小程序绑定的微信公众号文章地址;2、在微信小程序后台配置好业务域名的地址。1、新建一个只有webview组件的页面linkOthers:<template> <view> <view> <!-- url为要跳转外链的地址--> <web-view :src="url">
2020-06-10 10:11:11
8066
1
原创 js中var、let、const的区别详解
不知道是不是有小白跟我一样习惯的所有定义变量的时候都用var… 知道真相的我眼泪掉下来系列。接下来我就将这三个详细通过代码来描述一下。1、var 定义的变量挂载在window上.通过var定义的变量是挂在windos上的，而let与const并不会。var a = 1;let b = 2;const c = 3;console.log(a,window.a); // 1 1console.log(b,window.b); // 2 undefinedconsole.log(c,w
2020-06-05 17:35:05
544
原创 判断数组对象中是否有某个属性值
var user = [ { id: 1, name: "李四" }, { id: 2, name: "张三" }, { id: 3, name: "李五" }]判断以上数组是否含有 name为“李五”的数据 // 如果有就返回 function findElem(arrayToSearch, attr, val) { for (var i = 0; i < arrayToSearch.le.
2020-05-25 13:58:38
7429
原创 获取数组对象中某一属性值的集合
之前在工作中遇到了将数组对象中的某一个属性值提取出来的需求，当时是利用foreach循环然后放入数组中的，后来发现一些简单的方法如下。一、from方法var user = [ { id: 1, name: "李四" }, { id: 2, name: "张三" }, { id: 3, name: "李五" } ]var userName =
2020-05-22 17:50:48
18660
2
原创 数组对象按照指定属性进行排序方法
假如我们有这么一个对象数组：var fruits = [ { id:1, name:"apple", price:6 }, { id:2, name:"banana", price:4 }, { id:3, name:"pear", price:3 }, { id:4, n...
2020-05-07 15:03:32
793
原创 循环对象获取对象中key与value的两种方法
一、for in 方法var apple = { id:1, name:"apple", price:4};for(let obj in apple){ console.log(obj+"----->"+apple[obj]); // id----->1 // name----->apple // price-----&...
2020-05-07 14:17:52
5454
原创 css3常用属性
1、CSS3 边框1.1 border-imageborder-image: source slice width outset repeat|initial|inherit;值描述border-image-source用于指定要用于绘制边框的图像的位置border-image-slice图像边界向内偏移border-image-width图像边界的...
2020-04-03 22:15:06
1186
原创 css伪元素
伪元素选择器示例示例说明:checkedinput:checked选择所有选中的表单元素:disabledinput:disabled选择所有禁用的表单元素:emptyp:empty选择所有没有子元素的p元素:enabledinput:enabled选择所有启用的表单元素:first-of-typep:first-of-type选...
2020-04-01 22:29:14
160
原创 css不常见属性总结
1、text-transform:控制文本的大小写<div id="demo1"> abcdefg hijklmn</div><div id="demo2"> ABCDEFG </div>#demo1{ text-transform: capitalize; /*Abcdefg Hijklmn*/ text-transform...
2020-04-01 21:28:01
442
原创 主流浏览器与其内核
一、五大主流浏览器浏览器内核备注IETrident微软公司旗下浏览器，是目国内用户量最多的浏览器。SafariWebkit苹果公司开发的浏览器ChromeChromium/Blink谷歌公司发的浏览器OperaBlink挪威Opera Software ASA公司制作的浏览器，现在紧跟其脚步使用Blink作为浏览器核心引擎Firefo...
2020-03-25 21:54:07
209
原创 XMLHttpRequest对象
（一）什么是XMLHttpRequest对象XMLHttpRequest是一个浏览器接口，使得Javascript可以进行HTTP(S)通信。（二）XMLHttpRequest对象的作用XMLHttpRequest 对象用于在后台与服务器交换数据。XMLHttpRequest()对象的优点：在不重新加载页面的情况下更新网页在页面已加载后从服务器请求数据在页面已加载后从服务器接收...
2020-03-25 13:21:15
1088
原创 a标签跨域下载文件，解决download失效问题
a标签中download属性可以更改下载文件的文件名。但是如果是跨域的话，download属性就会失效。解决方案：<a @click="downloadFile(fileUrl,fileName)">下载文件</a>downloadFile(url, fileName) { var x = new XMLHttpRequest(); x.open("...
2020-03-23 20:31:18
7329
6
原创 闭包——违反作用域规则的语法
说到闭包，大家可能会比较头疼，也是面试题比较常考的。接下来就形象的来说一些闭包。程序运行的法则——作用域说起闭包，首先肯定要说的是作用域，这里也简单说一下。我们平时在写代码的时候经常会遇到’“xxx” is not defined’，那究竟程序是怎么判断是不是’defined’的呢？这时候肯定要制定一些规则，程序怎么去找这些函数、变量。首先作用域就是这些函数、变量可用的范围。也就是说我想要...
2020-03-22 16:28:45
185
原创 微信小程序开发笔记（二）——新建一个小程序项目
一、下载微信开发者工具点击微信开发者工具下载网址到微信开发者工具网址，根据自己的设备选择合适的版本。二、打开微信开发者工具1、选择小程序——点击新增。（页面还会显示之前导入或者新建的项目，也可以通过管理按钮进行删除操作）2、按照提示添写页面内容。目录：可以选择在桌面新建一个空的文件夹AppID：可以写自己注册好小程序的AppID或者使用测试号3、点击新建，微信开发者工具进...
2020-01-08 13:41:32
769
原创 微信小程序开发笔记（一）——注册小程序两种方式的详解
要想创建一个小程序，就必须先注册一个小程序获取一个AppID作为小程序的唯一ID。（一）直接注册注册网址：点击进入注册页面1、进入网址后点击右上角的“立即注册”按钮。2、注册页面选择“小程序”。3、根据提示填写邮箱和密码4、登录邮箱，查收激活邮件，点击激活链接。5、点击激活链接后，继续下一步的注册流程。请选择主体类型选择，完善主体信息和管理员信息。注：个体会比企业少一些接口...
2020-01-08 11:28:59
2941
原创 详解vue组件（二）props在父子组件之间的传值
props主要用于父组件传值给子组件，props可以为数组也可以为对象，接下来我们从这两个维度来看一下props的用法。（一）props作为数组来接收值父组件传值：<div id="app"> <!-- 父组件将值传给子组件 --> <componenta :name='name' age='12' sex='未知'></co...
2019-12-30 18:33:23
1826
2
原创 Js数组去重的五种方式
一、双层 for 循环var fruits=['苹果','香蕉','葡萄','火龙果','苹果','葡萄','火龙果']distinct(fruits);console.log(fruits);//(4) ["苹果", "香蕉", "葡萄", "火龙果"]//双重循环function distinct(arr) { for (let i=0, len=arr.length; i...
2019-12-26 14:13:16
693
2
原创 高阶函数——函数作为函数的参数、函数作为函数的返回值
（一）函数作为函数的参数当调用一个函数A时，需要向函数A内部传入一段程序时，可以选择将一个函数B当做实参传递给另一个函数A的形参，并在另一个函数中执行。 /* 功能：吃完东西后做事情 参数： name 食物名称 string callback 注入一段代码 function */ function eat (foodName,callback) { con...
2019-11-20 17:58:29
1169
1
原创 怎么获取js函数中的实参个数、形参个数、函数的名称——函数的其他成员
function fn(x, y, z) { console.log(fn.length) // => 形参的个数 console.log(arguments) // 伪数组实参参数集合 console.log(arguments.callee === fn) // 函数本身 console.log(fn.caller) // 函数的调用者 console.log(fn....
2019-11-19 18:27:07
1854
4
原创 函数内this指向不同的场景与改变this指向的几种方式
（一）函数内this指向不同的场景1.1 普通函数时调用时，this指向window function fn () { console.log(this); //this指向 window } fn();1.2 构造函数调用时，this指向当前所创建的对象 // 构造函数 function Student(name, age) { this.name = name; ...
2019-11-19 18:12:48
497
原创 js中实现继承的几个方法
在js中不像java里面有专门的继承机制，但是我们可以自己写实现继承，下面我总结了几种实现继承的方法。（一）对象的继承概念：继承是类型和类型之间的关系，对象的“继承”本质是对象的拷贝，把一个对象的所有另一个对象没有的成员拷贝给另一个对象。 // 第一个对象 var obj1 = { name: '张三', age: 18 }; // 第二个对象 var ob...
2019-11-19 14:22:03
155
原创 js中的原型详解
（一）为什么会有原型（原型的出现是为了解决什么问题）我们一般在js里创建对象时，都会这么写： /* 构造函数→人类 */ function Person(name, age) { // 属性 this.name = name; this.age = age; // 方法 this.sayHi =...
2019-11-18 16:10:03
412
原创 下载安装nvm——node版本管理工具
下载安装nvm——node版本管理工具1.下载nvm下载路径：点击进入nvm下载官网选择 nvm-setup.zip 下载2.安装nvm(1)解压文件，双击.exe文件，选择nvm安装路径（2)当前使用的node会被放在这里(3)点击安装（4）查看环境变量现在新版的安装完后环境变量已经自动配置好，需要查看一下，如果没有配置需要手动配置一下。（5）检验是否安装成功nv...
2019-11-07 17:48:08
1137
原创 js字符串中的indexOf()、lastIndexOf()、search()的区别
js字符串中的indexOf()、lastIndexOf()、search()的区别indexOf()方法 indexOf(参数1,参数2); indexOf() 方法返回字符串中指定文本首次出现的索引（位置）； 第一个参数是要查找的字符串，第二个参数是从哪个位置开始查询，第二个参数不是必须的，如果不填第二个参数，默认从开头查找； 如果没有在指定字符串中找到字符串，则返回-1...
2019-10-24 19:05:14
729
原创 解决两端对齐导致标点符号位于行首问题
解决两端对齐导致标点符号位于行首问题最近在公司做一个自适应网站，需求要求文本两端对齐，那肯定是 text-align: justify;上一篇为了兼容火狐与IE加了 word-break: break-all;但是后来发现有几款手机会出现标点符号出现在行首的情况还有一个链接也被分开分成两行了，这种情况肯定是不可以的，一开始是修改文字来改。但是这种改法肯定会引起其他尺寸的手机显示异常，...
2019-10-22 15:23:47
3924
原创 text-align: justify两端对齐IE、火狐不兼容解决方案
text-align: justify两端对齐IE、火狐不兼容解决方案text-align: justify;在火狐与IE中不起作用。加上下边两行就阔以啦！ text-align: justify; word-break: break-all; text-justify: distribute;...
2019-10-18 15:08:58
1349
原创 js的substr方法
js的substr()方法js里的substr()方法是用来截取字符串的语法 stringObject.substr(start,length)其中 start是要截取字符串的开始下标，length是要截取的长度。实例<script type="text/javascript"> var word ="Hello World"; var wordAfter...
2019-05-07 18:32:09
24556
原创 Js里将钱数小写转换为大写的函数（含小数）
将小写的钱数转换为大写的js工具numToCny : function(money) { // 汉字的数字 var cnNums = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'); // 基本单位 var cnIntRadice = new Array('', '拾',...
2019-05-07 17:46:33
1023
原创 python循环结构
for循环 for 变量 in 序列: 语句一 语句二 ...while循环 一个循环语句 表示当某条件成立的时候，就循环不知道具体循环次数，但能确定循环的成立条件的时候用while循环while语法： while 条件表达式 : 语句块循环之break,conti...
2019-01-04 10:59:50
2274
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人