- 博客(20)
- 收藏
- 关注
RSS订阅
原创 Angular8 + ng.ant.design 开箱即用
> 【fc-angular】基于angular8的多页面后台管理系统# 一、简介## 1、源码地址- 【源码地址】[https://github.com/FE-free/fc-angular](https://github.com/FE-free/fc-angular)## 2、在线预览- 【在线预览】[https://FE-free.github.io/fc-angular/de...
2019-09-10 16:51:06
3509
1
原创 以对象的形式动态获取宽高
1. 当页面的宽度使用的是百分比时，或者父元素的宽度未设置，子元素的宽度随着父元素的宽度变化而变化，想动态获取div的宽度，使div的宽高相等，可以使用下面的方法：2.响应式布局。预览效果：动态获取图片的宽或者高：//设置图片展示的4张小图片的高度和宽度一致// 获取对象的信息function domDetail() {var dom = $(".product
2016-11-09 14:45:14
414
原创 如何适配手机端
UI给我的设计稿一般都是750乘以1344的，用px无法还原设计稿，需要用到rem,用sass自动计算px到rem的转换，参考了淘宝适配方案：https://github.com/amfe/article/issues/17
2017-07-25 16:00:19
526
原创 windows10安装gulp cnpm git bower等工具总结
前端工具安装总结 @auther honghong create by 20170413windows10安装gulp cnpm git bower等工具总是安装不上时，检查一下电脑是否为家庭版，尽量用管理者权限进行安装以下工具：1、node： 去nodejs官网下载安装包进行安装查询node 版本 node -vnode npm安装 造成无法安装其他工具时
2017-04-13 19:05:51
3229
原创 ionic-点击input时键盘自动弹出
ionic开发移动端界面时，在输入用户名和密码的时候，我希望输入法不要挡住我的输入框，并且输入框往上滚动的时候，顶部标题不要上移，只是input内容部分往上移动，点击密码输入框时我还想看见按钮，这样不用关闭输入法，也可以直接点击登录按钮，关闭输入法自动恢复成默认的界面，用户体验不错哦~；找了很多代码，以下代码是我想要的效果： .directive('focusInput', ['
2016-12-23 13:35:47
4191
3
原创 ionic back 返回按钮不正常显示&&二级路由点击返回按钮失效无法返回到上一级页面的问题
用inoic写单页面应用，有一个默认的返回按钮，可是点击到二级界面返回按钮却不出现，或者出现之后点击back按钮没有反应，不返回到上一级页面，是因为在index.html 中定义按钮，二级页面和一级页面不是同一个中，不能共享历史记录，导致返回上一级界面失效。这样我们需要在HTML文件中写以下代码：但是，不要写里面的back button 返回按钮，要去每个需要返回按钮的htm
2016-12-07 14:56:19
4838
原创 angular.js ui-href 子元素和父元素的跳转互不影响——阻止冒泡
遇到一个问题，在angular.js中，父元素的div有ui-href 的链接，子元素的button也有ui-href的链接，点击子元素的ui-href 跳转的却是父元素的链接，通过阻止冒泡解决这个问题，添加一个ng-click="$event.stopPropagation();" 事件，代码如下： <button class="button button-outline list-...
2016-12-06 13:52:21
1364
原创 对自己的要求
用scss写html,用jade写HTML，在能完成工作保证进度的前提下优化代码，背景图片用fis3合并精灵图，小效果能自己写的自己写，少用大框架，不要写重复多余的代码，多封装通用的代码。多考虑用户体验，不同分辨率下的界面效果，不仅仅是完成静态界面。学会用命令行监控浏览器。
2016-11-28 14:52:40
381
原创 hotcss的rem和boostrap、ionic自定义样式的冲突
hotcss不是一个库，也不是一个框架。它是一个移动端布局开发解决方案。使用hotcss可以让移动端布局开发更容易。如果你的项目是单一尺寸设计图，那么你需要去px2rem.scss中定义全局的designWidth。@function px2rem( $px ){ @return $px*320/$designWidth/20 + rem;}$designWidth :
2016-11-16 09:33:03
1753
原创 hotcss.js如何利用sass自动生成css，快速让px转换成rem
hotcss配合flexable布局，可以让移动端布局开发更容易。 根据ui设置的字体px不用通过计算自动转换成rem,遵循视觉一致性原则。在不同大小的屏幕和不同的设备像素密度下，让你的页面看起来是一样的。 需要会自动构建工具如gulp、fis3, css的预处理器sass，安装开发环境后，在sass文件中输入你需要转换的px，浏览器自动刷新便可以预览效果。如果不会这些开...
2016-11-12 09:43:36
4657
原创 致未来的自己
希望以后的自己看见这篇文章，我不会说自己太菜，不会让同事有优越感，不会轻易的就向别人请教问题，不会去问一些弱智的问题，能自己解决的不要靠别人。每天学习一点点，终将有质的突破。Never say give up!
2016-11-11 15:16:22
446
1
原创 如何用css 绘制边长相等且有边框的六边形
首先，我的思路是六边形由一个长方形，两个三角形拼成。 css绘制有边框的三角形，比如你的六边形需要有白色的边框，红色的背景色，那么你的三角形则有白色的大三角形和红色的小三角形重叠在一起，组成一个白色边框的三角形。 之前用before ，after写完无边框的六边形，写有边框的六边形只好推翻这种方法重新写了。。。 我的项目是几个六边形，不规则的摆放，需要定位，给六边形添加hover效果。 最终，六边形画出来之后，PSD是1920的大小，算是高分辨率了，无法自适应不同分辨率的屏幕
2016-11-11 15:01:36
6142
1
原创 css初始化代码，根据自己需要定义
下面是我的初始化代码：body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }body { background:#fff; color:#666; font-s
2016-11-11 09:39:25
890
原创 ionic之app.js中的路由配置关系和导航居底部的解决方案
工作中遇到一个问题，用谷歌浏览器的手机端调试界面时，导航是位于底部的，用自己的手机调试时，导航却在顶部标题下面，并没有居于底部，在调页面的时候带了很多麻烦。路由之间的配置关系，详情待补充...... var profile = angular.module('profile',[]);var cbill = angular.module('cbill',[]);
2016-11-10 10:31:08
1518
原创 ionic实现轮播图效果
ionic 的js有一个自带的滑动框效果，可以实现手机端，类似于淘宝顶部的轮播图效果，向左滑动上一张、向右下一张。does-continue="true" 表示自动滑动，slide-interval=2000 表示等待2000毫秒开始滑动预览效果：代码如下：
2016-11-09 15:00:55
14024
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人