随笔分类 - 前端技术学习
摘要:元素的显示与隐藏 在CSS中有三个显示和隐藏的单词比较常见,我们要区分开,他们分别是 display visibility 和 overflow。 他们的主要目的是让一个元素在页面中消失,但是不在文档源码中删除。 最常见的是网站广告,当我们点击类似关闭不见了,但是我们重新刷新页面,它们又会出现和你玩
阅读全文
摘要:元素的定位属性主要包括定位模式和边偏移两部分。 边偏移: top 顶端偏移量,定义元素相对于其父元素上边线的距离 bottom 底部偏移量,定义元素相对于其父元素下边线的距离 left 左侧偏移量,定义元素相对于其父元素左边线的距离 right 右侧偏移量,定义元素相对于其父元素右边线的距离 定位:
阅读全文
摘要:为了不影响前端开发的进度,一般后端都是先定数据结构,然后写个假接口让前端调用,这样前端就不必等着后端接口开发完成以后再开始了。 届时,前后端以及UI和测试就可以并行,待双方都把各自的逻辑写好了,便可以联调了。 如果我们自己用写代码的方式造数据,那效率就太低了,最简单的是使用Mock Server。在
阅读全文
摘要:实现思路,利用路由进行实现多个组件拼图: Detail.vue Header.vue 在router\下index.js中引入 注意事项: app.vue
阅读全文
摘要:在easyui官方文档里面是没有combobox下拉框,可以进行多选的,但是其实是可以多选的, 在data-options 中最后一个属性就是设置多选的, 假设获取的值为1 这是获取单个选择的值,但是如果多值,就无法获取 获取多选值的方法: 此时area就变成字符串,1,2
阅读全文
摘要:本文最初发表于博客园,并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我,一起入门和进阶前端。 前言 本文列出了很多与前端有关的常见网站、博客、工具等,整体来看比较权威。有些东西已经过时了,我就不列出来了。 学是一方面,也是最主要的方面;但还有一个作用,比如,“这个前端框架你都不知
阅读全文
摘要:首先需要安装依赖: 再定义: routes.js,配置路由规则: import Home from './components/Home' import Menu from './components/Menu' import Login from './components/Login' impo
阅读全文
摘要:脚手架安装: 首先执行vue init webpack-simple cxyvue cxyvue表示意思为:项目名 然后进入项目:执行 cnpm install 执行cnpm是时候首先需要安装淘宝镜像 再执行npm run dev 启动项目,就可以看到效果了
阅读全文
摘要:首先需要在app.vue中引入: 然后再main.js中引入: 最终展示效果:
阅读全文
摘要:禁用状态: 被禁用的 fieldset 为<fieldset> 设置 disabled 属性,可以禁用 <fieldset> 中包含的所有控件。 这是个整体案例 单个案例只需要添加disable就可以了 使用点击事件进行: 这样,在前端,点击之后是不可以再次重复点击 给按钮添加点击事件的两种方式:
阅读全文
摘要:表单控件: 在上面中引入了栅格系统,展示效果: 如果页面加上了背景图就更好看了 效果如下 这个是竖排的,还可以进行横排 再加上样式: 又变了
阅读全文
摘要:bootstarp改变页面的样式是通过类进行修改的,首先需要对bootstrap进行安装 这种是通过cdn进行引入, 表格学习: 例如这种就表示这个额是一个表格,然后会根据table类中的样式进行加载, 在class中加上如下就会出现相应的效果 效果: 效果: 需要加上如上类进行包装,才可以进行相应
阅读全文
摘要:1、myService.html: 自定义服务与后台数据交互 用户名 {{user.name}} 2、myService.js: var myModule = angular.module("app",[...
阅读全文
摘要:<!DOCTYPE html><htmllang="en"ng-app="myApp"><head><metacharset="UTF-8"><title>Title</title><style>*{margin:0; padding:0; list-style: none}.con{ width:
阅读全文
摘要:controllr jsp页面 这种是采用js获取后台数据放入页面的所以是比较和谐的,可以使用html,也可以使用其他的
阅读全文
摘要:以上是官方案例 如果和ssm后台jsp页面进行交互的案例: 数据返回层: 在两个data处都是与后台交互的数据:
阅读全文
摘要:效果: 自动轮播,当鼠标进入该区域的时候停止轮播,当鼠标离开的时候执行自动轮播
阅读全文
摘要:选择器基本选择器 标签 类 id选择器 交集 并集层级选择器: 子代 后代过滤选择器::odd:奇数 even:偶数 :eq:指定下标:first :last :gt :lt筛选选择器children():找儿子find():找后代parent():找爹siblings():找兄弟,不包括自己nex
阅读全文
摘要:daima: js分析: 属性分析:opacity是不透明度的意思,1时候是最高,0 最低
阅读全文