
前端开发技术体系
文章平均质量分 91
前端开发技术
BoringRong
字节跳动后端工程师 | 持续学习,保持敬畏
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Ajax异步配合数据字典完成下拉选框
Ajax异步配合数据字典完成下拉选框在一个web项目中,往往有许多下拉选框,其中下拉选框必须含有特定的内容,而如果在jsp或者html页面中写死的话就很难修改,也不能动态获取到更新的数据,所以要使用前台Ajax+后台回调+数据库的方式去动态生成特定的下拉选框。·什么是数据字典?百度百科:数据字典是指对数据的数据项、数据结构、数据流、数据存储、处理逻辑、外部实体等进行...原创 2018-06-01 20:39:51 · 5276 阅读 · 0 评论 -
用JavaScript的bom操作完成窗口开闭
一、JavaScript有两大骚操作:一是dom操作,即对document object model(文本对象模型)的操作二是bom操作,即对browser object model(浏览器对象模型)的操作二、JavaScript的窗口操作demodemo的效果:代码:hellowin.jsp<%@ page language="java" contentType="text/html; c...原创 2018-06-06 20:42:31 · 3682 阅读 · 0 评论 -
使用easyui的可编辑数据表格(editable datagrid)
相关的参考属性、方法和事件:1、列属性:2、datagrid事件:3、datagrid方法:4、示范代码:<table id="myTable"></table> <script type="text/javascript"> $(function(){ //定义被编辑的行号 var rowNu...原创 2018-07-18 11:49:35 · 19223 阅读 · 7 评论 -
jQuery easyUI中validatebox使用
提供的校验规则:1、非空校验required="required"2、使用validType指定 email: 正则表达式匹配电子邮件规则。 url: 正则表达式匹配的URL规则。 length[0,100]: 在x和x字符允许。 remote['http://.../action.do','paramName']: 发送ajax请求做验证值,返回“true”当成功。<table c...原创 2018-07-08 23:10:39 · 368 阅读 · 0 评论 -
jQuery easyUI menubutton菜单使用
<!-- 制作菜单 --> <a data-options="iconCls:'icon-help',menu:'#mm'" class="easyui-menubutton">控制面板</a> <!-- 使用div元素制作下拉菜单 --> <div id="mm"> <div on原创 2018-07-08 23:09:02 · 720 阅读 · 0 评论 -
jQuery easyUI messager使用方式
alert方式confirm方式show方式show方式默认右下角弹出原创 2018-07-08 23:07:30 · 400 阅读 · 0 评论 -
Vue.js路由的简单使用
文章目录一、什么是路由二、一步步使用路由2.1、在main.js中引入Vue-Router2.2、在index.html中使用路由导航和路由视图2.3、在main.js中配置路由路径和路由器挂载实例更多关于Vue.js的系列文章请点击:Vue.js开发实践(0)-目录页一、什么是路由路由(Router)是Vue.js的另一个精髓所在,它是vue的一个官方库,用于匹配路径和模块的关系。...原创 2018-12-10 22:58:17 · 675 阅读 · 0 评论 -
Vue.js脚手架的安装及使用
文章目录一、VUE脚手架介绍二、VUE脚手架的安装2.1、安装node.js2.2、安装cnpm2.3、安装vue2.4、安装vue-cli脚手架构建工具三、创建基于webpack模板的项目3.1、创建过程3.2、项目结构3.3、src文件更多关于Vue.js的系列文章请点击:Vue.js开发实践(0)-目录页Vue.js是一款由国人开发的流行前端js框架,为了更快速地开发,我们需要安装...原创 2018-12-05 19:50:48 · 629 阅读 · 0 评论 -
Vue.js基础知识总结
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。1、脚手架的安装及使用2、Vue实例以及插值语法...原创 2018-07-08 21:00:30 · 3051 阅读 · 0 评论 -
Vue.js表单v-model指令
文章目录一、v-model指令介绍二、v-model在表单中的使用2.1、输入框2.2、多选框2.3、select 列表三、修饰符更多关于Vue.js的系列文章请点击:Vue.js开发实践(0)-目录页一、v-model指令介绍你可以用 v-model 指令在表单 &amp;lt; input&amp;gt;、&amp;lt; textarea&amp;gt; 及 &amp;lt; select&原创 2018-12-08 16:45:47 · 372 阅读 · 0 评论 -
Vue实例以及插值语法
文章目录一、Vue实例1.1、创建实例对象1.2、数据关联二、插值语法2.1、文本插值2.2、原始html插值2.3、属性插值三、在插值中使用JS表达式更多关于Vue.js的系列文章请点击:Vue.js开发实践(0)-目录页一、Vue实例1.1、创建实例对象每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的: var vm = new Vue({ // ...原创 2018-12-05 23:06:49 · 2186 阅读 · 0 评论 -
Vue.js指令的使用
文章目录一、Vue指令1.1、v-if\else\else if1.2、v-for1.3、v-on1.4、v-model更多关于Vue.js的系列文章请点击:Vue.js开发实践(0)-目录页一、Vue指令指令 (Directives) 是带有v-前缀的特殊特性。在Vue.js中,指令的作用是代替一段JS表达式,帮助开发者快速地完成简单的Dom操作。1.1、v-if\else\else...原创 2018-12-07 10:10:24 · 436 阅读 · 0 评论 -
Vue.js组件的简单使用
文章目录一、组件是什么二、注册全局组件三、注册局部组件四、在components文件夹中创建组件文件更多关于Vue.js的系列文章请点击:Vue.js开发实践(0)-目录页一、组件是什么组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为...原创 2018-12-09 12:43:03 · 471 阅读 · 0 评论 -
Vue实例的生命周期及钩子函数
文章目录一、什么是Vue的生命周期和钩子函数二、生命周期钩子函数的简单使用更多关于Vue.js的系列文章请点击:Vue.js开发实践(0)-目录页一、什么是Vue的生命周期和钩子函数每一个Vue实例被创建出来、属性和选项渲染、el实例挂载再到其销毁过程被称为一个Vue实例的生命周期,在这一系列过程中,我们可以使用Vue的生命周期钩子函数在特定的时间对Vue实例进行一系列的操作。以下是一...原创 2018-12-15 15:11:23 · 822 阅读 · 0 评论 -
Vue.js组件间通信
文章目录一、props选项1.1、基础使用1.2、组件动态通信二、自定义事件2.1、使用v-on和this.$emit()接受和发送数据三、prop参数校验更多关于Vue.js的系列文章请点击:Vue.js开发实践(0)-目录页一、props选项1.1、基础使用prop 是父组件用来传递数据的一个自定义属性。父组件的数据需要通过 props 把数据传给子组件,子组件需要显式地用 pr...原创 2018-12-10 22:37:57 · 394 阅读 · 0 评论 -
Vue.js动态路由匹配
文章目录一、动态路由简单使用二、用v-bind和v-for完成一个动态路由更多关于Vue.js的系列文章请点击:Vue.js开发实践(0)-目录页一、动态路由简单使用我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。那么,我们可以在 vue-router 的路由路径中使用“动态路径参数”(...原创 2018-12-10 23:27:06 · 1176 阅读 · 0 评论 -
Vuex的常用项目结构以及请求过程
文章目录一、入门Vuex1.1、什么是Vuex1.2、Vuex的安装二、Vuex的常用术语解释三、Vuex的常用项目结构四、vuex-demo请求流程4.1、需求4.2、Vuex的请求流程4.3、Vuex的具体使用更多关于Vue.js的系列文章请点击:Vue.js开发实践(0)-目录页一、入门Vuex1.1、什么是VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式...原创 2018-12-18 20:16:30 · 2128 阅读 · 0 评论 -
Vue.js计算属性和侦听属性
文章目录一、计算属性1.1、计算属性的使用1.2、计算属性结果是被缓存的1.3、计算属性的getter和setter二、侦听属性更多关于Vue.js的系列文章请点击:Vue.js开发实践(0)-目录页一、计算属性1.1、计算属性的使用模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中...原创 2018-12-08 11:30:36 · 493 阅读 · 0 评论