摘要: 1. CSS选择器种类、权重、优先级计算、匹配顺序、继承? !important > 行内样式 > id > 类选择器 , 伪类(:hover), 属性选择器 > 标签,伪元素选择器 (::before ::after :root) > 通配符 ,继承 ,关系选择器(兄弟选择器(子选择器(>) , 阅读全文
posted @ 2024-05-06 22:01 前端进阶中 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 1. 常见HTML5标签?常用的是哪几个? 标签有:h1~h6, head,meta, title, link, script,body,header, section,aside,nav,article,dialog,footer,video,audio,canvas,source,div,p,s 阅读全文
posted @ 2024-04-24 18:11 前端进阶中 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 1. 什么是垃圾回收机制? 简称GC,内存管理自动运行,找到不被使用的变量,进行垃圾回收 释放内存; 补充点:JS变量分为:全局变量 & 局部变量; 全局变量的生命周期是一直存在直到页面被销毁。局部变量一般定义在函数内部,他的生命周期从函数被调用开始,直到函数运行结束。等到局部变量不被使用,就会被释 阅读全文
posted @ 2024-04-24 12:06 前端进阶中 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 一. 何为链式调用? 链式调用是一种简化过程的编码方式,使代码看起来更加简洁~它允许你通过在方法调用之间返回对象本身,从而连续地调用多个方法;比较常见的链式调用:jQuery, Promise等,通过多次书写.或()操作来调用。 二. 实现的原理? 每次执行完成后返回自己/新的自己,这样可以确保后续 阅读全文
posted @ 2024-04-23 23:06 前端进阶中 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 本文源自于segmentfault的一篇专栏文章:https://segmentfault.com/a/1190000012924855 只不过这篇是MAC版本的,所以我试了下windows版的; 当然想看的,可以看官网的地址 https://github.com/jiahaog/nativefie 阅读全文
posted @ 2018-01-22 11:59 前端进阶中 阅读(3674) 评论(1) 推荐(0) 编辑
摘要: 1.bootstrap-multiselect 顾名思义基于bootstrap,bootstrap基于jquery,所以第一步,引入文件 引入下面的两个文件,如果没有请去github下载:https://github.com/davidstutz/bootstrap-multiselect 2.开始 阅读全文
posted @ 2018-01-05 15:35 前端进阶中 阅读(33557) 评论(0) 推荐(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 前端进阶中 阅读(4239) 评论(1) 推荐(0) 编辑
摘要: 个人博客迁移至 http://www.sulishibaobei.com 处; 这篇,算是上一篇Angular 4+ Http的后续; Angular 4.3.0-rc.0 版本已经发布🐦。在这个版本中,我们等到了一个令人兴奋的新功能 - HTTPClient API 的改进版本; HttpCli 阅读全文
posted @ 2017-08-31 21:37 前端进阶中 阅读(2488) 评论(0) 推荐(0) 编辑
摘要: HTTP: 使应用能够对远端服务器发起相应的Http调用; 你要知道: HttpModule并不是Angular的核心模块,它是Angualr用来进行Web访问的一种可选方式,并位于一个名叫@angual/http的独立附属模块中;也就是说:使用http之前要引入此模块; 1.基本使用: 注意,现在 阅读全文
posted @ 2017-08-30 21:45 前端进阶中 阅读(728) 评论(0) 推荐(0) 编辑
摘要: 1.基本概念,借用阮一峰老师的一张图: 容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫做cross start,结束位置叫做cross end。 项 阅读全文
posted @ 2017-08-29 22:57 前端进阶中 阅读(1762) 评论(0) 推荐(0) 编辑
摘要: 路由的作用就是(导航):会加载与请求路由相关联的组件,并获取特定路由的相关数据,这允许我们通过控制不同的路由,获取不同的数据,从而渲染不同的页面; 几种常见的路由配置: 详细解析: 路由定义包括下面部分: Path:路由器会用它来匹配浏览器地址栏中的地址,如’test’; Component:导航到 阅读全文
posted @ 2017-08-24 15:48 前端进阶中 阅读(4982) 评论(0) 推荐(0) 编辑
摘要: 你用Angular吗? 你用Angular吗? 一.介绍 如何只改动最简单的css代码,呈现完全不一样的视图效果。 第一种:最基本的设置: 图1 代码 图1 代码 图2 界面运行效果图 图2 界面运行效果图 平常,想给一个label或者p等标签添加样式,我们就是这样操作,在Angular中也是一样的 阅读全文
posted @ 2017-08-22 21:38 前端进阶中 阅读(13955) 评论(0) 推荐(0) 编辑
摘要: 你用Angular 吗? 你用Angular 吗? 一.介绍 说说封装Angular 组建过程中遇见的一些问题和感悟。用久了Angular,就会遇见很多坑,许多基于Angular开发的框架最喜欢做的事情就是封装组件,然后复用.....因为这是最省事的。 二.基本构建组件思想 界面构建草图 界面构建草 阅读全文
posted @ 2017-08-22 21:37 前端进阶中 阅读(6641) 评论(0) 推荐(0) 编辑
摘要: 你用Angular 吗? 你用Angular 吗? 一.介绍 一个基于angular4 开发的可以分页的组件。组件的好处就是可以复用,复用.....作为一个前端码农,开始的分页功能实现是我用jquery写的,其他同事用的时候都要将我的代码拷贝过去,于是我被鄙视了。为了不继续被鄙视就开始了尝试。 二. 阅读全文
posted @ 2017-08-22 21:36 前端进阶中 阅读(4515) 评论(0) 推荐(0) 编辑
摘要: Css雪碧图: CSS雪碧 即CSS Sprite,也有人叫它CSS精灵,是一种CSS图像合并技术,该方法是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。 原理:CSS雪碧的基本原理是把你的网站上用到的一些图片整合到一张单独的图片中,从而减少你的网站的HTTP 阅读全文
posted @ 2017-08-22 11:16 前端进阶中 阅读(455) 评论(0) 推荐(0) 编辑