mayuan2011-CSDN博客

原创人生中的第一篇技术博客

人生中的第一篇技术博客——连续多图的轮播效果我之前从来没有搞过前端开发，进入项目组之后被分配到做前端页面开发，感觉也挺新奇的，就下定决心认真做了。最近在用AngularJS和bootstrap做一个轮播图片的开发，参考此博主的经验，做了简单的修改，实现每次连续4张图片的轮播，现记录一下，做个纪念~：代码块HTML部分：&lt;carousel interval="myInte...

2018-08-28 09:37:45 217 1

原创使用localstorage缓存参数

最近在用Angular js项目中遇到一个情况：在user页面点击“购买之后”，携带购买ID跳转到“购买页面”，在购买页面购买之后，购买成功了就在user页面显示“已购买”，购买失败了在use页面还是显示“购买”。所以就需要缓存是“是否购买”的标签，可使用HTML5的localStorage特性，eg：在购买页面得到购买ID之后，存入localStorage： $scope...

2019-03-06 11:12:36 1077

原创 ui-router跳转携带参数

之前在项目中遇到利用Angular js中ui-router跳转时需要携带参数，对比了使用$stateProvider.state带参数跳转，做了一个记录：标签跳转到新的controller页面，eg： <a ng-show="(!card.isBuy)" ng-href="#Buy/{{appParams}}" target="view_window" ng-click="buy...

2019-03-06 10:45:44 616

原创 Angular js+原生JS实现在某div上添加元素

假设已经存在一个div，想在如下div上添加一个小图标，angular js+原生js配合，可实现，操作如下：html部分 <div class="mapNew" id="mapNew"> </div>js部分这是索要添加的html元素，在此举例子为一个小图标，可以定义该图标的样式，注册该图标的相应鼠标事件var html="<img id='n...

2019-01-30 17:54:33 931

原创利用bootstrap的tooltip来实现鼠标提示悬浮框问题

对于提示悬浮框，bootstrap有提示工具（Tooltip）插件，可根据需求生成内容和标记，默认情况下是把提示工具（tooltip）放在它们的触发元素后面。有以下两种方式添加提示工具（tooltip）：通过 data 属性：如需添加一个提示工具（tooltip），只需向一个锚标签添加 data-toggle=“tooltip” 即可。锚的 title 即为提示工具（tooltip）的文本。默...

2019-01-24 17:02:27 10103

原创 Angular js在某处点击或鼠标悬浮之后，该处显示相应的悬浮框

angularjs 点击某处，在该处相应位置出现div悬浮框在如下div注册ng-click事件： &amp;lt;div class=&quot;moreRecords&quot; ng-click=&quot;myFrame()&quot;&amp;gt;更多记录&amp;lt;/li&amp;gt;显示如下div悬浮框，注意style中的position要是ab

2019-01-23 14:54:07 2626

原创前端开发表格边界线，表格过长显示滚动条及样式设置

这里写自定义目录标题表格table边界线及表格内线条设置表格过长，显示滚动条并设置滚动条样式表格table边界线及表格内线条设置&lt;table border="1" style="border: 1px solid rgba(67, 153, 216, 0.3);border-collapse:collapse;"&gt;&lt;/table&gt;设定元素的边框

2019-01-10 16:35:06 2452

原创 Linux(Ubuntu)安装JDK和tomcat，并部署war包

一、JDK安装（1）从官网下载.gz包：http://www.oracle.com/technetwork/articles/javase/index-jsp-138363.html（2）解压JDK到指定目录：1&amp;gt;创建目录:mkdir /usr/lib/jvm2&amp;gt;加压缩到该目录:tar -zxvf jdk-8u191-linux-x64.tar.gz -C /usr/lib...

2019-01-09 14:44:52 996

原创 Angular js 判断当月中的周末是哪些日子

#Angualr js 判断当月中的哪几天是周末1、计算当月的总天数var cur=new Date();//创建date$scope.totalDAY=new Date(cur.getFullYear(),cur.getMonth()+1,0).getDate();2、计算当日是周几 function time(y,m){//y是年，m是月 var t...

2019-01-07 17:00:55 239

原创 webSocket前端开发实现+心跳检测机制

最近项目用到了webSocket实时通信机制，将过程中遇到的麻烦和坑做一下记录首先，了解一下webSocket是什么？它是一种网络通信协议，是HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议。为什么要使用webSocket以及心跳检测机制网上当然后很多讲解，这是本人的一个简单理解：一般情况下前后端通信会采用HTTP网络协议，它是一种无状态的、无连接的、单向的应用层协议，采用请...

2019-01-04 17:02:18 17173 3

原创 Angular JS 初始化时页面闪现表达式{{express}}问题

#问题使用ng-show展示的图片和变量值，在页面初始化、刷新的时候会闪现一次，然后才会隐藏。#原因Angular JS需要在DOM加载完和JavaScript加载完后才会Angular JS的触发绑定和渲染工作，即：在加载Angular JS之前会先渲染DOM结构和JS，而模态框涉及到了DOM操作，所以会在Angular JS还没加载完，DOM已经加载完后出现。等Angular JS加载完...

2018-10-25 15:07:16 422

原创利用ngAnimate和CSS3动画库实现备忘录小界面

利用ngAnimate和CSS3动画库实现备忘录小界面Angular JS的ngAnimate模块简化了Web动画开发的过程，在此整合ngAnimate和CSS动画库来实现备忘录程序的界面效果。在此参照《AngularJS入门与进阶江荣波著12.3.4节》功能简介当我们在文本框输入待完成事项后，按下Enter键，输入的内容就会添加到下方列表中；选中条目中的复选框，文字上回家一条删除线...

2018-10-12 10:34:19 196

原创 Angular JS 手动点击按钮刷新当前页面

#Angular JS 手动点击按钮刷新当前页面当需要点击按钮刷新当前页面时，可通过$window.location.reload()来实现。在控制器中注册$window；定义函数$scope.reloading();在需要刷新页面的地方首先先在控制器中注册window，然后定义函数window，然后定义函数window，然后定义函数scope.reloadRoute，在需要刷新页面的...

2018-10-12 09:09:31 4024

原创第一次使用IDEA，结合mvn和Spring搭建Web项目

使用idea工具，结合mvn和spring来搭建一个简单的web项目最近一段时间都是在用webstorm进行前端开发验证，没有怎么研究结合后端的开发，现在有时间了就简单了解一下前后端结合的流程。中间参照了有经验人士的博客，初次接触，如下的流程如有不妥，还请谅解。新建项目IDEA中，File->New->Project，新建项目，选择maven-archetype-webapp...

2018-09-21 11:18:57 1355

mayuan2011的博客