前端技术
关注
分享
扫一扫
文章平均质量分 54
前端技术
Nicky.Ma
优秀
展开
-
VUE系列之极速入门与实践教程
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。在Vue中，一个核心的概念，就是让用户不再操作DOM元素，让程序员有更多时间关注业务逻辑。原创 2024-08-13 17:40:23 · 1063 阅读 · 0 评论 -
Visual Studio Code搭建VUE开发环境
Vue.js 是一款易学易用，性能出色，适用场景丰富的 Web 前端框架。它基于标准 HTML、CSS 和 JavaScript 构建，提供容易上手的 API 和一流的文档原创 2024-08-07 16:29:52 · 7147 阅读 · 2 评论 -
ElementUI前端开发技巧整理笔记
ElementUI前端开发技巧整理笔记，本博客不定时更新，Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助网站快速成型.原创 2021-06-23 19:50:53 · 5012 阅读 · 28 评论 -
JSP项目引入Vue.js进行项目开发（工程搭建）
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。原创 2021-06-03 15:13:07 · 6682 阅读 · 6 评论 -
用map函数遍历字段进行类型转换（前端技巧）
数组可以用一个单一的名称存放很多值，并且还可以通过引用索引号来访问这些值。 创建数组 使用数组文本是创建 JavaScript 数组最简单的方法。原创 2021-06-03 14:40:01 · 1788 阅读 · 4 评论 -
ElementUI实现表格加载树形数据教程
Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助网站快速成型原创 2021-06-03 14:11:25 · 4993 阅读 · 4 评论 -
ElementUI实现表格列表分页效果教程
ElementUI实现表格列表分页效果教程，Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助网站快速成型原创 2021-06-02 15:23:38 · 3674 阅读 · 8 评论 -
ElementUI获取表格选择的行数据小技巧
Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助网站快速成型.原创 2021-06-02 11:12:47 · 6736 阅读 · 3 评论 -
设置ElementUI表格只能单选效果教程
设置ElementUI表格只能单选效果教程，Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助网站快速成型.原创 2021-06-02 11:05:06 · 3109 阅读 · 3 评论 -
Vue.js页面渲染出现{{message}}问题处理方法
Vue.js页面渲染出现{{message}}问题处理方法业务场景：最近在做JSP项目，然后又引入vue.js做前端，然后启动页面时候出现{{message}}占位符显示出来，然后再加载页面，有点闪屏问题，体验不是很好，这种情况有可能是网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染方法①：出现这种，可以检查一下样式文件是否放在文件最前面，js文件要放在最后面，这也是一种规范。或者也可以使用link引用 <style> @import "${css}/dispatch原创 2021-05-21 17:54:46 · 3188 阅读 · 2 评论 -
使用setInterval设置多少秒重新发送验证码
使用setInterval设置多少秒重新发送验证码，setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。原创 2021-05-21 17:25:45 · 1658 阅读 · 0 评论 -
ElementUI表格行column根据占位符换行方法
ElementUI表格行column根据占位符换行方法，Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助网站快速成型.原创 2021-05-20 09:45:00 · 2665 阅读 · 2 评论 -
Hexo系列之更换主题和Markdown使用
基于我的上一篇博客：http://blog.youkuaiyun.com/u014427391/article/details/53670744 的基础，本博客，介绍hexo博客主题更换和上传自己写的博客，使用markdown进行博客编辑。准备，我们需要先从hexo官网下载自己喜欢的主题，这里下载yelee的主题，下载好了之后，我们将主题放在myblog，注意看我的上一篇博客修改_config.yml 同样原创 2016-12-15 16:00:04 · 5317 阅读 · 0 评论 -
Hexo系列之搭建个人博客入门
hexo：是一款基于NodeJS的博客框架，具有快速、简洁且高效的优点；使用Markdown解析文章，可以在几秒内快速生成静态文章博文补充NodeJS：目前速度最快的Javascript引擎，和2014年出现的AngularJS不同，NodeJS是一款基于后端的语言，有数据库操作，快速、高效的优点，比起PHP来说开发效率更高Markdown：它允许人们“使用易读易写的纯文本格式编写文档，然原创 2016-12-15 15:03:24 · 3150 阅读 · 1 评论 -
JavaScript系列之回调函数callback
JavaScript系列之回调函数callbackJavaScript回调函数的使用是很常见的，引用官方回调函数的定义：A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.解释得很...原创 2020-01-12 11:06:44 · 4830 阅读 · 2 评论 -
JavaScript系列之事件冒泡机制简介
JavaScript系列之事件冒泡机制DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段，事件冒泡顺序是由内到外进行事件传播，事件冒泡是由IE开发团队提出来的，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播。听了简介介绍之后，您可能不理解，所以举个例子：<html><head><t...原创 2020-01-12 11:06:06 · 5702 阅读 · 0 评论 -
Sencha Touch系列之实现图片切换效果
先去Sencha Touch的官网下载需要的库文件，文件目录如图所示： 图1-1 然后创建homework1.js文件，加注释，代码分析: 先写ShenCha Touch需要的引用，然后再在lunch:function()里面创建需要的组件和事件 在lunch:function()里面创建...原创 2015-12-11 13:40:16 · 2826 阅读 · 0 评论 -
Bootstrap系列之实现圆形图片效果
安装Bootstrap环境，下载框架文档和core代码您可以从http://getbootstrap.com/上下载 Bootstrap 的最新版本。当您点击这个链接时，您将看到如下所示的网页：您会看到两个按钮：Download Bootstrap：下载 Bootstrap。点击该按钮，您可以下载 Bootstrap CSS、JavaScript 和字体的预编译的压缩版本...原创 2016-08-19 17:20:25 · 7002 阅读 · 3 评论 -
Bootstrap系列之treeview实现菜单树
本博客，介绍通过Bootstrap的treeview插件实现菜单树的功能。treeview链接：http://www.htmleaf.com/Demo/201502141380.htmlORM框架是Mybatis的，这里其实就是单表查询而已，获取要做菜单树的信息表，这张表必须要有一个parentSeq，然后通过关联实现。&lt;sql id="groupDefineColum"&gt; ...原创 2018-12-31 00:07:36 · 6370 阅读 · 0 评论 -
Jquery系列之contextMenu右键菜单使用
本博客介绍一下一款开源的jquery右键菜单插件使用，github链接：https://github.com/swisnl/jQuery-contextMenu样例代码：&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt;原创 2018-12-31 00:08:28 · 4588 阅读 · 0 评论 -
JavaScript学习笔记整理
整理一篇工作中的JavaScript脚本笔记，不定时更新，笔记来自网上资料或者自己经验归纳。ps：都是一些小技巧，只能作为学习参考，要系统性学习还是要多看书原创 2018-12-12 23:57:23 · 10068 阅读 · 27 评论 -
JavaScript系列之实现ul动态添加li元素
<!doctype html><html manifest="lab4.manifest"><head><title>Mobile Cookbook</title><meta charset="utf-8"><meta name="viewport" content="width=device-widt...原创 2015-10-08 20:59:53 · 8058 阅读 · 0 评论 -
Easyui学习整理笔记
文章目录(1) 表格双击事件(2) treegrid传参更新(3) 设置列表checkbox单选(4) Easyui实现单行选择和取消选择对工作中遇到的easyui做一下笔记，不定时更新(1) 表格双击事件datagrid和treegrid都适用，例子： onDblClickRow :function(rowIndex,rowData){ var selections...原创 2019-02-23 23:21:51 · 2825 阅读 · 0 评论 -
前端应用之自定义搜索框实现
定义一个前端div&lt;div class="site-search"&gt; &lt;div id="search"&gt; &lt;input type="text" name="s" class="text"原创 2019-02-23 23:23:04 · 4172 阅读 · 0 评论 -
Eayui系列之实现列表选择功能
在做一个列表选择的功能，要实现一个Jquery列表选择器的效果，如图就是很常见的一种列表选择器不过网上开源的可能要积分，资料没找到合适的，所以自己就简单写了一下，其实实现也不是很难。实现思路：左边双击之后获取元素，在右边附加上就好，右边选择列表双击之后就移除元素实现效果：因为系统功能是easyui做的，页面左边是一个table，也是easyui的datagrid，所以就可以调对应方法获取...原创 2019-02-23 23:25:48 · 3055 阅读 · 0 评论 -
Vue.js系列之入门手册整理
文章目录第一章、环境搭建1.1、准备：1.2、nodejs安装1.3、npm安装1.4、vue安装第二章、目录结构2.1、webpack2.2、webpack下的全局文件结构第三章、Vue调试第四章、定义页面附录资料第一章、环境搭建1.1、准备：npm: 3.10.8 (npm > 3.0)node: v6.9.1 (node > 6.0)vue: 2.0+...原创 2019-03-19 23:05:02 · 3802 阅读 · 0 评论 -
Ajax系列之简单介绍笔记
什么是AJAX，为什么要使用AJAXAjax（Asynchronous JavaScript and XML的缩写）：一种创建交互式网页应用的网页开发技术。包含下列技术： 基于XHTML+CSS的表示； 使用 DOM进行动态显示及交互； 使用 XML 和 XSLT 进行数据交换及相关操作； 使用 XMLHttpRequest 进行异步数据查询、检索； 使用 JavaScript 将所有的东西绑定在一原创 2017-09-24 21:39:11 · 3741 阅读 · 0 评论 -
Ajax系列之异步调用导致的不同步问题
业务场景：点击一个按钮的时候保存数据，同时打开一个弹窗带出保存的数据基于这样的业务场景，最近遇到一个问题，是在ie11才发现的，点击按钮时候，后台打断点加数据库查询都验证数据是保存正确的，不过已经保存的数据是带不到弹窗页面的，问题比较奇怪，排查了挺长时间，最开始因为在ie才能重现的问题，在极速模式的360浏览器是没问题的，而且第一次点击时候没带出数据，第二次点击时候才可以带出数据，然后很容易让人...原创 2019-08-23 21:07:32 · 2942 阅读 · 0 评论 -
html5系列之placeholder兼容ie11
placeholder 属性是html5的属性，用于提供描述输入字段预期值的提示信息（hint）。简单例子：<!DOCTYPE HTML><html><body><form action="/test.do" method="get"><input type="search" name="user_search" placehol...原创 2019-08-16 22:22:32 · 2919 阅读 · 0 评论 -
zDialog系列之入门教程
zDialog是一款弹窗框架，具备简便外观漂亮的优点，所以经常被项目应用好的，引用官方博客的优点介绍：zDialog框架优点：代替window.open、window.alert、window.confirm；提供良好的用户体验； 水晶质感，设计细腻，外观漂亮； 兼容ie6/7/8、firefox2/3、Opera；弹出框在ie6下不会被select控件穿透； 无外部css文件...原创 2016-09-16 11:30:08 · 9016 阅读 · 0 评论