前端
文章平均质量分 82
christyleylh
程序猿...
展开
-
关于JS对象数组的交集、并集、差集和去重
这几种情况应用场景都很广泛,所以总结一下。//求两个对象数组的交集1.求交集var arr1 = [{id:1,name:'apple'},{id:2,name:'banana'},{id:3,name:'cat'}];var tmpArr = [];for (var i=0,len=arr1.length;i<len;i++){ tmpArr.push(arr1[i]...原创 2019-12-25 16:13:01 · 1451 阅读 · 1 评论 -
Spring项目报错:One or more listeners failed to start.
如果之前项目一直可以正常启动,突然启动不了tomcat,并且报错:One or more listeners failed to start.一般是build Artifacts 时出了问题。把项目目录下的target 文件夹删除,再重新启动tomcat就可以了日志出现如下,即项目启动成功。...原创 2019-10-12 09:30:46 · 419 阅读 · 0 评论 -
Vue项目运用webpack多环境配置的问题和本地开发跨域问题
实际运用场景在我们开发前端应用中,往往需要使用多个环境,例如1.本地开发环境2.测试环境3.正式环境所以每个环境都需要对相应的服务器地址、环境专属变量等做出单独的配置。Vue项目1.初始化我们使用vue-cli init生成的项目,调试与打包已经为我们在package.json中做好了。/* /package.json */"scripts": { ...原创 2019-05-15 16:18:46 · 1157 阅读 · 0 评论 -
关于JS数组过滤的问题,两个数组合并
实际运用场景:A数组是原始数组,B数组是需要过滤的数组,这时候我的需求是:得到从A数组中过滤掉B数组的所有元素得到C数组。var aArray = [];var bArray = [];var cArray = [];var temp = []; //临时数组1var temparray = [];//临时数组2if (bArray && bArray....原创 2019-04-08 15:35:06 · 1048 阅读 · 0 评论 -
关于JS数组循环删除元素
问题: 假设有一个数组 arr [a,b,c,d,e] ,想把 c 和 d 从数组删除解决方法: 循环数组,再用 splice 方法删除 , 但是删除c的时候会发现数组的长度和下标都已经发生改变 ,所以这个方法要改进一下 。用逆向循环。for (var i = arr.length - 1; i >= 0; i--) { if (判断条件) { ar...原创 2019-04-08 15:24:15 · 5352 阅读 · 1 评论 -
vueJS+webpack+elementUI打造的简易后台管理系统
学习vue有一段时间(学习的是vue.js 2.x版本),今天就试试用vue来写一个简易的后台管理系统(PC端,前端页面,业务功能未实现)。我们先来看一下最终的成果图:1.项目的创建前端模块化开发,使用的是vue官网的 Vue Cli 初始化项目。(1)全局安装vue-clinpm install -g vue-cli(2)使用vue-cli初始化项目v...原创 2018-10-24 17:36:00 · 2111 阅读 · 0 评论 -
JS中关于this的理解
JavaScript:this是什么?定义:this是包含它的函数作为方法被调用时所属的对象。看定义有点懵……先来看一个题目://以下代码输出什么?为什么?var number = 50;var obj = { number: 60, getNum: function () { var number = 70; return this.number; }}...原创 2018-09-27 11:38:55 · 1196 阅读 · 0 评论 -
JS 对时间的一些处理
在做web的时候,我们常常有这样的需求,设置搜索条件,查找某一段时间段的列表数据。开始时间(beginTime)到截止时间(endTime)、近三天、近七天、本周、本月等等,这些都涉及到对时间的处理。这里即总结一下JS对时间的一些处理和格式化操作:var formatDate = function(date, type) { var y = date.getFullYear();...原创 2018-07-30 15:17:41 · 468 阅读 · 0 评论 -
本地开发接口并调试的跨域问题
由于后端接口与前端布置的服务器地址和端口的不一致,都会导致跨域不允许。类似于下图这种,动后端代码和前端代码(type:jsonp等)都可以,但是我们不这么做,这时候我们可以采用nginx来解决跨域问题,原理大致是:通过nginx配置一个代理服务器做跳板机,反向代理后端接口第一步:先配置nginx.config,直接贴代码server { listen 8000; ...原创 2018-06-06 16:57:16 · 7989 阅读 · 0 评论 -
avaon1.5学习与笔记
最近接手的项目,框架使用的是avalon,以下是对照大神博客的入门学习。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>avalon_test</title> <script原创 2018-04-28 15:33:49 · 578 阅读 · 0 评论 -
关于html移动端ios的一些问题
1.IOS字号适配发现问题,是在开发过程中,对比安卓端,iOS端字体的大小显示十分异常。找问题吧,查阅各种资料,索引到Font Boosting,它是指Webkit 给移动端浏览器提供的一个特性:当我们在手机上浏览网页时,很可能因为原始页面宽度较大,在手机屏幕上缩小后就看不清其中的文字了。节选一些评论:(1)WebKit 中应该有判断如果initial-scale=1时,不触发Font Boost...原创 2018-04-28 15:23:57 · 1428 阅读 · 0 评论 -
html5+css实现六位数字密码输入对话框(类似支付宝,微信)
先来看看原型图:直接上代码:html<div class="common-part pay-part"> <div class="common-dialog pay-dialog"> <div class="dialog-title">请输入支付密码</div> &l原创 2018-03-16 11:48:52 · 21182 阅读 · 8 评论 -
关于JavaScript与Android、IOS的简单交互
先讲一下本篇文章的一个简单的需求:上图分为标题块与内容块,标题块在Android和iOS客户端实现,内容块由web实现,但是标题块的标题每个页面有不同,所以便需要将标题文字string由web发送给客户端,在客户端再做代码处理,由此引出交互问题。前端web的部分:我在js文件中写了一个统一的方法,var fun = { public: { jsCommunication: ...原创 2018-03-16 10:13:38 · 774 阅读 · 0 评论 -
使用idangerous.swiper.min.js和iscroll5.js实现横向滚动tab,并响应内容
1、我们先看一下效果图:(在UC浏览器上运行,忽略护眼绿,类似UC首页下UC头条新闻tab栏)2、html页面代码: 商城 window.PointerEvent = void 0 配件选购原创 2018-01-04 17:01:01 · 5648 阅读 · 0 评论 -
整理H5|web移动前端自适应适配布局解决方案
方案:固定一个某些宽度,使用一个模式,加上少许的媒体查询方案使用flexbox解决方案使用百分比加媒体查询使用rem1. 简单问题简单解决我觉得有些web app并一定很复杂,比如拉勾网,你看看它的页面在iphone4,iphone6,ipad下的样子就知道了:它的页面有一个特点,就是:顶部与底部的bar不管分辨率怎么变,它的高度转载 2017-12-28 15:56:28 · 61883 阅读 · 5 评论 -
jQuery DOM操作
1.jQuery操作DOM的属性1.1 读取属性值在DOM时代,我们可以通过DOM.getAttribute('attNamn')获取DOM的属性节点。可以通过DOM.setAttribute('title','22');设置属性内容。jQuery的包装对象(jQuery.fn原型对象)提供了attr(name, value)方法可以读取和设置属性内容。转载 2017-12-27 11:20:08 · 309 阅读 · 0 评论 -
前端框架light7的使用体验
最近在做一个前端项目,主要是服务于移动端的web项目。由于之前写一个手机彩票项目使用过阿里的sui mobile,这次选择了同作者较新的light7框架。两者的区别是light7可以使用jQuery了(sui使用zepto),可以使用一些jQuery插件了;API有部分改变;新增了部分拓展组件。开发工具使用的是WebStorm 2017.3.1。1、WebStorm新建Empty原创 2017-12-25 17:16:06 · 15497 阅读 · 0 评论