LYHappy&-CSDN博客

原创 Vscode----热门插件超实用插件汇总（史上最全）

Vscode----热门插件超实用插件汇总一、汉化Vscode二、配置类插件1. Auto Rename Tag2. Auto Close Tag3. Beautify4. Debugger for Chrome5. Debugger for Java6. ESLint7. Highlight Matching Tag三、Vscode主题装饰类插件1. Dracula Official2. Fluent Icons一、汉化Vscode安装完成后重启软件二、配置类插件1. Auto Rename

2021-12-03 16:53:36 15228 3

原创小程序----面试题总结

1. 简单描述下微信小程序的相关文件类型微信小程序项目结构主要有四个文件类型WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。内部主要是微信自己定义的一套组件WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式js 逻辑处理，网络请求json 小程序设置，如页面注册，页面标题及tabBar主要文件app.json必须要有这个文件，如果没有这个文件，项目无法运行，

2020-12-02 12:04:11 1554

原创小程序-----Vscode中微信小程序插件

1. 小程序开发助手微信小程序开发助手 for VSCode，代码提示 + 语法高亮2.minapp微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）3. vscode wxml为 VSCode 提供 wxml 语法支持及代码片段4. wechat-snippet这个插件主要的功能就是代码辅助，代码片段自动完成，可以作为minapp插件的补充。5.wxml这款插件用于将wxml代码进行高亮显示，并且提供代码格式化的功能，可将

2020-12-02 11:00:15 3520

原创 Vue面试题总结

1.Vue解决了什么问题虚拟dom：dom操作时非常消耗性能，不再使用原生的dom操作，极大的释放了dom操作，但本质还是操作dom，只是换了一种方式。视图，数据，结构分离：使数据的修改变得更为简单。不需要修改逻辑代码只需要操作数据即可组件化：将一个单页面的各种模块拆分到不同的组件中，便于开发以及后期的维护管理2.MVVM的理解model-view-viewmodel的缩写，mvvm把视图和逻辑代码区分开。在mvvm的框架下，view和model没有直接的交互，是通过view-model进行数

2020-11-05 10:56:24 502

原创 JavaScript----根据不同环境展示不同水印

实现方法

2022-07-11 17:29:04 293 1

原创 Vue中自定义指令---金额

在平时的需求开发中，会遇到很多金额类的需求，可以封装一个自定义指令

2022-07-06 14:01:14 1013

原创 JS----面试题总结（持续更新中......）

JS面试题总结1. JS----JavaScript中的递归函数2. JS----JavaScript中函数3. JS----JavaScript中数组扁平化4. JS----JavaScript数组去重（12种方法，史上最全）5. JS----JavaScript中Ajax是什么？如何创建Ajax6. JS----Ajax中XMLHttpRequest常用方法及属性7. JS----javascript原型和原型链8. JS----JavaScript中的作用域和作用域链9. JS---

2021-12-06 15:45:18 423

原创 vue中mixins的使用方法和注意地方

一、什么是Mixins？mixins（混入），官方的描述是一种分发 Vue 组件中可复用功能的非常灵活的方式，mixins是一个js对象，它可以包含我们组件中script项中的任意功能选项，如data、components、methods 、created、computed等等。我们只要将共用的功能以对象的方式传入 mixins选项中，当组件使用 mixins对象时所有mixins对象的选项都将被混入该组件本身的选项中来，这样就可以提高代码的重用性，使你的代码保持干净和易于维护。二、什么时候使用Mixi

2021-12-03 15:02:56 11705 3

原创原生JS实现点击导航栏鼠标左右滑动（适用于PC端和移动端）

效果图：点击导航栏左右拖动代码：CSS：<style> .navBar { width: 1200px; margin-left: 25px; margin-top: 40px; margin-bottom: 40px; overflow-x: auto; white-space: nowrap; }

2021-12-03 11:20:37 5244

原创 MAC如何降低node版本

操作步骤安装node版本管理模块 nsudo npm install n -g可以根据自己的需要选择安装版本[可选]2.1 安装稳定版sudo n stable2.2 安装最新版sudo n latest2.3 版本降级/升级sudo n 版本号 // 8.16.0 / 12.8.0版本号可以在此处查询：https://nodejs.org/en/download/...

