随笔分类 -  前端技术学习

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

1 2 下一页