web前端
文章平均质量分 59
小皇帝web前端
积累自己前端路上的知识,以备参考。
展开
-
Vue Element正则验证(所有)
1. 手机号: var validateMobilePhone = (rule, value, callback) => { if (value === '') { callback(new Error('手机号不可为空')); } else { if (value !== '') { var reg=/^1[3456789]\d{9}$/; if(!reg.tes.原创 2021-02-02 08:58:41 · 1705 阅读 · 1 评论 -
async await处理异步请求数据
vue使用axios向后端发送请求。默认是异步发送请求。 例如: handleSubmitTest(systemId) { fetchGetProjectInfoBySystemId(systemId).then(response => { const projectObj = response.data.data const branchObj = this.getBranchInfoB...原创 2020-06-22 16:09:56 · 1413 阅读 · 0 评论 -
原生JS获取HTML DOM元素
通过ID获取(getElementById) document.getElementById('id')通过name属性(getElementsByName) document.getElementsByName('name')通过标签名(getElementsByTagName) document.getElementsByTagName('div');通过类名(getElementsByClassName) document.getElementsByClassName('anim.原创 2020-05-25 14:40:05 · 207 阅读 · 0 评论 -
js递归函数
递归函数:是指函数直接或间接调用函数本身,则称该函数为递归函数。function foo(){ console.log("函数 foo 是递归函数。"); foo();}这是一个死循环使用递归函数必须要符合两个条件:1、 在每一次调用自己时,必须是(在某种意义上)更接近于解;这句话怎么理解?大家家里都有楼梯吧?比如从一楼走到二楼,那么我们的起点是一楼,目的地是二楼,当你往上每走一个台阶是不是越接近二楼,也就是越接近目的地。因此这句话可以这样理解:函数每一次调用自转载 2020-05-11 11:12:44 · 612 阅读 · 0 评论 -
Vue性能优化
Vue性能优化今天来谈一谈Vue中一些性能优化的问题,仅仅是个人使用中的一些小心得,来,今天我一句废话不多说,直接上内容好吧 1.v-if和v-show的使用, 我们都知道这两个都可以控制显隐,那我们用哪个呢,个人觉得要从两个方面入手来确定使用哪个, 1.权限的问题,只要涉及到权限相关的展示用v-if比较好 2.切换地频率,如果频繁的切换我们用v-show,...翻译 2020-03-10 16:43:44 · 291 阅读 · 0 评论 -
vue中实现登录控制
sessionStorage.username = this.username; 上面的登录页面注意:login方法中登录成功需要写入sessionStorage以便路由进行判断 import Vue from 'vue'import Router from 'vue-router' Vue.use(Router) const routes = [ {...翻译 2019-12-13 10:08:07 · 141 阅读 · 0 评论 -
时间戳转时间
var nowdate = new Date();var starttime=Math.round(new Date().getTime()/1000);var y = nowdate.getFullYear();var m = nowdate.getMonth()+1;var d = nowdate.getDate();var formatnowdate = y+'-'+m+'-'+...原创 2019-11-28 18:55:53 · 397 阅读 · 0 评论 -
js 时间戳转为日期格式
js 时间戳转为日期格式 什么是Unix时间戳(Unix timestamp): Unix时间戳(Unix timestamp),或称Unix时间(Unix time)、POSIX时间(POSIX time),是一种时间表示方式,定义为从格林威治时间1970年01月01日00时00分00秒起至现在的总秒数。Unix时间戳不仅被使用在Unix系统、类Unix系统中,也在许多其他操作系统中被广...翻译 2019-01-28 19:58:07 · 402 阅读 · 0 评论 -
jQuery常用
0、常用代码:请容许我在1之前插入一个0,我觉得我有必要把最常用的代码放在第一位,毕竟大部分时间大家都是找代码的。(1)AJAX请求$(function() { $('#send').click(function() { $.ajax({ type: "GET", //GET或POST, async:true, //默认设置为true,所有请求均为异步请求。 ...翻译 2018-10-23 09:57:49 · 117 阅读 · 0 评论 -
npm安装 vue-cli安装
一、使用之前,我们先来掌握3个东西是用来干什么的。npm: Nodejs下的包管理器。webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装)开始:...翻译 2018-10-09 08:57:40 · 1702 阅读 · 0 评论 -
数组去重
1.最基本的去重方法思路:定义一个新数组,并存放原数组的第一个元素,然后将元素组一一和新数组的元素对比,若不同则存放在新数组中。function unique(arr){ var res = [arr[0]]; for(var i=1;i<arr.length;i++){ var repeat = false; for(var j=0;j<...翻译 2018-08-20 18:51:19 · 97 阅读 · 0 评论 -
Android开发学习总结(一)——搭建最新版本的Android开发环境
一、下载相关软件 android开发环境 准备工作:下载Eclipse、JDK、Android SDK、ADT插件 下载地址:JDK:http://www.oracle.com/technetwork/java/javase/downloads/index.html Eclipse:http://www.eclipse.org/downloads/...翻译 2018-08-22 08:43:42 · 211 阅读 · 0 评论 -
Jquery制作弹窗效果
Jquery弹窗效果1.主页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">...翻译 2018-08-16 10:59:04 · 1319 阅读 · 0 评论 -
ajax处理增删改查
前端处理<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&翻译 2018-08-16 10:56:02 · 1909 阅读 · 1 评论 -
日期范围操作以及比较
格式为yyyyMMdd,如20120101的日期比较大小: 2 样例代码: 3 格式为yyyy-MM-dd,如2012-01-01的日期比较大小: 4 样例代码: 5 格式为yyyy/MM/dd,如2012/01/01的日期比较大小: 6 样例代码: ...翻译 2018-08-15 14:32:28 · 633 阅读 · 0 评论 -
JQuery Easy Ui dataGrid 数据表格 此文章解决easy ui 足矣
JQuery Easy Ui dataGrid 数据表格使用方法(Usage Example)从现有的表单元素创建数据表格,定义在html中的行,列和数据。table class="easyui-datagrid"> thead> tr> th data-options="field:'code'">翻译 2017-12-04 09:39:45 · 2855 阅读 · 0 评论 -
浏览器兼容-----前端最头疼的问题
1 ie6.0横向margin加倍产生因素:块属性、float、有横向margin。解决方法:display:inline;2 ie6.0下默认有行高解决方法:overflow:hidden;或font-size:0;或line-height:xx px;3 在各个浏览器下img有空隙(原因是:回车。)解决方法:让图片浮动。4 一个父标签与几个子标签嵌套,父原创 2017-11-03 10:28:00 · 258 阅读 · 0 评论 -
web前端页面性能优化小结
一、提倡前端开发工程师在书写xhtml的时候做到结构语义化。结构中主要包括了head和body两个部分,但是我们经常说的是结构语义化主要是body中的标签,但是我在这里还是简单的说一下head,head中其实包括了一些对于我们seo很有用的一些东西,比如title,Description,Keywords,这些东西在蜘蛛抓取的时候都是有帮助的,当然,还有其他的一些,我在此就不一一说明了,比原创 2017-11-06 13:13:37 · 224 阅读 · 0 评论