2021-11-22 16:57:14 4635

原创 ES6中import * as xxx from ‘xxx‘的作用

import * as xxx from 'xxx' 会将 “xxx” 中所有 export 导出的内容组合成一个对象返回(或import * as obj from 'xx' 这种写法是把所有的输出包裹到obj对象里);xxx里中：export function test(){ return '返回是test 内容'; }export function login(){ return '返回login 内容'; }调用test 函数，即obj.test();调用log

2021-06-08 16:40:46 932

原创 MacOS 常用终端命令大全

目录操作命令名功能描述使用举例mkdir创建一个目录mkdir dirnamemvdir移动或重命名一个目录mvdir dir1 dir2cd改变当前目录cd dirnamepwd显示当前目录的路径名pwdls显示当前目录的内容ls -ladircmp比较两个目录的内容dircmp dir1 dir2文件操作命令名功能描述使用举例cat显示或连接文件cat filenamepg分页格式化显

2021-04-29 10:31:42 192

原创 Mac OS 怎么设置host

终端命令行修改sudo vi /etc/hosts1.输入本机密码后，打开hosts文件，键盘输入 i （插入），修改hosts文件后，按 esc 键退出,再按shift+：键，再输入w和q，保存退出2.不保存退出，则按q和！键

2021-04-21 10:13:57 363

原创 JavaScript中关键字和保留字有哪些

关键字breakdoinstanceoftypeofcaseelsenewvarcatchfinallyreturnvoidcontinueforswitchwhiledefaultifthrowdeleteintryfunctionthiswithdebuggerfalsetruenull保留字classenumextendssuperexportimpo

2021-03-26 14:04:56 1060

原创 Git命令详情

Git的基本命令：git pull：从其他的版本库（既可以是远程的也可以是本地的）将代码更新到本地，例如：’git pull origin master'就是将origin这个版本库的代码更新到本地的master主枝，该功能类似于SVN的updategit add：是将当前更改或者新增的文件加入到Git的索引中，加入到Git的索引中就表示记入了版本历史中，这也是提交之前所需要执行的一步，例如’git add app/model/user.rb'就会增加app/model/user.rb文件到Git的索引

2021-03-10 17:08:56 149

原创原生app和混合app、webapp有哪些区别？

原生app和混合app、webapp有哪些区别？优略势对比目前市场主流的APP主要分三种：原生APP、WebAPP和混合APP三种，这里对三者的区别进行详细分析。原生APP是什么？原生APP就是利用Android、iOS平台官方的开发语言、开发类库、工具进行开发。比如安卓的java语言，iOS的object-c 语言。在应用性能上和交互体验上应该是好的。通俗点来讲，原生开发就像盖房子一样，先打地基然后浇地梁、房屋结构、一砖一瓦、钢筋水泥、电路走向等，都是经过精心的设计。原生APP也一样：通过代码从每

2021-01-16 14:16:03 1150

原创 JS----JavaScript中的递归函数

递归函数递归函数：在函数内部自身调用自身的函数。循环能做的所有事情递归都能做循环做不了的事情递归也能做方法：找临界值：无须计算，即可得出的值：—退出递归的条件 if(i==1){retrun 1}这一次和上一次运算的关系 fn和fn-1的关系 f(n)=f(n-1)+n;假设当前递归函数可以运行，根据上一次调用自身的结果，写出这次运算的结果。例子猴子吃桃问题：猴子第一天摘下若干个桃子，当即吃了一半，还不过瘾，又多吃了一个，第二天早上又将剩下的桃子吃掉

2020-12-29 20:02:16 433

原创 JS----JavaScript中函数

1. 函数介绍函数是 JavaScript 中的基本组件之一。要使用一个函数，必须将其定义在希望调用它的作用域内。一个JavaScript 函数用function关键字定义，后面跟着函数名和圆括号。函数：封装的可重复利用的具有特定功能的代码安全可重用分为两大类：系统函数：eval() isNaN() isArray() Math.random() parseInt() parseFloat()自定义函数 return没有具体返回值的时候返回的就是undefined

2020-12-29 19:51:22 258

原创 Hbuilder----安装less插件（详细）

