![](https://img-blog.csdnimg.cn/20210408153653667.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
🚖🚖杂七杂八🚖🚖
文章平均质量分 63
海纳百川,有容乃大。☆
万水千山走遍TML
流落在外的程序员
展开
-
❤️❤️与来访者共勉❤️❤️
欢迎大家来到我的博客下面十句话送给大家与大家共勉❤️1、今天的你是否能够取得成功,主要是取决于你昨天的态度。❤️2、想要逃避总有借口,想要成功总有方法!❤️3、对等工作的严肃态度,高度的正直,形成了自由和秩序之间的平衡。❤️4、不要随便说自己没时间,时间都是挤出来的。❤️5、这一秒不放弃,下一秒就有希望!坚持下去才可能成功!❤️6、成功的人是跟别人学习经验,失败的人只跟自己学习经验。❤️7、生活不会否定任何人,就怕自己否定生活。❤️8、人不一定要生得漂亮,但却一定要活得漂亮。❤️9、用微原创 2021-04-08 15:35:24 · 123 阅读 · 4 评论 -
Ngnix 常用配置及和基本功能
Nginx 是一款高性能反向代理服务器,学习它非常有必要,本文讲解了 Nginx 核心配置,介绍了反向代理,负载均衡,动静分离三大功能,最后扩展了一些常用的指令。本文介绍了 Nginx 的基础用法,后续的 Nginx 内核以及原理部分有待研究。原创 2024-05-07 17:49:39 · 847 阅读 · 0 评论 -
VScode必备插件
记录一下常用插件。原创 2023-09-15 16:44:26 · 193 阅读 · 0 评论 -
mapbox-gl.js:30 Error: Layer with id “test_map“ already exists on this map
mapbox-gl.js:30 Error: Layer with id "test_map" already exists on this map原创 2023-03-02 15:58:31 · 436 阅读 · 0 评论 -
VScode为Vue文件设置模板代码
VScode为Vue文件设置模板代码(1)\安装 Vetur 和 VueHelper 插件,安装完成后需要重启 VScode。(2)在扩展插件搜索框中找到如下 Vetur 和 VueHelper 两个插件,注意看图标,千万别安装错插件了(3)为 vue 添加模板代码片段。(4)选中 vue 项。(5)在打开的 vue.json 中加入你的模板代码片段。{ "vue": { "prefix": "vue", "body": [ " <!-- @description原创 2021-12-17 15:00:35 · 341 阅读 · 0 评论 -
前端代码规范
前端代码规范Front Standard Guide前端 JS 项目开发规范规范的目的是为了编写高质量的代码,让你的团队成员每天得心情都是愉悦的,大家在一起是快乐的。引自《阿里规约》的开头片段:现代软件架构的复杂性需要协同开发完成,如何高效地协同呢?无规矩不成方圆,无规范难以协同,比如,制订交通法规表面上是要限制行车权,实际上是保障公众的人身安全,试想如果没有限速,没有红绿灯,谁还敢上路行驶。对软件来说,适当的规范和标准绝不是消灭代码内容的创造性、优雅性,而是限制过度个性化,以一种普原创 2021-09-23 16:28:35 · 180 阅读 · 0 评论 -
2021最新前端面试题
面试题前言:最近需要给客户这边面试一个前端开发工程师,所以抽时间整理了一些面试题自我介绍介绍项目,针对项目提出几个问题在项目开发过程中遇到过什么难点,如何解决的?在项目中遇到bug如何解决?在设计中出现了一个很难实现的功能,可能需要三四天时间,但项目又是很急,你是如何解决的?平时自己有逛什么社区?html知识行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素和块级元素有什么区别?行内元素 span、b、em、strong、a、input、lab原创 2021-09-07 10:36:16 · 145 阅读 · 0 评论 -
js自动引入子文件的方法
一个自动引入子文件的方法先上图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-R3Q4SQvN-1628132448628)(img.png)]//import persistence from "./modules/persistence";// https://webpack.js.org/guides/dependency-management/#requirecontextconst modulesFiles = require.context('./m原创 2021-08-05 11:01:43 · 259 阅读 · 0 评论 -
mac快捷键
mac快捷键Mac电脑一般都不怎么用鼠标,因此除了触摸屏的各种双指、三指甚至四指的操作之外,快捷键的使用可以带来非常大的便利,本文则主要收集整理了自己在Mac常规和Xcode开发过程中常用的一些快捷键。要使用键盘快捷键,请按住一个或多个修饰键,然后按快捷键的最后一个键。例如,要使用 Command-C(拷贝),请按住 Command 键并按 C 键,然后同时松开这两个键。Mac 菜单和键盘通常使用符号来表示某些按键,其中包括以下修饰键:Command(或 Cmd)⌘Shift ⇧Optio原创 2021-08-05 10:19:06 · 259 阅读 · 0 评论 -
mock模拟数据
mock模拟数据最近看了一个项目发现了里面mock用的非常不错,所以用此文章来记录一下1、书写模拟数据import Mock from 'mockjs'// 登录export function login () { return { // isOpen: false, url: '/sys/login', type: 'post', data: { 'msg': 'success', 'code': 0, 'expire原创 2021-06-23 15:57:36 · 550 阅读 · 0 评论 -
SVG类库
几个基于svg的类库所有现代浏览器都支持SVG文件类型,它很快就成为网站设计人员的首选。您可以设计漂亮的图标作为支持向量机,并缩放到任何大小,而不损失质量。考虑到视网膜显示器的发展,这是SVG格式的最大优点之一。如果你想动画或操纵你的svg,这将需要更多的工作。但是,如果您愿意卷起袖子,亲自动手编写一些代码,这些免费库提供了最好的工具。1. SVG.js我要推荐的第一个库是SVG.js。当然,这是完全免费和开源的,可以在任何类型的web项目中使用。当gzip压缩时,它非常轻量级,原创 2021-04-28 14:51:39 · 1867 阅读 · 0 评论 -
markdown文档说明
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Ma.转载 2021-04-28 09:41:18 · 80 阅读 · 0 评论 -
2021前端常见面试题
1. vue 组件的生命周期?beforeCreate() { // 这是我们遇到的第一个生命周期函数,表示实例完全被创建出来之前,会执行它 // console.log(this.msg) // this.show() // 注意: 在 beforeCreate 生命周期函数执行的时候,data 和 methods 中的 数据都还没有没初始化...原创 2019-08-22 18:45:10 · 144 阅读 · 0 评论 -
前端开发需要注意的那些事
前端开发需要注意的那些事自从入行以来完成了不少项目,针对技术是写了不少bolg,但针对项还没写过,在这就写一篇一、性能优化页面中使用了大量图片和音频文件的,可以使用CND加速,托管七牛,腾讯云等。图片压缩,降低图片分辨率,高分辨比文件大小更影响页面加载速度。框架文件可以使用Application Cache 应用缓存。动画页面可以使用link标签rel="prefetch"预加载文件。压缩文件。大量的请求会导致加载过慢,使用雪碧图或合拼请求等。二、开发部署原创 2021-04-25 15:33:18 · 239 阅读 · 0 评论 -
2021最新前端面试题
2021前端面试题前言:最近不是很忙,就整理了一下2021常见面试题一、html1、<img>的title和alt有什么区别?1、alt: 图片加载失败时,显示在网页上的替代文字2、title: 鼠标放在上面时显示的文字3、alt 是必要属性,title 非必要2、html5有哪些新特性、移除了那些元素?(1)新增特性a、新增标签article、aside、audio、bdi、canvas、command、datalist、details、embed、figcapti原创 2021-04-22 15:10:55 · 5812 阅读 · 0 评论 -
多版本node安装与使用
nvm 安装与使用前言nvm是管理node版本的工具,一个电脑中可以安装多个node版本,当我们想使用哪个版本就切换成哪个版本,而nvm则是提供切换node版本的工具。一、下载nvm(github)下载地址版本说明(本文主要说明需要配置版本,绿色直接使用版本有时会出现意想不到的问题)二、安装将nvm-noinstall.zip解压到制定的安装目录,这里为D:\nvmAndNode\nvm在安装nvm的目录中以管理员身份运行install.cmd,设置文件路径:原创 2021-04-22 09:46:26 · 611 阅读 · 0 评论 -
html+css基础总结
<![endif]-->h5一阶段笔记一、web标准web标准是网页制作的标准,它不是一个标准,是一系列标准,大部分的标准由W3C制定,还有一部分标准由ECMA制定。web标准由结构(html,xhtml),表现(css),行为(js)三个方面构成W3C—万维网联盟(结构标准和表现标准)ECMA—欧洲电脑厂商联合会(行为标准)二、htm...原创 2021-04-08 16:34:47 · 206 阅读 · 0 评论 -
前端xss攻击
前端安全之XSS攻击XSS定义XSS, 即为(Cross Site Scripting), 中文名为跨站脚本, 是发生在目标用户的浏览器层面上的,当渲染DOM树的过程成发生了不在预期内执行的JS代码时,就发生了XSS攻击。跨站脚本的重点不在‘跨站’上,而在于‘脚本’上。大多数XSS攻击的主要方式是嵌入一段远程或者第三方域上的JS代码。实际上是在目标网站的作用域下执行了这段js代码。XSS攻...原创 2019-09-08 21:25:05 · 171 阅读 · 0 评论 -
2020最新前端面试题
html5中新增标签main section article footer header好处:a. 标签自带样式b. 便于搜索引擎优化c. 可读性强css3 中新增内容自定义动画、文字阴影(text-shadow)、圆角边框、边框阴影(box-shadow)、过度(transition)动画中的属性(animation):animation-name(动画名称)、anima...原创 2019-08-21 17:27:31 · 140 阅读 · 0 评论 -
请求报文
前言超文本传输协议:(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须尊守这个标准。http最初目的是:为了提供一种发布和接收HTML页面的方法*HTTP报文是面向文本的,报文中的每一个字段都是一些ASCII码串,个字段的长度是不确定的。http有两类报文:请求报文和响应报文HTTP请求报文 一个HTTP...原创 2019-08-01 19:56:36 · 600 阅读 · 0 评论 -
浏览器兼容问题
css兼容问题:默认的内外边距不同问题:各个浏览器默认的内外边距不同解决:*{margin:0;padding:0;}水平居中的问题问题:设置 text-align: centerie6-7文本居中,嵌套的块元素也会居中ff /opera /safari /ie8文本会居中,嵌套块不会居中解决:块元素设置1、margin-left:auto;margin-righ...原创 2019-07-30 22:05:32 · 154 阅读 · 0 评论 -
web性能优化
1.减少外部HTTP请求网页加载的时间与http请求密不可分,而外部资源的加载的速度则与主机服务提供商服务器架构和分布地点有关。我们可以通过检查自己的网站上多余的图片、css、JavaScript和一些组件,然后对应的去逐个完善,就可以减少一些http请求。2.按需加载资源资源(特别是图片)的按需加载或者说惰性加载,可以有助于你的web应用在整体上获得更好的性能。对于使用大量图片的页面来说惰...原创 2019-09-03 16:05:54 · 2298 阅读 · 0 评论 -
移动端开发需要注意事项
1. webkit内核中的一些私有的meta标签<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><meta content="yes" name="apple-mobile-web-app-capable">...原创 2019-09-03 16:06:01 · 2654 阅读 · 0 评论 -
原生js、jQuery、vue.js、react 阻止事件冒泡
原生js、jQuery、vue.js、react 阻止事件冒泡一、什么是事件冒泡一条鱼往上吐泡泡,这个泡泡就是事件,一直往上冒的过程中去把它经过的所有元素,只要这个元素身上有相同事件,就会去执行该元素的该事件,没有相同事件就不会去执行二、冒泡特点1、冒泡看的是代码层级,从里往外冒泡2、拥有相同类型事件的元素才会被执行3.不同事件就是不同泡泡三、阻止事件冒泡并不是所有事件都需要事件...原创 2019-07-22 20:19:54 · 407 阅读 · 0 评论 -
MongoDB操作指令
1、mongo的基础指令show dbs 获取你当前所有的数据库use dataBase_name 创建数据库(没有-创建/存在-使用)db 指查询你当前的数据库db.stats() 查询你当前数据库的状态db.dropDatabase() 删除你当前的数据库db.help() 查询帮助db.version() 获取你当前数据库的版本db.database_name(自己起的集合名...原创 2019-07-11 10:46:22 · 143 阅读 · 0 评论 -
Eslint语法规则检查
如何使用安装npm install -g eslint如果你第一次使用 ESLint,你必须使用 –init 命令新建一个配置文件:eslint --init使用 ESLint 检测任何 JavaScript 文件:eslint test.js test2.jsESLint 中一些规则运行命令它可以帮你自动修复eslint test.js --fix为了可以更直观的反馈,可能更多...原创 2019-11-21 22:11:41 · 556 阅读 · 0 评论 -
混合开发--JsBridge
众所周知,app的一些功能可能会使用到H5开发,这就难免会遇到java与js 的相互调用,android 利用WebViewJavascriptBridge 实现js和java的交互,这里介绍下JsBridge第三方库的使用。github传送门:https://github.com/lzyzsd/JsBridge简单分析java与js相互调用如下:java发送数据给js,js接收并回传给j...原创 2019-12-04 15:42:42 · 321 阅读 · 1 评论 -
封装微信小程序中input组件组件
<view class='input-row line'> <text class="iconfont {{iconfont1}}" /> <input name="{{name}}" value="{{value}}" maxlength="{{maxlength}}" password="{{password}}" ...原创 2019-11-12 16:37:19 · 892 阅读 · 0 评论 -
npm设置淘宝镜像
淘宝 npm 网址https://npm.taobao.org/修改npm config set registry http://registry.npm.taobao.org/还原npm config set registry https://registry.npmjs.org/原创 2019-10-16 14:10:29 · 64 阅读 · 0 评论 -
常用正则表达式
一、校验数字的表达式数字:^[0-9]*$ n位的数字:^\d{n}$ 至少n位的数字:^\d{n,}$ m-n位的数字:^\d{m,n}$ 零和非零开头的数字:^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(\.[0-9]{1,2})?$ 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})$ 正数、负数、和小...原创 2019-10-12 20:40:59 · 298 阅读 · 0 评论 -
layui时间控件闪退问题
记录layui laydata控件闪退的问题主要原因是时间控件函数里没有添加trigger: 'click',就会导致党时间控件靠近浏览器窗口边缘的时候,时间控件没有找到合适位置打开日期弹框。防止页面被缩小查看,建议都写 <input class="layui-input" placeholder="查询日期" id="id" name="checkDate"> ...原创 2020-04-09 13:07:43 · 709 阅读 · 0 评论 -
⭐️⭐️表情图片CSDN,简书、知乎⭐️⭐️
CSDN支持表情整理一下CSDN支持表情方便今后使用(亲测有效)???? ???? ???? ???? ☺️ ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???? ???????? ???? ???? ???? ???原创 2021-04-08 16:04:22 · 1695 阅读 · 3 评论