![](https://img-blog.csdnimg.cn/20190918135101160.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端开发
文章平均质量分 59
前端开发
前端琅琊阁
因为不是每天都会登录博客,各位博友如想联系我,请发送到我的私人邮箱xmjk@foxmail.com. 有什么着急的问题,如果我能解决的,可以加我微信sysoutman.
欢迎关注我的微信公众号或头条号-搜索 “前端琅琊阁“ 即可.当然也可通过CSDN自带的“向我提问”功能联系我
展开
-
仿vue-cli3写一个自己的vue-cli脚手架
目前在市面上存在很多脚手架,如:create-react-app、vue-cli。我们可以通过一行简单的命令,就能创建一个基本的项目工程,大大的提高了开发效率。但是我们会面临一个问题,除了脚手架帮我们创建好的项目框架,我们的项目总有需要定制化的配置,比如我们需要引入我们想要的elementUI框架,引入axios相关的工具类完成http请求等。我们不可能每次开启新项目都再配置一遍吧,这太劳神费力了。 通常我们会搞一个个性化脚手架cli,平时创建项目时通过该脚手架一键生成,并同时...原创 2021-11-10 11:18:29 · 1597 阅读 · 0 评论 -
浏览器内置对象应用实践——实时数据页面断网监测、页面适配
“浏览器内置对象,我们每天都与其打交道,可能你并未全面的去了解过它。我们一起讨论下你有过哪些实践。”1. 什么是浏览器对象模型?(BOM :Browser Object Model)浏览器模型提供了独⽴于内容的、可以与浏览器 窗⼝进⾏滑动的对象结构,浏览器提供的 API 其主要对象有:window 对象——BOM 的核⼼,是 js 访问浏览器的接⼝,也是 ES 规定的 Global 对象 location 对象:提供当前窗⼝中的加载的⽂档有关的信息和⼀些导航功能。既是 windo...原创 2020-10-29 19:52:29 · 698 阅读 · 0 评论 -
Promise A+ 规范的简单应用
我们先不讲Promise A+ 规范理论,先看一道面试题:varpromise=newPromise((resolve,reject)=>{reject();})promise.then(null,function(){return'大湿老凯'}).then('举个','栗子').then('看起来','很简单').then(()=>{console.log('promise 已完成');},()=>{ console.log('promise 已拒绝');})...原创 2020-10-27 18:04:46 · 341 阅读 · 0 评论 -
如何优雅手写实现 ajax
“我们习惯于使用$ajax()、$axios、fetch来帮我们实现http请求数据,我们似乎忘记原生的该怎么写了。” 无论是通过模板引擎加载的,还是前后端分离的项目,我们都可以通过 ajax 来实现页面的无刷新请求数据。比如我们有个实时数据要展示,肯定是页面图表局部刷新,谁也不期待整个页面反复加载。 ajax 在我们的开发工作中已经司空见惯,几乎所有我们频繁使用的库和框架(如 jQuery、Vue、React)都提供了经过完善封装后的 ajax 方法,我们习惯于使用$aja...原创 2020-10-27 17:58:46 · 1490 阅读 · 0 评论 -
Javascript模块化编程(三):require.js的用法
作者: 阮一峰日期: 2012年11月 7日这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js?最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文转载 2015-04-09 17:36:29 · 654 阅读 · 0 评论 -
Java EE 7与Angular JS(1)
2014/09/25 | 分类: Web开发, 基础技术 | 1 条评论 | 标签: AngularJS, Javaee7分享到:11本文由 ImportNew - xiafei 翻译自 javacodegeeks。欢迎加入翻译小组。转载请见文末要求。今天这篇文章将会向你介绍如何使用Java EE 7和Angular JS来构建一个非常简单的应用。在转载 2015-03-18 17:29:39 · 783 阅读 · 0 评论 -
Build a Contacts Management App Using HTML5, JS, CSS3, and Wakanda Studio
Build a Contacts Management App Using HTML5, JS, CSS3, and Wakanda StudioSaad MouslikiPublished March 7, 2013TweetSubscribeMany years ago, JavaScript developers were consid转载 2014-08-05 15:30:47 · 2663 阅读 · 0 评论 -
怎样在网站中添加google统计代码
怎样在网站中添加google统计代码 2009-05-05 09:22:59| 分类:其他技术资料 | 标签:太原软件开发 山西软件开发 软件开发工作室 太原软件开发工作室 个人软件 |举报|字号 订阅在 Google Analytics(分析)帐户中的哪个位置可以找到我的跟踪代码?要在 Google Analytics(分析)帐转载 2014-08-15 17:19:19 · 7107 阅读 · 0 评论 -
前端不容错过的jQuery图片滑块插件
作为前端开发者,我们会碰到很到各种各样的jQuery插件,但老实说,很少有自己写的。今天要分享的几款jQuery图片滑块插件,也就是jQuery焦点图插件,基本上会在每个网站都有应用,可以下载看看,也许你可以用到。1、jQuery多图并列焦点图插件今天我们要来分享一款比较特别的jQuery焦点图插件,它允许你自己定义当前画面的图片数量,在这个演示中,我们定义了3张图片一起显示。和其他jQu转载 2014-07-10 10:58:35 · 689 阅读 · 0 评论 -
bootstrap兼容IE9
用Bootstrap做了前台页面,后来发现在IE9下,很多页面都乱了。记得上bootstrap官网说是支持IE9的,上百度查了好半天,发现了几个方法,其中一个立竿见影地奏效了:转载 2015-05-19 15:14:15 · 3495 阅读 · 0 评论 -
angular ui-bootstrap日期控件如何显示成中文
1.引入中文国际化文件angular-locale_zh-cn.js 下载地址(https://github.com/angular/angular.js/tree/master/src/ngLocale), 然后大部分控件就可以显示中文了。2.有些按钮(today,clear,close)还不能显示中文 比较简易的做法是在datepicker-popup指令定义的地...原创 2015-05-19 15:52:46 · 14686 阅读 · 3 评论 -
React使用Post方式从服务器下载文件
1.问题背景: 之前下载,我都是使用get方式,也就是window.open打开新的标签页的方式,当传递给服务器的下载参数过多的时候,地址栏就会变得特别丑陋。 想在React中使用POST方式下载文件,无奈在网上搜到的React相关的资料过少,把自己经过探索后成功实践的案例与你分享。2.解决方案: 在React中使用ReactDOM创建临时form表单,自动提...原创 2017-12-20 14:23:16 · 19668 阅读 · 8 评论 -
spring4 spring4 mvc视频学习资源
最近几天,想重新回顾和加强下spring技术,在网上搜到以下资源:百度云盘:spring4链接: https://pan.baidu.com/s/1skGT3RZ 密码: 9nxnspring4 mvc链接: https://pan.baidu.com/s/1bpLFXfh密码: njeh这个直接下载多直接!!!! 搜索不容易啊,各个论坛,各种币,各种注册,...原创 2015-05-28 14:56:01 · 2649 阅读 · 7 评论 -
angularjs ng-grid 如何将分页信息等设置成中文
进行国际化设置i18n:'zh-cn' 例子:$scope.gridOptions = { data: 'myData', showFooter: true, totalServerItems: $scope.totalServerItems, filterO...原创 2015-05-14 11:15:49 · 3734 阅读 · 0 评论 -
微信小程序电商项目购物车开发实战之缓存处理
老铁们,好久不见,欢迎大家继续关注和观看我发布的微信小程序电商项目连载视频。终于得空继续录制微信小程序开发的课程。与以往不同,我们的进阶课程,会讲的快一点。微信小程序电商项目购物车开发实战之缓存处理https://mp.weixin.qq.com/s?__biz=MzUyNjg4NTc3NA==&mid=2247483732&idx=1&sn=48fe8db7...原创 2018-12-06 17:07:00 · 2887 阅读 · 0 评论 -
微信小程序电商项目订单处理开发实战之微信支付
欢迎大家继续关注和观看我发布的微信小程序电商项目连载视频。电商项目生成商品订单的功能开发我已经录制完了,看我这期的视频你可了解一个小程序电商项目最重要的功能,也就是微信支付的功能。下面我是我分享的视频连接,视频分为两小节,一部分是客户端,另一部分是服务器端。 第一小节,主要讲解发起微信支付客户端的处理过程,主要是利用wx.requestPayment这个API。https://mp...原创 2018-12-18 10:43:55 · 3768 阅读 · 8 评论 -
CSS中怎么让DIV居中
CSS 如何使DIV层水平居中今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性,网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题.可是事实上这样的方法科学吗?经过网络搜索和亲自实验得出以下结论:正确的也是对页面构造没有影响的设置如下:对需要水平居中的DIV层添加以下属性:m转载 2014-07-11 15:10:30 · 679 阅读 · 0 评论 -
bootstrap常用开源库,cdn加速
http://open.bootcss.com/http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.csshttp://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.jshttp://cdn.bootcss.com/bootstrap/jquery/2.1.1/jq原创 2014-07-10 14:49:35 · 2070 阅读 · 0 评论 -
9种基于Web的演讲稿灯片解决方案
9种基于Web的演讲稿灯片解决方案#原创CSS3javascript申请达人,去除赞助商链接提到幻灯片,大多数人首先想到的肯定是PPT。你知不知道通过前端Web技术也能创建出绚丽的幻灯片?在应用程序中能实现的效果在浏览器中同样也都能实现。就像构建一个网站一样,我们可以通过HTML5,CSS3和Javascr转载 2014-08-26 10:17:11 · 1329 阅读 · 0 评论 -
超炫酷的jQuery/HTML5应用搜罗
作为前端开发者,我们肯定都使用过非常多的jQuery插件,毋庸置疑,jQuery非常流行,尤其是结合HTML5和CSS3以后,让这些jQuery插件有了更多地动画效果,更为绚丽多彩。下面分享了一些超炫酷的jQuery/HTML5应用,一起来看看。1、HTML5/CSS3一组可爱的3D按钮这是一款利用HTML5和CSS3制作而成的按钮组合,这款CSS按钮非常具有个性化。该CSS3按钮不仅具有转载 2014-07-17 09:41:25 · 1462 阅读 · 0 评论 -
每位设计师都应该拥有的50个CSS代码片段
每位设计师都应该拥有的50个CSS代码片段 1. CSS 重置 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, i转载 2014-07-10 10:30:00 · 6275 阅读 · 0 评论 -
25 个免费简洁的 WordPress 主题和布局插件
EditorDemo DownloadEditor 是一个排版驱动的主题,内容在右侧展示,非常漂亮,支持移动设备浏览。Daily ThemeDemo Download响应式布局可用于博客、相册。IllustratrDownloadDownload一个微型的相册主题FukasawaDemo DemoFukasawa 是适合摄影人和收转载 2014-11-20 13:59:13 · 3419 阅读 · 0 评论 -
【推荐】七夕告白成功教程你懂得-程序员表白
表白成功案例:这是网友wuxia2001写的一款表白的程序,并且表白成功!程序员表白程序,开放源码 已有3602人下载使用 免积分~纪念日专用网页源码网页向女友告白和纪念日专用特效 已有2000人下载使用 免积分~进一步发展,稳定感情送相册没错。程序员给女朋友做的精美3D相册 已有3010人下载使用 免积分~多一点浪漫,生动有趣HTML5浪漫爱心表白动画转载 2014-07-31 10:02:32 · 5767 阅读 · 0 评论 -
CSS之Position详解
CSS的很多其他属性大多容易理解,比如字体,文本,背景等。有些CSS书籍也会对这些简单的属性进行大张旗鼓的介绍,而偏偏忽略了对一些难缠的属性讲解,有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构,以及定位。正如positioniseverything,本文将主要讲述关于position的理解,力求让您看完本文后对position有着最全面的认识。position的四个属性值:转载 2014-07-11 15:08:37 · 617 阅读 · 0 评论 -
主题:炙手可热的12款网站模板推荐
HTML5每周极客标签都将推出两篇荟萃内容的文章,内容覆盖了Bootstrap、CSS、Javascript、HTML5等当前最热门的特效和应用,本周我们推荐的这12款网站设计模板不仅带有独立的在线演示,并且依旧全部免费下载!如果你也喜欢我们的素材教程,请加入我们的极客标签吧!免费的HTML5模板 - 设计类网站专用在线演示1分享一套免费的HTML5模板,非常适合设转载 2014-07-11 14:04:55 · 1165 阅读 · 0 评论 -
收集的 Bootstrap 模板资源或者一些漂亮的站点
这是在网上找的一些资源bootstrap 中文手册1 [http://ninghao.net/bootstrap/]bootstrap 中文手册2 [http://www.bootcss.com/getting-started.html] 这个更新比较多点,资源也多http://www.sproutmobi.com/http://www.breakingnews.c转载 2014-07-08 16:44:04 · 1538 阅读 · 0 评论 -
了解javascript编程中的Prototype
了解javascript编程中的Prototype 2012-5-21 17:46|发布者: html5cn|原作者: Leigh Kaszick|评论: 0摘要: 当你定义javascript方法的时候,会产生一些预定义的属性,其中一个比较让人迷惑的属性就是prototype。在本文中,我们将详细介绍什么是Prototype,并且为什么使用prototype。 什么是prot转载 2014-08-27 16:22:15 · 733 阅读 · 0 评论 -
加速Web开发的9款知名HTML5框架
加速Web开发的9款知名HTML5框架发表于2013-01-31 09:40|51199次阅读| 来源CSDN|78 条评论| 作者张红月HTML5框架前端开发摘要:伴随着智能手机正在席卷整个移动市场,在移动设备上开发出兼容性高的网站已变的非常重要,本文推荐9款非常流行的HTML5框架,可以轻松助你开发出兼容各个移动平台的网站。与手工编码比起来,HTML5框架在准确转载 2014-08-04 17:01:10 · 740 阅读 · 0 评论 -
HTML5 贪吃蛇 Snake Game代码
HTML5 贪吃蛇 Snake Gamebody {text-align:center;}canvas { border:5px dotted #ccc; }h1 { font-size:50px; text-align: center; margin: 0; padding-bottom: 25px;} var snake_x;//记录当前蛇的各元素的x坐标数组 va转载 2014-11-13 17:22:19 · 1460 阅读 · 0 评论 -
javascript arguments属性详解
今天我们接着上篇文章来继续javascript函数这个主题。今天要讲的是函数对像中一个很重要的属性--arguments。相关阅读:javascript 函数详解1 -- 概述javascript 函数详解2 -- argumentsJavascript 函数详解3 -- this对象Javascript 函数详解4 -- 函数的其他属性Javascript 函数详解5转载 2014-11-26 14:40:40 · 2484 阅读 · 0 评论 -
javascript 函数属性prototype详解
在JavaScript中并没有类的概念,但JavaScript中的确可以实现重载,多态,继承。这些实现其实方法都可以用JavaScript中的引用和变量作用域结合prototype来解释。1、prototype 在JavaScript中并没有类的概念,但JavaScript中的确可以实现重载,多态,继承。这些实现其实方法都可以用JavaScript中的引用和变量作用域结合prototype转载 2014-11-26 14:54:23 · 3882 阅读 · 0 评论 -
javascript函数对象的内部方法call(), apply(), bind()
今天完成javascript中函数的对象的最后一个知识点。 函数对象的内部方法call(), apply(), bind()相关阅读:javascript 函数详解1 -- 概述javascript 函数详解2 -- argumentsJavascript 函数详解3 -- this对象Javascript 函数详解4 -- 函数的其他属性Javascript 函数详解转载 2014-11-26 14:48:30 · 1160 阅读 · 0 评论 -
javascript this 对象详解
接着上篇文章的函数的重要属性arguments对象之后,我们今天讲函数属性的另外一个非常重要的属性 this对象。相关阅读:javascript 函数详解1 -- 概述javascript 函数详解2 -- argumentsJavascript 函数详解3 -- this对象Javascript 函数详解4 -- 函数的其他属性Javascript 函数详解5 -- 函数转载 2014-11-26 14:32:39 · 1067 阅读 · 0 评论 -
web开源FlowPlayer视频播放器
最近项目中需要添加播放视频的功能,视频文件是flv格式的。在网上找了一些jQuery视频播放插件,还是觉得“flowplayer”要好一些。特将使用方法记录一下。flowplayer也有html5版本的,但由于网站为了支持IE较低版本,还是选择了flash版本的。flowplayer官网:http://flowplayer.org/一. 介绍:Flowplayer支持播放flv、swf转载 2014-11-06 16:33:10 · 2707 阅读 · 0 评论 -
生成图片彩色验证码(附带验证码旋转)
生成验证码图片一般返回InputStream类型,不管什么情况下都能使用,只需要将InputStream这个返回的值在写到文件里就能动态生成代码如下:[java] view plaincopypackage com.yxfei.tool; import java.awt.Color; import java.awt.Font; import java.aw转载 2014-08-11 15:11:08 · 1560 阅读 · 0 评论