w1725034682的博客

原创 在HTML中解释存储对象

正如网络存储词所代表的那样，它将数据存储在用户的浏览器中。在HTML 5之前，开发人员使用cookie在本地存储数据，但cookie允许存储有限数量的数据，例如以千字节为单位。本地存储允许用户存储高达5 MB的数据。开发人员使用cookie将数据存储在浏览器中，并在客户端和服务器之间进行交换。当我们将数据存储在cookie中时，它会在特定时间后过期。但是，我们可以设置数据的过期，但它仍然会在很长一段时间后过期。

原创 前端学习路线

MVC框架: Routing, Database Mapping, Helpers, Data Binding, Templating & UI。JavaScript框架: React, Angular 2, Vue.js, Express(后端)图像编辑器:Photoshop, Illustrator, GIMP, Something slse。理解数据类型: String, Number, Arrays, Objects, etc。Wordpress(强烈推荐), Joomla, Drupal。

原创 es6实际开发中的问题

如何检查元素是否具有指定的类？页面DOM里的每个节点上都有一个classList对象，程序员可以使用里面的方法新增、删除、修改节点上的CSS类。使用classList，程序员还可以用它来判断某个节点是否被赋予了某个CSS类。const hasClass = (el, className) => el.classList.contains(className)// 事例hasClass(document.querySelector('p.special'), 'special') // t.

原创 数字转换为大写金额

changeToChinese (Num) { //判断如果传递进来的不是字符的话转换为字符 if(typeof Num == "number") { Num = new String(Num); }; Num = Num.replace(/,/g, "") //替换tomoney()中的“,” Num = Num.replace(/ /g, "") //替换tomoney()中的空格 Num = Num.replace(/￥/g, "") //替

原创 Element UI表单设计及代码生成器

简介Element UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中。github pages地址gitee pages地址 较快github仓库码云仓库配套vscode插件特点可视化设计表单一键生成原生的vue单页表单代码，100%拓展性在线编辑器修改生成的代码，并实时预览表单栅格化布局支持表单校验快速查阅Element UI官方文档配套vscode插件插件vscode-plugin分支配套插件为：form-generator-p

原创 阿拉伯数字翻译成中文的大写数字

numberToChinese (num) { var AA = new Array("零", "一", "二", "三", "四", "五", "六", "七", "八", "九", "十"); var BB = new Array("", "十", "百", "仟", "萬", "億", "点", ""); var a = ("" + num).replace(/(^0*)/g, "").split("."), k = 0, re = ""; for(var i = a[

原创 检测密码强度

/* 检测密码强度*/checkPwd (str) { var Lv = 0; if (str.length < 6) { return Lv } if (/[0-9]/.test(str)) { Lv++ } if (/[a-z]/.test(str)) { Lv++ } if (/[A-Z]/.test(str)) { Lv++ } if (/[\.|-|_]/.test(str)) { Lv++ }

原创 数组去重

/*去重*/unique (arr) { if ( Array.hasOwnProperty('from') ) { return Array.from(new Set(arr)); }else{ var n = {},r=[]; for(var i = 0; i < arr.length; i++){ if (!n[arr[i]]){ n[arr[i]] = true; r.push(arr[i]); }

原创 日期格式化

/** * 格式化时间 * @param {time} 时间 * @param {cFormat} 格式 * @return {String} 字符串 * @example formatTime('2018-1-29', '{y}/{m}/{d} {h}:{i}:{s}') // -> 2018/01/29 00:00:00 */formatTime(time, cFormat) { if (arguments.length === 0) return null if ((tim

原创 身份证格式,表单格式判断

checkStr (str, type) { switch (type) { case 'phone': //手机号码 return /^1[3|4|5|6|7|8|9][0-9]{9}$/.test(str); case 'tel': //座机 return /^(0\d{2,3}-\d{7,8})(-\d{1,4})?$/.test(str); case 'card': //身份证 return /(^\d{15}$)|(^\d{1

原创 判断设备类型

判断设备isIos () { var u = navigator.userAgent; if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机 // return "Android"; return false } else if (u.indexOf('iPhone') > -1) {//苹果手机 // return "iPhone"; return true..

原创 vue项目实用库

UI组件element- 饿了么出品的Vue2的web UI工具套件Vux- 基于Vue和WeUI的组件库mint-ui- Vue 2的移动UI元素iview- 基于 Vuejs 的开源 UI 组件库Keen-UI- 轻量级的基本UI组件合集vue-material- 通过Vue Material和Vue 2建立精美的app应用muse-ui- 三端样式一致的响应式 UI 库vuetify- 为移动而生的Vue JS 2组件框架vonic- 快速构建移动端单页应用eme- 优雅的Mar

原创 js字符串方法整理

charAt()返回指定索引出的字符var str = 'abcde';var c = str.charAt(2);console.log(c); //'c'console.log(str); //'abcde'charCodeAt()返回指定索引出的unicode字符var str = 'abcde';var c = str.charCodeAt(2);console.log(c); //99console.log(str); .

原创 js中对象方法整理

Object.assign()用于克隆 var first = {name : 'kong'}; var last = {age : 18}; var person = Object.assign(first, last); console.log(person);//{name : 'kong', age : 18Object.is()用于判断两个值是否相同 Object.is(a, b);//返回true或false //注意，该函数与运.

原创 深拷贝和浅拷贝

浅拷贝for···in只循环第一层// 只复制第一层的浅拷贝function simpleCopy(obj1) { var obj2 = Array.isArray(obj1) ? [] : {}; for (let i in obj1) { obj2[i] = obj1[i]; } return obj2;}var obj1 = { a: 1, b: 2, c: { d: 3 }}var obj2 = s..

原创 chart组件的封装

<template> <div> <div :id="id+'mod'" :data="data" :style="{ width:'100%', height: height}"></div> </div></template><script>import { randomString } from "@/assets/js/common.js";export default { prop

原创 vue项目构建

第一步：安装node.js直接点https://pan.baidu.com/s/1kWz6PYv或者到中文官网http://nodejs.cn/下载安装包。第二步：npm和cnpmnpm install -g cnpm --registry=http://r.cnpmjs.org或者用淘宝的npm install -g cnpm --registry=https://registry.npm.taoba.org第三步： 初始化 vue-cli安装vue-clicnpm instal

原创 axios基础配置

第一步：main.jsimport axios from '@/api/apiConfig';Vue.prototype.$http = axios;第二步：apiConfig.jsimport axios from 'axios'// import store from '@/vuex/store.js'import { Message, Loading } from 'element-ui';import router from '@/router/index.js'import qs

原创 vscode基础插件安装

原创 js数组方法整理

就是把数组转换成字符串，然后给他规定个连接字符，默认的是逗号( ，) 书写格式：join(" ")，括号里面写字符串 ("要加引号"),