陨落的轨迹-CSDN博客

原创前端组件化实践(bookstory+rollup+lerna+typescript)-react组件

前端组件化实践(bookstory+rollup+lerna+typescript)-react组件

2022-07-14 17:51:57 1292 1

原创 Vue3项目中：autoprefixer和postcss-pxtorem的组合使用

autoprefixer是自动补全css3前缀的库postcss-pxtorem是将px换算为rem的库此次主要针对PC端项目环境：vue-cli4vue3less安装依赖yarn add -D postcssyarn add -D postcss-pxtoremyarn add -D autoprefixer项目根目录下新建postcss.config.js 文件module.exports ...

2022-01-12 11:14:51 1916

原创 vue项目自动构建部署，Jenkins+nginx+gitlab

win10系统gitlab用的官网gitlab:https://gitlab.com/思路1、将自己电脑变成一台服务器（如果有真的服务器，也可）参考这个文章：如何在win10上搭建服务器_Arcobaleno-CSDN博客_win10搭建服务器2、gitlab提交代码后，jenkins将代码拉取到workspace里进行安装、打包方式一：直接在win10下安装jenkins，启动 win10下安装Jenkins_weixin_30466...

2022-01-05 15:57:21 1694

原创＜router-view v-if=“isRouterAlive“＞刷新当前页面 - Vue2

vue刷新当前页面有挺多种方法，比如window.location.reload()或者this.$router.go(0)但是这两种方法是会出现一瞬间的白屏，体验不好，所以这里给大家推荐第三种比较好用的刷新页面的方法在app.vue的<router-view></router-view>加上v-if属性<router-view v-if="isRouterAlive"></router-view>在data里面加上isRout..

2021-12-29 10:27:42 3601 1

原创 Vue3增加动态缓存KeepAlive，列表、详情

使用版本"vue": "3.1.4", "vue-class-component": "^8.0.0-0-rc.1", "vue-router": "^4.0.0-0", "vuex": "^4.0.0-0", "vuex-module-decorators": "^1.0.1" 上一篇文章中：Vue2增加动态缓存KeepAlive，列表、详情增加了动态缓存，同理迁移到vue3就不大好用了，针对这个版本，做了调整，贴代码：1、修改...

2021-12-16 14:15:05 2398

原创 Vue2增加动态缓存KeepAlive，列表、详情

Vue2增加动态缓存KeepAlive，列表、详情

2021-12-15 10:09:33 3050

原创深入Vue-Router源码分析路由实现原理

深入Vue-Router源码分析路由实现原理使用Vue开发SPA应用，离不开vue-router，那么vue和vue-router是如何协作运行的呢，下面从使用的角度，大白话帮大家一步步梳理下vue-router的整个实现流程。

2018-03-02 11:19:48 17620 4

原创 react实战--antd、react-router-dom v4 解决菜单和地址同步问题

antd、react-router-dom v4 解决菜单和地址同步问题最近使用react开发项目，使用react-router-dom v4，并结合antd\redux。遇到问题：模块热加载或者浏览器强制刷新后，页面更新后菜单栏的激活列和地址和展示内容往往不同步。使用antd的Menu组件和react-router-dom结合，解决该问题，故分享下希望对小伙们有所帮助。到发文时使用的

2017-11-22 15:41:28 14979 5

原创你所忽视的jQuery on事件 Event.namespace 添加命名空间

当我们阅读jq插件源码的时候，有没有见过$.on("input.update.bv")这样的事件？这是什么意思呢？namespace属性用于返回触发该事件时所指定的命名空间。当需要为同一个元素、同一种事件类型绑定多个事件处理函数时，一般情况下，触发某个事件，就会触发执行与之对应的所有事件处理函数；解除某种类型的事件绑定，就会解除该事件类型绑定的所有事件处理函数。jQuery中的事件函数可以在绑定事

2017-02-23 14:09:09 3554 2

原创 BootstrapValidator超详细教程

