摘要: 取名字是个困难的事!! 先看效果:http://www.sulishibaobei.com/canvas/canvas1/text.html 请在谷歌浏览器下查看 html代码: css代码: 看效果就是这样的: 现在是什么功能都没有的; 1.现在我们在做放大缩小; 点击放大缩小按钮就能看到效果啦;阅读全文
posted @ 2018-01-29 10:57 苏黎世宝贝 阅读(777) 评论(1) 编辑
摘要: 本文源自于segmentfault的一篇专栏文章:https://segmentfault.com/a/1190000012924855 只不过这篇是MAC版本的,所以我试了下windows版的; 当然想看的,可以看官网的地址 https://github.com/jiahaog/nativefie阅读全文
posted @ 2018-01-22 11:59 苏黎世宝贝 阅读(1155) 评论(1) 编辑
摘要: 1.bootstrap-multiselect 顾名思义基于bootstrap,bootstrap基于jquery,所以第一步,引入文件 引入下面的两个文件,如果没有请去github下载:https://github.com/davidstutz/bootstrap-multiselect 2.开始阅读全文
posted @ 2018-01-05 15:35 苏黎世宝贝 阅读(15923) 评论(0) 编辑
摘要: 介绍一款自定义的进度条 简单看看实现效果: http://www.sulishibaobei.com/progress/index1.html --js自定义 http://www.sulishibaobei.com/progress/index.html --h5原生 <div class="bo阅读全文
posted @ 2017-12-19 15:32 苏黎世宝贝 阅读(2109) 评论(1) 编辑
摘要: 个人博客迁移至 http://www.sulishibaobei.com 处; 这篇,算是上一篇Angular 4+ Http的后续; Angular 4.3.0-rc.0 版本已经发布🐦。在这个版本中,我们等到了一个令人兴奋的新功能 - HTTPClient API 的改进版本; HttpCli阅读全文
posted @ 2017-08-31 21:37 苏黎世宝贝 阅读(1277) 评论(0) 编辑
摘要: HTTP: 使应用能够对远端服务器发起相应的Http调用; 你要知道: HttpModule并不是Angular的核心模块,它是Angualr用来进行Web访问的一种可选方式,并位于一个名叫@angual/http的独立附属模块中;也就是说:使用http之前要引入此模块; 1.基本使用: 注意,现在阅读全文
posted @ 2017-08-30 21:45 苏黎世宝贝 阅读(398) 评论(0) 编辑
摘要: 1.基本概念,借用阮一峰老师的一张图: 容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫做cross start,结束位置叫做cross end。 项阅读全文
posted @ 2017-08-29 22:57 苏黎世宝贝 阅读(315) 评论(0) 编辑
摘要: 路由的作用就是(导航):会加载与请求路由相关联的组件,并获取特定路由的相关数据,这允许我们通过控制不同的路由,获取不同的数据,从而渲染不同的页面; 几种常见的路由配置: 详细解析: 路由定义包括下面部分: Path:路由器会用它来匹配浏览器地址栏中的地址,如’test’; Component:导航到阅读全文
posted @ 2017-08-24 15:48 苏黎世宝贝 阅读(3242) 评论(0) 编辑
摘要: 你用Angular吗? 你用Angular吗? 一.介绍 如何只改动最简单的css代码,呈现完全不一样的视图效果。 第一种:最基本的设置: 图1 代码 图1 代码 图2 界面运行效果图 图2 界面运行效果图 平常,想给一个label或者p等标签添加样式,我们就是这样操作,在Angular中也是一样的阅读全文
posted @ 2017-08-22 21:38 苏黎世宝贝 阅读(6888) 评论(0) 编辑
摘要: 你用Angular 吗? 你用Angular 吗? 一.介绍 说说封装Angular 组建过程中遇见的一些问题和感悟。用久了Angular,就会遇见很多坑,许多基于Angular开发的框架最喜欢做的事情就是封装组件,然后复用.....因为这是最省事的。 二.基本构建组件思想 界面构建草图 界面构建草阅读全文
posted @ 2017-08-22 21:37 苏黎世宝贝 阅读(3813) 评论(0) 编辑
摘要: 你用Angular 吗? 你用Angular 吗? 一.介绍 一个基于angular4 开发的可以分页的组件。组件的好处就是可以复用,复用.....作为一个前端码农,开始的分页功能实现是我用jquery写的,其他同事用的时候都要将我的代码拷贝过去,于是我被鄙视了。为了不继续被鄙视就开始了尝试。 二.阅读全文
posted @ 2017-08-22 21:36 苏黎世宝贝 阅读(2738) 评论(0) 编辑
摘要: Css雪碧图: CSS雪碧 即CSS Sprite,也有人叫它CSS精灵,是一种CSS图像合并技术,该方法是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。 原理:CSS雪碧的基本原理是把你的网站上用到的一些图片整合到一张单独的图片中,从而减少你的网站的HTTP阅读全文
posted @ 2017-08-22 11:16 苏黎世宝贝 阅读(180) 评论(0) 编辑
摘要: Angular Http是获取和保存数据的。主要是为了取到我json文件里的数据。 直接上代码吧: 1. 先介绍Promise模式的:(直接代码) heroes.json: 1 2 3 4 5 6 7 8 { "data": [ { "id": 1, "name": "Windstorm" }, {阅读全文
posted @ 2017-08-16 10:01 苏黎世宝贝 阅读(197) 评论(0) 编辑
摘要: 类似控制面板的切换。 1. 2. 3. 3个按钮,点击第一个按钮的时候出来下面的div,并且字体变红,再点击一次就消失。字体还是红色。知道切换面板,点击第二个或者第三个按钮的时候,又变成最开始状态,div 消失,字体变黑。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16阅读全文
posted @ 2017-08-16 09:55 苏黎世宝贝 阅读(53) 评论(0) 编辑
摘要: 此方法采用的是没有路由的方式; html5 代码: <div [hidden]="flag"> <li class="music-list-datails">热门</li> <li class="music-list-datails" *ngFor="let c of category" [clas阅读全文
posted @ 2017-08-16 09:51 苏黎世宝贝 阅读(52) 评论(0) 编辑