前端
文章平均质量分 79
beeworkshop
长风破浪会有时,直挂云帆济沧海
展开
-
ES6形式常用的数组遍历函数
文章目录0. 给定一个数组1. find():查找成员对象2. findIndex():查找成员下标3. filter():过滤数组4. forEach():迭代数组5. some()和every():量词遍历6. map():变换7. reduce():规约0. 给定一个数组const arr = [{ name: '袁绍', age: 33, title: '本初', index: 2 }, { name: '曹操', age: 40, title: '孟德',原创 2022-04-29 12:18:05 · 818 阅读 · 0 评论 -
将Vue2中的console.log()调试信息移除
1. 安装babel-plugin-transform-remove-console插件cnpm install babel-plugin-transform-remove-console --save-dev2. 在babel.config.js配置文件中加入配置module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ // 加入以下内容,引入插件。 'transform-rem原创 2022-04-17 22:17:16 · 1205 阅读 · 0 评论 -
Git如何撤销提交(命令行+IDEA)
文章目录一、基于命令行1. 工作区的代码想撤销2. add到暂存区的代码想撤销3. 提交到本地仓库的代码想撤销4. 远程仓库的代码想要撤销二、基于 IDEA1. 未提交就撤销2. commit 了想撤销Undo CommitRevert Commit3. push 了想撤销一、基于命令行1. 工作区的代码想撤销可能有一天我正在写代码,写了很久发现写错了,想恢复到一开始的状态,一个笨办法就是把刚刚写的代码一行一行的删除,不过这种方式成本太高,我们可以通过git checkout – <file&转载 2022-04-01 17:10:00 · 37014 阅读 · 1 评论 -
VUE2速成-5(插件及打包)
文章目录一、Vue的插件大全二、Vue插件举例1. 轮播图插件(vue-awesome-swiper)2. UI组件库(Element UI)三、vue-cli打包部署一、Vue的插件大全先到 https://cn.vuejs.org/v2/guide/跳转到github上后,查看Components & Libraries部分。二、Vue插件举例1. 轮播图插件(vue-awesome-swiper)参考:https://github.com/surmon-china/vue-aw原创 2021-05-17 01:04:58 · 531 阅读 · 4 评论 -
VUE2速成-4(状态管理)
文章目录一、Vue状态管理1. 安装2. vuex的引用3. 什么是store4. 在组件中读取store对象5. 将store定义分离到独立的文件中6. 各组件状态同步更新(观察者模式)二、Vuex的核心概念1. 使用mapState读取状态值2. mutations改变状态3. 为mutations中的方法传递其他参数4. actions与异步操作5. Module的使用一、Vue状态管理如果有多个状态值需要在多个组件中传递,传递组件的层级可能还比较深,这时借助于props和自定义事件$emit来原创 2021-05-16 23:10:12 · 869 阅读 · 2 评论 -
VUE2速成-3(路由进一步及Ajax请求)
文章目录一、路由进一步1. 命名路由2. 重定向和别名3. HTML5 History模式4. 导航守卫4.1 全局前置守卫4.2 全局后置钩子4.3 路由独享的守卫4.4 组件内的守卫4.5 路由元信息4.6 路由懒加载二、几个需要说明的问题1. src/main.js2. @ is an alias to /src3. 让vue-cli为我们自动生成路由配置4. 让样式只在当前组件生效5. 初始化样式6. 修改router-link标签的激活样式一、路由进一步1. 命名路由给url路径起个名字。原创 2021-05-16 19:57:40 · 408 阅读 · 2 评论 -
VUE2速成-2(组件及路由)
文章目录一、组件1. 创建组件2. 引用组件3. 组件之间如何传递参数一、组件1. 创建组件生成<template> <div> <!-- 必须是唯一根元素 --> <p>组件:{{ title }}-{{ num }}</p> <div> <p>{{ count }}</p> <button @click="count +=原创 2021-05-14 17:10:08 · 890 阅读 · 11 评论 -
VUE2速成-1(基础知识)
文章目录一、.Vue 环境搭建与创建项目1. 搭建Vue环境2. vue-cli工程的目录二、Vue的基础知识1. 模板语法1.1 插值1.2 指令1.3 修饰符1.4 缩写2. 条件渲染3. 列表渲染4. 事件处理5. 数组更新检测一、.Vue 环境搭建与创建项目首先需要安装nodejs。# 查看nodejs是否安装成功(vue对nodejs版本要求不高只要v10+即可)node -v# nodejs的包管理工具是npm,而npm的镜像cnpm是淘宝推出的国内镜像。npm -v# 安装n原创 2021-05-12 23:13:35 · 1077 阅读 · 15 评论 -
JS之 URL 对象
URL 是互联网的基础设施之一。浏览器提供了一些原生对象,用来管理 URL。1、URL 的编码和解码网页的 URL 只能包含合法的字符。合法字符分成两类。URL 元字符:分号(;),逗号(,),斜杠(/),问号(?),冒号(:),at(@),&,等号(=),加号(+),美元符号($),井号(#)语义字符:a-z,A-Z,0-9,连词号(-),下划线(_),点(.),感叹号(!),波浪线(~),星号(*),单引号(’),圆括号(())除了以上字符,其他字符出现在 URL 之中都必转载 2020-06-19 12:55:51 · 3754 阅读 · 1 评论 -
Github上 10 个开源免费且优秀的后台控制面板
Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套后台控制面板并不容易,幸运的是有很多开源免费的后台控制面板可以给开发者使用,那么有哪些优秀的开源免费的控制面板呢?我在 Github 上收集了一些优秀的后台控制面板,并总结得出 Top 10。一、AdminLTEGithub Star 数 24969 ,Github 地址:https://github.com/almasaeed2010/AdminLTE。非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。二、vue-转载 2020-06-15 12:24:22 · 185 阅读 · 0 评论 -
recorder.js 基于Html5录音功能的实现
recorder.jsmicrophone基于HTML5的录音功能,输出格式为mp3文件。前言完全依赖H5原生API所涉及的API:WebRTC、AudioContext、Worker、Video/Audio API、Blob、URL兼容性Chrome、FF、Edge、QQ、360(注:目前IE和Safari全版本不兼容)其中Chrome47以上以及QQ浏览器强制要求HTTPS的支持请尝试使用FF、Edge、360等浏览器进行体验,或将项目下载到本地通过localhost的方式使用方式v转载 2020-06-10 13:07:41 · 1448 阅读 · 0 评论 -
HTTP协议中要记住的一些知识点
Connection:keep-alive表示HTTP协议支持长连接(默认是短连接)。HTTP1.1开始支持长连接。HTTP地址URI=URL + URN原创 2020-06-06 16:05:58 · 181 阅读 · 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})?$正数、负数、和小数:^(\-|\+)?\d+(\.\d+)?$有两位小数的正实数:^[0-9]+(.[0-9]{2})?$有1~3位小数的正转载 2020-05-31 11:29:23 · 1123 阅读 · 0 评论 -
懒人HTML5笔记-2(常用标签)
一. 超链接标签常用范例<a href="#bottom" name="top">回到底部(锚点功能)</a><a href="index01.html" target="_blank">跳转到本地的资源</a><a href="http://www.baidu.com">跳转到网络位置</a>br*80【敲Tab】<a href="#top" name="bottom">回到顶部(锚点功能)</a&g原创 2020-05-17 14:30:52 · 354 阅读 · 0 评论 -
懒人HTML5笔记-1
一. 文档约束HTML4<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">HTML5<!DOCTYPE html>二. 编码HTML4<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="原创 2020-05-16 17:27:48 · 285 阅读 · 0 评论 -
JS 之原型与原型链
写在前面原型和原型链一直都是 JavaScript 中很重要的概念,理解它们有助于我们理解预定义引用类型间的关系以及 JavaScript 中对象继承的实现机制,下面是我对原型和原型链的理解和总结。原型原型对象理解函数对象的 prototype 属性我们创建的每一个函数都有一个 prototype 属性,这个属性是一个指针,指向一个对象。这个对象的用途是包含可以由特定类型的所有实例共享的...转载 2020-04-12 18:03:56 · 103 阅读 · 0 评论 -
JS 之经典实例
跨浏览器事件跨浏览器添加事件//跨浏览器添加事件 function addEvent(obj,type,fn){ if(obj.addEventListener){ obj.addEventListener(type,fn,false); }else if(obj.attachEvent){//IE o...转载 2020-04-08 08:54:56 · 212 阅读 · 0 评论 -
使用POI让java可以操作Excel(4)
将Excel文件上载并把其中的数据导入数据库前端借助jQuery-EasyUI来实现在jquery-easyui-1.9.4/themes/icon.css文件尾部添加.icon-import-excel{ background:url('icons/ImportExcel.png') no-repeat center center;}上载图标 ImportExcel.png 在...原创 2020-03-08 22:40:02 · 162 阅读 · 0 评论 -
使用Springboot接收前端Ajax发送的json
1. 后端Springboot通过 https://start.spring.io/ 获得项目框架。在eclipse中导入下载的Maven项目。Maven添加fastjson依赖包<!-- https://mvnrepository.com/artifact/com.alibaba/fastjson --><dependency> <groupId&g...原创 2020-03-04 00:44:13 · 2199 阅读 · 0 评论 -
JS中的this使用总结
导读 this是JavaScript的一个关键字,函数调用时才会出现;因为函数是在一定的环境中运行的,调用函数时肯定需要知道是[谁调用的]?就用到了this进行指向;那么this到底指向的是什么?this 既不指向函数自身,也不指函数的词法作用域,而是调用函数时的对象!一、this原理this是JavaScript的一个关键字,函数调用时才会出现;因为函数是在一定的环境中运行的,调用函...转载 2020-02-25 10:26:03 · 176 阅读 · 0 评论 -
前端之Ajax和Json
传统实例function loadName(){ var xmlHttp; if(window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest(); }else{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } alert("readState状态:"+xmlHttp.readySt...原创 2020-01-11 00:05:42 · 163 阅读 · 0 评论 -
前端之js对象机制
Function是对象。var sayFunc=new Function("name","age","alert(name+'今年'+age+'岁')");sayFunc("潘金莲",17);console.log("方法对象的属性"+sayFunc.length);//sayFunc.length输出的是参数的个数js的闭包闭包就是能够读取其他函数内部变量的函数。由于在Jav...原创 2020-01-10 21:12:13 · 252 阅读 · 0 评论 -
Bootstrap学习笔记-2
一个栅格的例子项目结构<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8">...原创 2019-11-24 00:32:50 · 106 阅读 · 0 评论 -
Bootstrap学习笔记-1
参考网站Bootstrap参考这里jQuery参考这里LESS参考这里环境搭建在eclipse中新建Web(Dynamic Web Project)项目在项目的WebContent目录下新建bootstrap3目录,用于存放bootstrap的源文件。拷贝bootstrap的源文件:bootstrap是基于jQuery的,还要拷贝jQuery。到这里:...原创 2019-11-23 14:33:56 · 125 阅读 · 0 评论 -
用PC上的浏览器调测touch事件
手机前端的开发中,会涉及到调测touch事件——touchstart(),touchmove(),touchend()。如果使用PC端的浏览器,可能会出现不支持上述事件的情况。那么怎么让PC端的浏览器支持touch事件呢?1. 对于chrome浏览器在google chrome浏览器中开启响应式调测模式。2. 在Firebox浏览器中开启响应式模式并开启触摸模拟。...原创 2019-11-17 13:52:40 · 3729 阅读 · 0 评论 -
XML与XPath的小贴士
XML基本规定任何开始的东西都必须由结束。<aTag src="apic.png"></aTag>如果要省略结束标签,必须如下:<aTag src="apic.png" />开始和结束标签必须严格匹配。XML是区分大小写的。XML规范继承了SGML的DTD(Document Type Definition)。W3C还定义了另外一...原创 2019-08-17 17:33:20 · 310 阅读 · 0 评论