诺十一-CSDN博客

原创 Object 详解

Object 详解Object 详解1. Object 介绍1.1 作用1.2 Object 的组成1.3 如何访问对象1.4 判断2. Object 创建3. Object 属性Object 详解1. Object 介绍1.1 作用通俗来讲Object就是用来存储数据的一种容器，利用对象可以统一管理多个数据1.2 Object 的组成属性：属性名（字符串）和属性值（任意类型）方法：一种特殊的属性（属性值是函数）1.3 如何访问对象.属性名：编码简单，特殊情况下不能使用属性名包含

2021-04-12 15:17:58 5923

原创前端常用设计模式

设计模式设计模式1. 设计模式分类2. 常用设计模式2.1 测试页面2.2 单例模式2.2.1 作用2.2.2 代码展示2.2.3 案列：打印日志2.3 工厂模式2.3.1 简单工厂模式2.3.1.1 作用2.3.1.2 代码展示2.3.2 工厂模式2.3.2.1 作用2.3.2.2 代码展示2.4 外观模式(门面模式)2.4.1 作用2.4.2 代码展示设计模式1. 设计模式分类工厂方法模式1、抽象工厂模

2021-04-12 16:20:25 290

原创 js万能时间转换

时间的操作是一个很常见的操作，有时候要展示成“2021-01-11”，“2021年01月11日”…每一次都需要写一遍代码，感觉很浪费时间，所以今天打算封装一个公共的方法，以便以后使用，在菜鸟教程查看Date相关api时，看见了一篇笔记，使我受益匪浅。向作者致谢。。进入正文开始封装Date.prototype.format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d

2021-01-11 11:47:53 593

原创 mui 普通选择器(picker)和时间选择器(dtpicker)的使用和封装

小白初次接触mui框架，因为官方文档简单且描述不全，因此在做选择器的时候是一步一个坑。现在贴一个完整的demo，方便以后查看。html页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&gt

2020-11-11 18:42:56 1250

原创纯css完成手风琴效果

