- 博客(32)
- 收藏
- 关注
原创 vscode插件推荐(个人使用)
前言现在市面上的vscode推荐五花八门,八成的推荐都是cv出来的,毫无任何的意义,所以在这里自己整理一份属于自己的vscode插件推荐,可以给各位难兄难弟一点小小的建议以下插件顺序不分先后,纯粹靠vscode给我默认的排序写上去的正文1.Debugger for Chrome这个插件可以在vscode打开html页面到谷歌浏览器装上之后是这个样子的2.Rainbow Fart(彩虹屁,可有可无)想不想享受敲代码的时候被夸666,里面内置几种语音包可以有任何你想要的发音(据说还有郭德纲版本
2021-10-29 11:47:19 6580 5
原创 树莓派从入门到入土
树莓派从入门到入土这一篇主要讲我和树莓派4B的起因经过结果和一系列的踩坑指南前言有一天一位好大哥跟我唠嗑无意之间提到了树莓派,我当时的心情就是这样的然后就开启了百度模式,十万个为什么,一通百度之后大概感觉树莓派就是用来机器学习的,但是偶然发现有好多文章写了可以做一台服务器,我giao这岂不是正合我意,免去阿里云的一年一百岂不美哉,说干就干,然后就开启了淘宝模式,总共一套下来花了六七百大洋,一个4b板子,一个散热板(后来发现没啥用),一个散热的壳子还有散热1金属贴,数据线还有电源线,闪迪的64g顶
2021-10-28 14:36:47 1640
原创 nvm基本操作
nvm基本操作首先需要说明的是: nvm不支持Windows!!!,但是有替代品,也就是nvm-windows,类似git和git for windows一样。第一步:点击下载 nvm,打开该项目在github上面的下载页面后,我们选择latest中的第一个:nvm-noinstall.zip,点击下载。下载完成后解压到一个地方,比如: C:\dev\nvm 里面的文件列表是这样的:elevate.cmd、elevate.vbs、install.cmd、LICENSE、nvm.exe
2021-10-28 11:33:41 385
原创 nrm基本操作
nrm基本操作1、什么是nrmnrm是一个npm源管理工具,使用它可以快速切换npm源。2、安装使用如下命令安装:npm install -g nrm安装完后可使用 nrm -V 显示版本,注意是大写V。3、切换npm源使用 nrm ls 查看所有源,可以看到列表中左侧为名称,右侧为地址。带*的为当前配置。使用 nrm use [registry] 切换源,国内我们可以切换为taobao。再使用 nrm ls 可以看到*改至taobao前,说明切换成功。也可以打开.npmr
2021-10-28 11:33:11 1061
原创 npm基本操作
npm基本操作npm是一个node包管理和分发工具,已经成为了非官方的发布node模块(包)的标准。有了npm,可以很快的找到特定服务要使用的包,进行下载、安装以及管理已经安装的包。npm install moduleNames:安装Node模块安装完毕后会产生一个node_modules目录,其目录下就是安装的各个node模块。node的安装分为全局模式和本地模式。一般情况下会以本地模式运行,包会被安装到和你的应用程序代码的本地node_modules目录下。在全局模式
2021-10-28 11:32:48 190
原创 git基本操作
git基本操作一、git客户端(本地仓库)的一些操作1.设置账户(需要和github或gitee账户设置一致)git config --global user.name xxxgit config --global user.email xxx@foxmail.com2.查看设置git config --listuser.name= xxxuser.email= xxx@foxmail.com3.创建git本地仓库git init此时会出现提示 : inialized
2021-10-28 11:31:08 145
原创 easymock安装和使用
easymock安装和使用EasyMock 介绍EasyMock是一个构建模拟数据的平台,也可以说是一个在线mockJs平台EasyMock优势省去配置、安装mockJs步骤,解决多人协作Mock数据不互通问题不需要在项目中写多余的代码,例如将Mock 数据写在代码里、json文件里EasyMock 下载https://github.com/easy-mock/easy-mockEasyMock 安装MongoDB数据库的准备MongoDB 提供了可用于 32 位和
2021-10-28 11:23:25 716
原创 记录一次svn遇到的问题(Failed to run the WC DB work queue associated with)(Previous operation has not finishe)
项目场景:今天客户那边突然让我们上传代码,因为之前直接就是打个包扔给客户就行了,所以很长时间没用svn,但是今天拉代码合并代码选择完需要上传的文件之后,一点ok,啪的一下很快啊就报了个错当时给我人都看傻了,还能咋办,去问度娘呗,然后翻遍大大小小的技术博客有好多的代码都是贴错的看的那叫一个难受,总结一下解决方法解决方案:1.先查看安装svn的时候有没有安装命令行版本(我没有安装,重新卸载装上的)2.安装完之后根据系统安装一个sqlite3的东西 下载地址3.sqlite3安装完之后会有一个s
2021-10-28 11:14:09 187
原创 js(es7-es10)特性
es6~es10详解ES7 新特性1.Array.prototype.includes() 方法在 ES6 中我们有 String.prototype.includes() 可以查询给定字符串是否包含一个字符,而在 ES7 中,我们在数组中也可以用 Array.prototype.includes 方法来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回 false。const arr = [1, 3, 5, 2, '8', NaN, -0]arr.incl
2021-10-22 14:55:11 1227
原创 es6新特性
1.es6新特性/* 1、变量 2、字符串得定义方式 3、函数 4、数组 5、字符串方法 6、promise 7、结构赋值 8、扩展运算 9、模块化开发 兼容性:ie10+(包括ie10) chrome FireFox, 手机端 不兼容:ie9以下不兼容得可以转成es5 1、在线工具 2、Babel,javascript插件 */2.(变量) var、let、const区
2021-10-22 14:54:56 312
原创 js字符串方法大全
字符串操作方法1.转换为字符串类型toString()(1)var num=110; var n=num.toString(); //"110"(2)var num=111;var n=String(num); //"111"(3)var num=112;var n="" + num; //"112"2.字符串分割返回新的数组split()(1)var str="qingchenghuwoguoxiansheng,woaishenghuo,woaiz
2021-10-21 10:42:39 4987
原创 js数组操作方法大全
数组操作方法1.shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefinedvar a = [1,2,3,4,5];var b = a.shift(); //a:[2,3,4,5] b:12.unshift:将参数添加到原数组开头,并返回数组的长度var a = [1,2,3,4,5];var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7(IE6.0下测试返回值总为undefined,FF2.0下测试返回值为7,所以
2021-10-21 10:41:33 3715
原创 js入口函数和请求
入口函数、ajax、jsonp《入口函数 优缺点》原生js 会等到DOM元素加载完毕,并且 元素中的 src 也加载完毕才会执行JQuery 入口函数 $(document).ready(function(){ }) 和 $(function(){ }) $代表 jQueryjQuery 会等到DOMTree 解析完毕就执行(也就是 浏览器知道DOM元素的你是个啥就好 不用知道你具体是啥) 不会等到所有的DOM 元素解析加载完成时 执行《jq和js转换 为什么转换》如何转换:1、
2021-10-21 10:41:08 202
原创 js对象操作方法大全
对象操作方法1.Object.create() 创建对象 和 继承对象let a = {} a.__proto__ // 出来一大堆对象自带的方法和属性let b = Object.create(null) 创建一个以null为原型 的对象 b.__proto__ // undefined一般当你不想继承任何Object.prototype,想要得到一个纯净对象时可以用Object.create(null)function A() {} A.prototype.aaa = fun
2021-10-21 10:39:21 1943
原创 js常见问题
js常见问题JavaScript find和findIndex的区别对Array数组操作find()方法const arr=[1,2,4,8,12];var va1=arr.find(value=>value>8);console.log(va1); //12arr = [1, 2, 4, 8, 12]var v2 = arr.find((value, index, arr) => { return index == 4});console.log(v2)
2021-10-21 10:38:37 602
原创 jquery总结
Jquery介绍JS库: 把一堆处理兼容的代码和常用的函数封装到一个js文件中这个js文件就称为js库, 使用的时候直接引入即可jQuery实际上就是JS库的一种,它有许多优点,比如: 体积小,功能强大,隐式迭代,编写代码量小,链式编程jQuery只能解决百分之九十八的兼容问题,还有百分之二解决不了,是因为JS在不断的迭代更新有些属性或方法jQuery没有更新,需要我们自己通过原生JS处理1.// jQuery实现方式 – 隐式迭代$('#btn').click(function ()
2021-10-21 10:38:10 245
原创 html总结
html简介HTML 编辑超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。由来万维网上的一个超媒体文档称之为一个页面(外语:page)。作为一个组织或者个人在万维网上放置开始点的页面称为主页(外语:Homepage)或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级
2021-10-21 10:32:46 848
原创 css总结
css圆角一、边框圆角1.圆角定义定义:圆角是用一段与角的两边相切的圆弧替换原来的角,圆角的大小用圆弧的半径表示。在网页设计越来越精美的今天,圆角的应用已经越来越广泛。2.创建圆角的方法2.1CSS+图片CSS2圆角一般需要额外的HTML标记和图片,然而其优点也是非常明显的:支持所有主流浏览器,包括IE(6-9),FireFox,Chrome,Opera等。2.2纯CSS纯CSS圆角,不需要图片,因此,网站加载速度更快,然而需要额外的HTML标记,并且效果也没有带图片的圆角精美。圆角圆边
2021-10-21 10:23:47 158
原创 网络问题面试题
网络问题面试题http 响应常见状态码100-199 : 表示成功接收请求, 要求客户端继续提交下一次请求才能完成整个处理过程200-299: 表示成果接收请求并已完成整个处理过程. 常用 200300-399: 为完成请求, 客户需进一步细化需求: 例如: 请求的资源已经移动一个新地址, 常用 302(重定向), 307 和 304(拿缓存)400-499: 客户端的请求有错误, 包含语法错误或者不能正确执行. 常用 404(请求的资源在 web 服务器中没有) 403(服务器拒绝访问, 权限
2021-10-21 10:22:48 620
原创 手写面试题
手写面试题面试中经常会遇到的手写代码系列函数防抖(debounce)概念:在事件被触发 n 秒后再执行回调,如果在这 n 秒内又被触发,则重新计时。function debounce(fn, wait) { var timer = null; return function() { var context = this; var args = arguments; if (timer) { clearTimeout(timer); time
2021-10-20 18:39:24 75
原创 react面试题
react面试题React 中 keys 的作用是什么?Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。render () { return ( <ul> {this.state.todoItems.map(({item, key}) => { return <li key={key}>{item}</li> })} </ul> )}在开发过程
2021-10-20 18:38:53 138
原创 html面试题
html面试题Doctype 作用?标准模式与兼容模式各有什么区别?声明位于HTML文档中的第一行,处于 html 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。标准模式的排版 和 JS 运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。HTML5 为什么只需要写 <!DOCTYPE HTML>?HTML5 不基于 SGML,因此不
2021-10-20 18:38:19 158
原创 css面试题
css面试题css水平、垂直居中的写法水平居中行内元素: text-align: center块级元素: margin: 0 autoposition:absolute +left:50%+ transform:translateX(-50%)display:flex + justify-content: center垂直居中设置line-height 等于heightposition:absolute +top:50%+ transform:translateY(-50%)di
2021-10-20 18:37:44 700
原创 vue面试题(持续更新)
vue面试题vuex刷新数据丢失的问题办法一:将vuex中的数据直接保存到浏览器缓存中(sessionStorage、localStorage、cookie)办法二:在页面刷新的时候再次请求远程数据,使之动态更新vuex数据办法三:在父页面向后台请求远程数据,并且在页面刷新前将vuex的数据先保存至sessionStorage(以防请求数据量过大页面加载时拿不到返回的数据)分析:办法一的缺点是不安全,不适用大数据量的存储;办法二适用于少量的数据,并且不会出现网络延迟;办法三是要讲的重点,办法
2021-10-20 18:37:06 187
原创 js面试题(持续更新)
js面试题new操作符具体干了什么创建一个空对象,并且 this 变量引用该对象,同时还继承了该函数的原型属性和方法被加入到 this 引用的对象中新创建的对象由 this 所引用,并且最后隐式的返回 thisvar obj = {};obj.__proto__ = Base.prototype;Base.call(obj)javascript对象的几种创建方式工厂模式构造函数模式原型模式混合构造函数和原型模式动态原型模式寄生构造函数模式稳妥构造函数模式哪些操作会
2021-10-20 18:34:45 1581
原创 PHP音乐列表
php音乐列表add.php<?php// 表单三部曲// 1. 接收校验// 2. 持久化// 3. 响应function add_music(){ $data = array(); // 准备一个空的数组,用来存储通过验证的数据 $data['id'] = uniqid(); // 1. 接收校验 if (empty($_POST['title'])) { $GLOBALS['msg'] = '请输入标题';
2021-10-20 16:44:33 239
原创 小程序导航栏组件
因为需要经常封装小程序的顶部导航栏组件,所以干脆直接写了一个顶部导航栏组件不多bb上才艺wxml文件<view class="lxy-nav-bar {{extClass}}" style="background: {{backgroundColorTop}};height: {{navBarHeight+ navBarExtendHeight}}px;"> <view class="lxy-nav-bar__placeholder {{ios ? 'ios' : 'andr
2021-10-20 16:29:50 921
原创 分享一些自用脚本(持续更新)
自动脚本2021/10/201.全景图合成与分解之前工作中用到了全景图研究了研究,一通cv搞到手了@echo offecho 全景图转6面图工具echo.IF "%~1" == "" GOTO ERRORIF NOT EXIST "%~1" GOTO ERRORFOR %%V in (%*) do "%~dp0\ktransform" -config=convertdroplets.config "%%~V"GOTO DONE:ERRORecho.echo 使用说明:ec
2021-10-20 16:03:26 773 1
原创 微信小程序实现图片或gif预加载
微信小程序实现图片或gif预加载图片或gif预加载图片或gif预加载微信官方原文链接链接: 官方解释.最后实现代码wx.getImageInfo({ src: 'gif动画地址', success (res) { console.log(res) }})但是你用过之后会发现一个问题,就是如果第一次gif动画执行完之后会自动开始第二遍第二次开始执行的时候会从第一次中断的地方开始继续执行动画解决方法:动态控制image的src属性需要加载的时候用style动态更改{{
2021-10-20 15:45:32 5745 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人