- 博客(30)
- 资源 (1)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
6080
原创 前端常用设计模式
设计模式设计模式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
312
原创 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
614
原创 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>
2020-11-11 18:42:56
1294
原创 纯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
508
原创 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
4753
2
原创 vue获取本地json数据
vue获取本地json数据最近练习vue的时候,因为是通过vue-cli4搭建的项目,和vue-cli2搭建项目的目录结构不一样。静态文件的放置位置在public文件里。为了降低模块间的耦合度和方便管理,所以我把axios获取数据给进行了一些列的封装,代码如下:引入axios且创建,进行配置值得一提的是axios返回值是promiseimport axios from "axio...
2020-05-08 09:28:09
5440
4
原创 jq插件(一) —— 列表及其相关操作
JQ插件(一) —— 列表及其相关操作为了提高开发效率,我们可以把公共的东西以插件的形式做出来,只需要简单的调用即可。因为是基于jQuery做的,所以要提前先引入jQuery。1)、插件代码; //防止多个文件压缩合并以为其他文件最后一行语句(function ($, window, document, undefined) { var that = ""; var ta...
2020-01-16 14:27:02
446
原创 GET或者POST请求下的理想传参方式
最近在与后端进入接口调试的时候,有遇见参数非必传的情况(即若有值则传入,否则不传)。刚开始的思路是传了一个空值(null ),但是null在前端是空值,传入接口后其就变成了一个字符串,故此会发生一系列的错误。接口正常却查不到数据,这样子多半是传参问题,最后检查将问题定位到了参数为空这儿。理想传参方式:若是参数有值则将其传入,否则省略(ps:仅限于这些参数不是必传的情况下)。思路:将参数放入对象...
2019-09-18 09:24:57
1334
原创 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
793
原创 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
1558
原创 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
697
原创 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
228
原创 简单订单编号生成思路(时间+时间戳)
简单的订单编号生成思路,即由时间(YYYYMMDD)+时间戳的格式生成。 //自定义订单编号生成规则 由YYYYMMDD(年月日) + 时间戳的格式组成 let currDate = new Date(); let year = currDate.getFullYear(); let month = currDa...
2019-05-24 11:13:14
12597
1
原创 vue+element的表格分页和搜索功能(使用计算属性进行搜索)
之前做一块的时候,从网上找到东西能满足需求,却不能更好的符合操作规范,所以在vue+element的表格分页和搜索功能基础上进行了更改。话不多说,直接看代码:<template> <div> <div class="searchBox"> <el-input prefix-icon="iconfont icon-sousuo" ...
2019-05-22 16:53:21
6344
3
原创 云服务器上部署nginx,且发布静态页面
1、申请服务器云服务器申请的是阿里云的,购买完centos7服务器后,一定要进入阿里云的管理控制台的安全组规则,入方向,添加安全组规则,开放80端口,授权对象填写0.0.0.0/0授权所有ipv4地址。切记,我就是没搞这个,然后各种搞防火墙开80端口,然后浏览器一直还是无法访问。且为了以后使用方便在设置安全组规则时,直接将端口开放范围设置到了1~20000。2、借助Xshell和Xftp进行操...
2019-05-21 09:34:37
2036
原创 通过js实现点击按钮,复制文本框的内容
点击复制按钮,进行文本框内容的复制。使用js实现这一功能: 1、HTML部分:<label>id:</label><input type="...
2019-05-08 16:38:58
1967
原创 Vue里的proxyTable解决跨域,api接口管理
本文单纯的介绍Vue项目中接口的集中管理以及跨域的解决方法。1.webpack里的proxyTable设置跨域:config->index.jsmodule.exports = { dev: { assetsSubDirectory: 'static', ...
2019-04-25 18:37:08
2509
原创 vue + elemetui — upload解决跨域、实现图片上传
最近做Vue项目,需要用到图片上传的功能,因为是PC端后台项目,故而采用了element-ui组件库里的upload上传的组件。本文主要解决上传时的跨域问题。 action属性便是上传的地址,需要进行跨域。话...
2019-04-25 18:07:54
8153
1
原创 微信公众号开发中,安卓和IOS系统兼容问题(后续整理...)
移动端开发中,需要考虑安卓系统和IOS系统的兼容问题。IOS系统对于某些样式会有自己的样式设置。对于开发很不利,需要将其 。 1.select在IOS中会存在阴影。 /*解决移动端iOS下兼容问题*/ /*select*/ select{ -webkit...
2019-04-03 16:32:20
4074
原创 Vue项目中实现网页授权
今天突然要做微信公众号项目,第一次接触就要做一个 微信网页授权 的功能,看文档看了半天,懵逼的进去懵逼的出来,后来找度娘,看各种博客,终于明白了一些,然后知道了微信网页授权分两种,第一种是snsapi_base(静默授权,用户无感知),第二种是snsapi_userinfo(第一次授权需要用户点击登录确认)。静默授...
2019-03-20 21:58:41
2896
1
原创 vue + elementUI 给input输入框添加 字体小图标
基于vue框架,使用element-ui组件库写表单效果,需要添加字体小图标,效果如下:  ...
2019-03-19 15:03:00
21304
3
原创 vue时间戳——获取本地时间,实时更新
基于vue写一个实时更新获取本地时间的时间戳。<template> <p>当前时间:{{nowTime}}</p></template><script> export default{ data(
2019-03-13 10:00:17
33576
5
转载 vue+element的表格分页和搜索功能
最近在做后台系统,要求就是要做一个table表格,需要有分页和搜索的功能。框架是主流框架Vue,组件库选用的是elementui。以下就是简单的,还没有添加任何操作的demo<template> <div> <el-input v-model="table
2019-03-12 18:18:03
8186
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
2001
1
原创 鼠标左击,出现文字
最近浏览一些网页或者博客的时候,发现在鼠标左击的时会弹出"富强",“民主”,“文明”,"和谐"等文字。感觉效果挺不错的,但是他们对文字的样式设置过于单调了,正好最近做项目的时候,也封装了一个比较炫酷的这个效果。首先看看html代码(这个盒子是放效果的地方,可自定义)<div class=&qu
2019-01-24 13:38:54
830
原创 在bower上,发布自己的包
1、前言要想在bower上面发布自己的东西,首先得有自己的GitHub,而且自己要发布的东西必须在自己的GitHub里边,至于如何拥有自己的github库以及如何建立连接,我在git 的安装及使用里边有详细介绍。2、bower简介Bower 是 twitter 推出的一款包管理工具,基于nodejs的模块化思想,把功能分散到各个模块中,让模块和模块之间存在联系,通过 Bower 来管理模块间...
2019-01-17 20:08:12
322
原创 git 的安装及使用
1、git的简单介绍Git(分布式版本控制系统)是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。Git 是 Linus Torvalds 为了帮助管理Linux 内核开发而开发的一个开放源码的版本控制软件。①优点1.从服务器上克隆完整的Git仓库(包括代码和版本信息)到本地2.适合分布式开发,强调个体。3.公共服务器压力和数据量都不会太大。4.速度快,...
2019-01-17 19:38:00
150
原创 如何使用npm,发布自己的包
最近一段时间接触了团队项目,然后团队做了一个网站,写了自己的组件库,期间就需将自己的组件库发布到npm中,通过npm install shapeui来安装。(shapeui目前还在写......)。因为我要负责将我们的组件包发布到npm中,所以就接触了一下这个,百度的话也有好多大佬的教程,挺详细的。写出来,怕以后忘记了!npm官网地址:https://www.npmjs.com1、注册账号...
2019-01-17 15:05:49
347
原创 前端词汇(后续整理)
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
695
mogujie.rar
2021-05-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人