安装步骤打开Hbuilder点击工具. 找到 “插件安装”进入DCloud插件市场点击使用HbuilderX导入插件登录下载即可！！！

2020-12-29 19:27:17 2393

原创 JS----JavaScript中数组扁平化

扁平化一、什么是数组扁平化？数组扁平化就是将一个多层嵌套的数组 (Arrary) 转化为只有一层。数组扁平化概念:数组扁平化是指将一个多维数组变为一维数组// 多层嵌套[1, 2, [3, 4]]// 一层[1, 2, 3, 4]二、实现数组扁平化var arr = [1, [2, 3, [4, 5,[6,7,8,[9,10]]]]]console.log(arr.flat(Infinity)) // 注意：flat和flatMap方法为ES2019(ES10)方法，目

2020-12-23 19:28:47 312

原创 JS----JavaScript数组去重（12种方法，史上最全）

数组去重的方法一、利用ES6 Set去重（ES6中最常用）Set 不包含重复元素的值的集合 Map 双列集合键值对与object的区别 :object中的key只能是string类型而Map是可以任意数据类型var array = [1,2,3,4,5,1,2,3,4,5];function uniq1(array) { // return [...new Set(array)]; // new Set(array) => 数组 [...数组] Arra

2020-12-23 17:22:51 2047 1

原创 JS----Ajax中XMLHttpRequest常用方法及属性

1. XMLHttpRequest常用方法一、open();XMLHttpRequest.open()方法用于指定 HTTP 请求的参数，或者说初始化 XMLHttpRequest 实例对象。它一共可以接受五个参数。例：xhr.open('POST', '/carrots-admin-ajax/a/login', true);参数:method:用于指定请求的类型 "GET"或者"POST"url:用于请求的地址, 可相对可绝对asyncFlag:指定请求方式为同步还是异步, true

2020-12-23 15:41:49 1414

原创 JS----JavaScript中Ajax是什么？如何创建Ajax

1. Ajax是什么?AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML），AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。是一种用于动态创建网页的局部刷新技术.url 发送请求的地址type 为post 或者getasync 默认是true：异步，false：同步。2. 创建ajax创建一个XMLHttpRequest的对象.通过open(get,url,true)与服务器建立连接。使用send(

2020-12-23 11:59:13 763 1

原创 JS----javascript原型和原型链

原型对象绝大部分的函数（少数内建函数除外）都有一个prototype属性，这个属性是原型对象用来创建新对象实例，而所有被创建的对象都会共享原型对象，因此这些对象遍可以访问原型对象的属性。例如：hasOwnProperty()方法存在于Object原型对象中，他便可以被任何对象当做自己的方法使用用法：object.hasOwnProperty(propertyName)hasOwnProperty()函数的返回值为Boolean类型。如果对象object具有名称为propertyName的属性，则返回

2020-12-22 20:23:08 258

原创 JS----JavaScript中的作用域和作用域链

作用域(Scope)1.什么是作用域作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性。作用域（scope）：一个变量的可用范围作用域的类型Javascript中有三种作用域：全局作用域；函数作用域；块级作用域；2. 全局作用域任何不在函数中或是大括号中声明的变量，都是在全局作用域下，全局作用域下声明的变量可以在程序的任意位置访问。例如： // 全局变量var greeting = 'Hello World!';function greet() { cons

2020-12-21 20:47:04 188

原创 JS----JavaScript数组方法及总结

JavaScript中创建数组有两种方式（一）使用 Array 构造函数：var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array(“lily”,“lucy”,“Tom”); // 创建一个包含3个字符串的数组（二）var 创建数组var arr4 = []; //创建一个空数组var arr5 = [20]; // 创建一个包含1项的数组var arr6 =

2020-12-21 20:07:54 360

原创 JS----深拷贝和浅拷贝

浅拷贝浅拷贝是会将对象的每个属性进行依次复制，但是当对象的属性值是引用类型时，实质复制的是其引用，当引用指向的值改变时也会跟着变化。深拷贝深拷贝复制变量值，对于非基本类型的变量，则递归至基本类型变量后，再复制。深拷贝后的对象与原来的对象是完全隔离的，互不影响，对一个对象的修改并不会影响另一个对象。深拷贝和浅拷贝是针对复杂数据类型来说的，浅拷贝只拷贝一层，而深拷贝是层层拷贝；//拷贝1层(测试)----------------------------------------------------

2020-12-18 11:44:15 211

原创小程序----使用Less

小程序中使用Less原生小程序不支持less，其他基于小程序的框架大体都支持，如wepy，mpvue，taro等。但是仅仅因为一个less功能，而且引入一个框架，肯定是不可取的。因此可以用以下方式来实现编辑器 Vscode安装插件 easy less在Vscode的设置中加入如下配置"less.compile": { "outExt": ".wxss"}在要编写样式的地方，新建less文件，如 index.less，然后正常编辑即可...

2020-12-11 16:48:15 540

原创 JS面试题（复杂）

1.输入url敲回车发生了什么域名解析 → 三次握手 → 发起HTTP请求 → 响应HTTP请求并得到HTML代码 → 浏览器解析HTML 代码 → 浏览器对页面进行渲染呈现给用户2.Ajax 是什么? 如何创建一个 Ajax？AJAX 是一种用于动态创建网页的局部刷新技术.创建ajax:创建一个XMLHttpRequest的对象.通过open()与服务器建立连接。使用send() 来发送请求。使用onreadystatechange事件来监听。使用responseText来获取服务器返

2020-12-11 10:26:34 302

原创 JS面试题（一般）

1.Sass 、LESS 是什么？大家为什么要使用他们sass和less都是 CSS 预处理器，最终编译成 CSS。使用sass/less的好处：结构清晰，便于扩展。可以方便地屏蔽浏览器私有语法差异。可以轻松实现多重继承。完全兼容 CSS 代码，可以方便地应用到老项目中。2.简述 ajax 的过程创建一个XMLHttpRequest的对象.通过open()与服务器建立连接。使用send() 来发送请求。使用onreadystatechange事件来监听。使用responseTe

2020-12-10 21:30:44 172

原创 JS面试题（简单）

1. 网页常见的单位？px em rem%2. 1rem等于多少像素？由谁决定 1rem具体等于多少像素是由根元素的字体大小来决定比如 html标记的font-size为100px ,1rem=100px3. html的font-size是20px， p标签的父元素是10px，问p标签： 2.5rem是多少， 2em是多少？2.5rem=20px*2.5rem=50px 2em=10px*2em=20px4. meta都包含哪些参数name：要设置的项conten

2020-12-10 21:05:17 399

原创 JS----javascript中使用reverse()方法反转数组

1. JavaScript中的Array对象提供了一个reverse()方法用于反转（颠倒）数组中的元素。arrayObject.reverse()要注意的是，这个方法会改变原来的数组，而不会创建新的数组。var arr = ['yanggb1', 'yanggb2', 'yanggb3'];console.log(arr.reverse()); // ['yanggb3', 'yanggb2', 'yanggb1']console.log(arr); // ['yanggb3', 'yang

2020-12-07 22:01:03 7255

原创 Vue 用户管理后台思维导图

自己总结的有什么不足勿喷！！！

2020-12-02 11:05:02 848 1

原创 CSS面试总结（大致）

1. 盒模型标准盒模型：总宽度：内容 ( content ) + border + padding + marginIE盒模型(怪异盒模型)：宽度 = 内容宽度 ( content + border + padding ) + margin2. 弹性盒模型flex-direction:row //(默认)主轴为水平方向,起点在左端。flex-direction:row-reverse //主轴为水平方向,起点在右端flex-direction:column //使用后会使主轴变为y轴

2020-11-27 10:27:03 172 1

原创 JS----JavaScript中防抖和节流知识概述

防抖和节流浏览器的 resize、scroll、keypress、mousemove 等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能。为了优化体验，需要对这类事件进行调用次数的限制。防抖（debounce）作用是在短时间内多次触发同一个函数，只执行最后一次，或者只在开始时执行。以用户拖拽改变窗口大小，触发 resize 事件为例，在这过程中窗口的大小一直在改变，所以如果我们在 resize 事件中绑定函数，这个函数将会一直触发，而这种情况大多数情况下是无意义的，还会

2020-11-05 11:11:17 218

空空如也

空空如也