废话不多说，直接开始~一、引入必要文件下载地址：(https://github.com/nghuuphuoc/bootstrapvalidator/archive/v0.4.5.zip)

2016-12-07 15:50:43 173836 25

原创 Angular ui-router同时加载多个视图，根据不同url在同一个视图切换内容模板

Angular ui-router同时加载多个视图，根据不同url在同一个视图切换内容模板。目的：点击sidebar切换在container中切换视图入口页面 index.html 包含一个没名ui-view登录页面 login.html 登录按钮ui-serf=”home”主页面 home.html 包含三个有名ui-view 分别是header\sidebar\contai

2016-07-04 14:29:45 10433

原创 AngularJS实战之渲染完数据后执行js

使用自定义指令当ng-repeat加载完数据后执行js方法。实战案例：问题：使用datatables+angular生成表格时，往往是循环去生成表体内容，而我们也需要当数据完全加载生成出来后再执行datatables的渲染方法，如何实现呢？自定义了一条指令：//on-finish-render="ngRepeatFinished" load js after render datasUser

2016-06-18 19:11:33 12905 4

原创不得不了解的前端问题02（面试大典）--匿名函数、html/css注意事项、css兼容

1、闭包、作用域闭包就是有权访问另一个函数内部变量的函数。这些函数定义的自由变量能不被释放。保护了函数内部变量的安全性，太大会造成内存大量占用。（1）闭包的第一个用途，其实上面已经提到了，就是产生它意义：可以读取函数内部的变量。（2）闭包的第二个用途，那就是：可以让这些变量的值始终保持在内存中。例如: function f1(){ va

2016-03-14 17:35:57 587

原创不得不了解的前端问题01（面试大典）--事件监听、继承、闭包、跨域、性能

1、PC端和app开发区别。app要跨安卓和ios平台，pc是操作系统。app暂且常用浏览器内核为webkit，pc有IE,chrome,firefox浏览器对应不同内核，需要兼容。2、jq事件监听有几种，有什么优缺点。on(jq1.9后推荐使用)\bind\live(jq1.7已经去掉)\delegate(jq1.7已经去掉) ，自1.7以后on为bind\live\

2016-03-02 17:33:13 783

原创详解使用icomoon生成字体图标的方法并应用

最近项目大量用到字体图标，大家也知道，字体图标任意缩放不会失真，也大大减少请求数量，非常好用。以下将讲解本人如何根据美工提供的.svg文件生成字体图标并应用。借助一个在线生成工具：https://icomoon.io/app/#/select1、进入网址：主页面2、新建一个图集3、添加.svg图片（可以使用现成的，也可以使用自定义的）使用现成的点击页面红色的

2016-02-17 15:31:51 69088 1

转载 js的 function， javascript内置对象apply，call，this概念及之间的关系详解

-------------------该文摘自于匿名教程总结，希望对初学js的同学有帮助，因为它解决了我学习js的众多迷惑。。。函数是进行模块化程序设计的基础，编写复杂的Ajax应用程序，必须对函数有更深入的了解。　　javascript中的函数不同于其他的语言，每个函数都是作为一个对象被维护和运行的。通过函数对象的性质，可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。

2016-01-28 14:23:32 544

原创 javascript模块化：立即执行函数(function(){…})()

首先要明确函数的分类：1、函数声明 2、函数表达式 3、匿名函数函数声明：function fnName () {…};使用function关键字声明一个函数，再指定一个函数名，叫函数声明。函数表达式 var fnName = function () {…};使用function关键字声明一个函数，但未给函数命名，最后将匿名函数赋予一个变量，叫函数表达式，这是最常见的函数表达

2016-01-20 15:57:39 1109

原创超便捷好用的-圆形花瓣加载滚动图片插件spin.js

使用ajax异步请求时显示过渡的加载滚动图片是在常用不过的事情，接下来和大家分享这个插件。样子示例：（只有这一个样子，可以动态设置显示大小、花半数、颜色等各项参数）注：如果需要更绚丽样式的童鞋，请继续百度吧^-^兼容性（还是很好的）使用方法：1、只需要引入spin.js即可（可在本人的资源中免费下载哦）。2、添加配置参数：var opts =

2015-10-16 11:36:17 1389

原创 springMVC基础版--01基本配置

前两点浏览一下就好了，然并卵~1. Spring MVC介绍Spring Web MVC是一种基于Java的实现了Web MVC设计模式的请求驱动类型的轻量级Web框架，即使用了MVC架构模式的思想，将web层进行职责解耦，基于请求驱动指的就是使用请求-响应模型，框架的目的就是帮助我们简化开发，Spring Web MVC也是要简化我们日常Web开发的。Spring Web MVC

2015-10-10 16:55:07 427

原创普及JSTL之核心标签库----基础文档

一、概念 JSTL(JSP 标准标签函数库)，英文全称为Java Server Pages Standard Tag Library（JSP Standard Tag Library）。目的：为了取代传统直接在页面上嵌入Java程序（Scripting）的做法，利用JSTL和EL来开发Web程序，以提高程序可读性、维护性和方便性。 JSTL1.0需要支持Servlet2.

2015-09-25 14:34:16 577

原创在jsp中应用EL表达式取内置对象的值

一、为何使用EL表达式?在MVC体系结构中，JSP页面只是用来显示数据，但它不能直接对隐式对象中某对象的属性进行显示，需要配合Scriptlet才能显示数据。如果在JSP页面中使用EL表达式将大大简化JSP页面中的Java代码，在配合JSP标准动作，JSTL，可达到真正的JSP无脚本。二、概念EL（Expression Language）表达式语言，语法：${表达式}。

2015-09-24 17:05:02 7382 1

原创不得不了解的四大作用域：application,session,request,page

了解四大作用域：application,session,request,page

2015-09-24 15:42:03 13348 3

原创处理文字过长显示超出解决方案（纯css解决）

问题起因：做项目遇到列表下文字超长导致页面样式混乱的情况，处理如下：设定每个单元格的最大宽度，max-width: 对超出部分进行截取：overflow:hidden; 缺点：最后一个字很容易截掉一半；添加对超出部分添加...进行省略（兼容各个浏览器）：text-overflow:ellipsis; 缺点：只支持一行，多行的无法实现

2015-09-09 13:45:19 8590

原创 JavaScript中日期各种问题处理，包括常用方法和转换方法

JavaScript中日期各种问题处理，包括常用方法和转换方法

2015-09-01 12:06:13 733

原创模态框----Bootstrap Modals基础使用详解

最近项目中用到了Bootstrap模态框，收录下来：一、引用的文件前提是需要引用jquery哦：二、举例样式三、html引用规则 class="modal fade" id="dia_delay" tabindex="-1" aria-hidden="true" data-width="700px">"modal-titleblack">

2015-08-31 16:47:12 21697 1

原创 jquery的validate最基础使用总结

一、引入的js二、html写form的规则form中的input要加上name="XX"，当使用$("form").serialize()时，会找name的标签去取值哦。（注意：如果input标签设置为disabled后加上了name，不会被序列化哦，readonly属性可以序列化）三、添加验证规则方法一：在js中添加验证规则$("form").validate

2015-08-25 17:12:47 710

原创 datatables配合bootstrap样式进行ajax数据交互并生成表格

目前做的项目用到datatables这个插件，总结下来：一、引用的文件dataTables.bootstrap.cssdataTables.bootstrap.js

2015-08-14 17:38:24 21632 4

原创 Maven3.0.4基础原理分析

maven是一个项目构建和管理工具。它可以方便的进行代码编译、依赖管理和项目发布等。一句话概括其原理：采用远程仓库和本地仓库以及核心的pom.xml方式，其中pom.xml中定义的jar文件从远程仓库下载到本地仓库，同一版本的jar只需下载一次。配置本地仓库：=>在maven的文件夹下的conf子目录的下：设置仓库位置提示：建议先将原setting文件拷贝一份，比如我就

2015-08-12 16:31:25 639

翻译常用border\background\font的缩写详解

使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：　　颜色　　16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：　　#000000可以缩写为#000;#336699可以缩写为#369;　　盒尺寸　　通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1；property:val

2015-08-11 10:13:27 792