代码<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>垂直手风琴</title> <style> .menuBox { backgrou

2020-05-11 23:47:11 495

原创 Java写注册接口+Vue项目调用（纯小白系列）

接口流程1.技术栈2.开发流程2.1创建后台项目2.1.1创建Maven Project2.1.2创建配置文件2.1.3pom.xml 配置文件2.1.4开发接口2.1.4.1第一步：设置项目启动类（入口）2.1.4.2第二步：创建实体类2.1.4.2.1创建统一响应请求类（Response.java）2.1.4.2.2创建用户实体类（User.java）2.1.4.3第三步：创建controller层2.1.4.4第四步：创建service层2.1.4.5第五步：创建serviceImpl层2.1.4.6

2020-05-11 19:22:27 4672 2

原创 vue获取本地json数据

vue获取本地json数据最近练习vue的时候，因为是通过vue-cli4搭建的项目，和vue-cli2搭建项目的目录结构不一样。静态文件的放置位置在public文件里。为了降低模块间的耦合度和方便管理，所以我把axios获取数据给进行了一些列的封装，代码如下：引入axios且创建，进行配置值得一提的是axios返回值是promiseimport axios from "axio...

2020-05-08 09:28:09 5417 4

原创 jq插件(一) —— 列表及其相关操作

JQ插件(一) —— 列表及其相关操作为了提高开发效率，我们可以把公共的东西以插件的形式做出来，只需要简单的调用即可。因为是基于jQuery做的，所以要提前先引入jQuery。1）、插件代码; //防止多个文件压缩合并以为其他文件最后一行语句(function ($, window, document, undefined) { var that = ""; var ta...

2020-01-16 14:27:02 436

原创 GET或者POST请求下的理想传参方式

最近在与后端进入接口调试的时候，有遇见参数非必传的情况（即若有值则传入，否则不传）。刚开始的思路是传了一个空值（null ），但是null在前端是空值，传入接口后其就变成了一个字符串，故此会发生一系列的错误。接口正常却查不到数据，这样子多半是传参问题，最后检查将问题定位到了参数为空这儿。理想传参方式：若是参数有值则将其传入，否则省略（ps：仅限于这些参数不是必传的情况下）。思路：将参数放入对象...

2019-09-18 09:24:57 1303

原创 Vuex 的简单应用

Vuex 的简单应用文章目录Vuex 的简单应用1、Vuex 是什么？2、Vuex 的固定格式3、Vuex 的简单应用3.1、Vuex 的简单应用3.1.1、思路3.1.2、main.js 里引入3.1.3、组件代码3.1.4、store.js内容3.2、Vuex 在真实项目中的使用3.2.1、文件目录格式3.2.2、main.js 里引入3.2.3、组件代码3.2.4、store文件里对应模块...

2019-06-04 17:28:26 759

原创 vue项目中使用生成动态二维码

vue项目中使用QRCode.js生成二维码看了好多blog，也尝试了多种方法，最后在QRCode.js文档上终于看懂了一些，一路踩着坑，终于做出了符合自己心意的东西。1、环境准备（1）、首先在项目中安装qrcodejs2：npm i qrcodejs2（2）、在组件中调用，我是在哪儿使用哪儿调用的。（ps：在main.js中引入会报错）2、代码<template> ...

2019-06-03 19:27:57 1514

原创 vue 显隐操作

vue 显隐操作1、v-if 实现显隐（1）、显示<template> <div> <button @click="btn">显示</button> <h1 v-if="if_show">点击显示之后显示的内容</h1> </div></template...

2019-05-29 18:31:43 662

原创 vue 简易路由导航守卫

vue路由导航守卫vue 官方文档目的：在没有登录之前，无法进入首页src/router/index.js improt Vue from 'vue' import Router from 'vue-router' // 引入两个组件 improt index from '../pages/TestIndex' improt login from '.....

2019-05-29 18:29:33 216

原创简单订单编号生成思路（时间+时间戳）

简单的订单编号生成思路，即由时间（YYYYMMDD）+时间戳的格式生成。 //自定义订单编号生成规则由YYYYMMDD(年月日) + 时间戳的格式组成 let currDate = new Date(); let year = currDate.getFullYear(); let month = currDa...

2019-05-24 11:13:14 12491 1

原创 vue+element的表格分页和搜索功能（使用计算属性进行搜索）

之前做一块的时候，从网上找到东西能满足需求，却不能更好的符合操作规范，所以在vue+element的表格分页和搜索功能基础上进行了更改。话不多说，直接看代码：<template> <div> <div class="searchBox"> <el-input prefix-icon="iconfont icon-sousuo" ...

2019-05-22 16:53:21 6315 3

原创云服务器上部署nginx，且发布静态页面

1、申请服务器云服务器申请的是阿里云的，购买完centos7服务器后，一定要进入阿里云的管理控制台的安全组规则，入方向，添加安全组规则，开放80端口，授权对象填写0.0.0.0/0授权所有ipv4地址。切记，我就是没搞这个，然后各种搞防火墙开80端口，然后浏览器一直还是无法访问。且为了以后使用方便在设置安全组规则时，直接将端口开放范围设置到了1~20000。2、借助Xshell和Xftp进行操...

2019-05-21 09:34:37 2031

原创通过js实现点击按钮，复制文本框的内容

点击复制按钮，进行文本框内容的复制。使用js实现这一功能： 1、HTML部分：<label>id：</label><input type="...

2019-05-08 16:38:58 1960

原创 Vue里的proxyTable解决跨域，api接口管理

本文单纯的介绍Vue项目中接口的集中管理以及跨域的解决方法。1.webpack里的proxyTable设置跨域：config->index.jsmodule.exports = { dev: { assetsSubDirectory: 'static', ...

2019-04-25 18:37:08 2471

原创 vue + elemetui — upload解决跨域、实现图片上传

最近做Vue项目，需要用到图片上传的功能，因为是PC端后台项目，故而采用了element-ui组件库里的upload上传的组件。本文主要解决上传时的跨域问题。 action属性便是上传的地址，需要进行跨域。话...

2019-04-25 18:07:54 8041 1

原创微信公众号开发中，安卓和IOS系统兼容问题（后续整理...）

移动端开发中，需要考虑安卓系统和IOS系统的兼容问题。IOS系统对于某些样式会有自己的样式设置。对于开发很不利，需要将其。 1.select在IOS中会存在阴影。 /*解决移动端iOS下兼容问题*/ /*select*/ select{ -webkit...

2019-04-03 16:32:20 4025

原创 Vue项目中实现网页授权

今天突然要做微信公众号项目，第一次接触就要做一个微信网页授权的功能，看文档看了半天，懵逼的进去懵逼的出来，后来找度娘，看各种博客，终于明白了一些，然后知道了微信网页授权分两种，第一种是snsapi_base（静默授权，用户无感知），第二种是snsapi_userinfo（第一次授权需要用户点击登录确认）。静默授...

2019-03-20 21:58:41 2860 1

原创 vue + elementUI 给input输入框添加字体小图标

基于vue框架，使用element-ui组件库写表单效果，需要添加字体小图标，效果如下： &nbsp...

2019-03-19 15:03:00 21230 3

原创 vue时间戳——获取本地时间，实时更新

        基于vue写一个实时更新获取本地时间的时间戳。<template> <p>当前时间：{{nowTime}}</p></template><script> export default{ data(

2019-03-13 10:00:17 33502 5

转载 vue+element的表格分页和搜索功能

        最近在做后台系统，要求就是要做一个table表格，需要有分页和搜索的功能。框架是主流框架Vue，组件库选用的是elementui。以下就是简单的，还没有添加任何操作的demo<template> <div> <el-input v-model="table

2019-03-12 18:18:03 8154 11

转载 vue简单实现手机验证码60秒倒计时功能

<template> <span v-show="show" @click="getCode">获取验证码</span> <span v-show="!show" class="count">{{count}} s</span></template>

2019-03-07 12:07:37 1987 1

原创鼠标左击，出现文字

        最近浏览一些网页或者博客的时候，发现在鼠标左击的时会弹出"富强",“民主”,“文明”,"和谐"等文字。感觉效果挺不错的，但是他们对文字的样式设置过于单调了，正好最近做项目的时候，也封装了一个比较炫酷的这个效果。首先看看html代码(这个盒子是放效果的地方，可自定义)<div class=&qu

2019-01-24 13:38:54 800

原创在bower上，发布自己的包

1、前言要想在bower上面发布自己的东西，首先得有自己的GitHub，而且自己要发布的东西必须在自己的GitHub里边，至于如何拥有自己的github库以及如何建立连接，我在git 的安装及使用里边有详细介绍。2、bower简介Bower 是 twitter 推出的一款包管理工具，基于nodejs的模块化思想，把功能分散到各个模块中，让模块和模块之间存在联系，通过 Bower 来管理模块间...

2019-01-17 20:08:12 316

原创 git 的安装及使用

1、git的简单介绍Git(分布式版本控制系统)是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。Git 是 Linus Torvalds 为了帮助管理Linux 内核开发而开发的一个开放源码的版本控制软件。①优点1.从服务器上克隆完整的Git仓库（包括代码和版本信息）到本地2.适合分布式开发，强调个体。3.公共服务器压力和数据量都不会太大。4.速度快，...

2019-01-17 19:38:00 142

原创如何使用npm，发布自己的包

最近一段时间接触了团队项目，然后团队做了一个网站，写了自己的组件库，期间就需将自己的组件库发布到npm中，通过npm install shapeui来安装。（shapeui目前还在写......）。因为我要负责将我们的组件包发布到npm中，所以就接触了一下这个，百度的话也有好多大佬的教程，挺详细的。写出来，怕以后忘记了！npm官网地址：https://www.npmjs.com1、注册账号...

2019-01-17 15:05:49 333

原创前端词汇（后续整理）

1.web开发词汇之页面布局词汇中文注释（layout）header头部/页眉index首页/索引nav/sub_nav导航/子导航logo标志banner横幅广告main/content主体/内容container/con容器wrapper/wrap包裹（类似于container）menu菜单/按钮su...

2018-10-24 21:16:50 681

枫