css框架

Jquery的使用

别来无恙 提交于 2019-11-26 14:11:08
jquery 中$.get()提交和$.post()提交有什么区别? $.post 是$.ajax({type:'post})的简写 $.get 是 $.ajax({type: 'get'}) 的简写 而这里的 type,则和表单 form 的属性 method 等效,即: $.post 相当于 <form method="post"></form> $.get 相当于 <form method="get"></form> jquery 中的选择器 和 css 中的选择器有区别吗? 1、首先说两者是属于不同的两门语言,jQuery 是属于 js 的一个框架,则其选择器是 js 里面的选择器,css 是另一门不同于 js 的语言,其选择器是 css 选择器,则两者在根本上是 不同的。 2、但是两者是有交集的,都是作为网页或者浏览器解析的语言,而 js 可以通过修改浏 览器的 dom 对象来实现对 css 修改或者是控制。 3、可以简单的这样区分两者,css 选择器用语 css 当中,js 选择器应用于 js 当中,只不 过有时两者使用相同的 id 标识来选择对象 来源: https://blog.csdn.net/MINGDE_SKILL/article/details/98884055

面试 | 前端技术面

a 夏天 提交于 2019-11-26 13:06:51
上个月学校有招聘会,就过去投了几家公司,月底有幸参加了技术面,整理一下我参加技术面被问到的知识。 HTML/CSS 谈谈你对box-model的理解 谈谈相对定位和绝对定位的区别 CSS3的选择器 移动页面(flexible.js)布局问题 Flexbox Transition Bootstrap(栅格系统、组件、JavaScript 插件) JS 掌握 数组,字符串,JSON 对象方法的运用(ES5规范) 简单或复杂表单验证和提交 jQuery 基础及其插件的使用 工具 Git CLI / GUI 的使用 phpstudy 开发环境的搭建与使用 进阶 Less / Sass CSS预编译器 Grunt / Gulp / webpack 等自动化构建工具 Vue.js / AngularJS 等现代化前端框架 来源: CSDN 作者: Uching 链接: https://blog.csdn.net/Uching/article/details/70841293

使用CSS样式的方式

丶灬走出姿态 提交于 2019-11-26 12:59:28
1.HTML<!DOCTYPE>声明标签 (1)定义和用法 <!DOCTYPE>声明必须是HTML文档的第一行,位于<html>标签之前。 <!DOCTYPE>声明不是HTML标签;它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。 在HTNL4.01中,<!DOCTYPE>声明引用DTD,因为HTML4.01基于SGML。 DTD规定了标记语言的规则,这样浏览器才能正确地呈现内容。 HTML5不基于SGML,所以不需要引用DTD。 (2)各版本的声明 HTML5 <!DOCTYPE html> <meta charset="UTF-8"> HTML4.01 <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><meta http-equiv=Content-Type content="text/html;charset=UTF-8"> 该DTD包含所有HTML元素和属性,包括展示性的和弃用的元素(比如font)。不允许框架集(framesets)。 注意的规则: 1.单标记必须闭合,比如<br>,<input>必须写为<br/>,<input/> 2.单属性必须添加属性值,<input type="radio"

中高级前端面试秘籍,助你直通大厂(一)

青春壹個敷衍的年華 提交于 2019-11-26 10:05:23
引言 又是一年寒冬季,只身前往沿海工作,也是我第一次感受到沿海城市冬天的寒冷。刚过完金九银十,经过一场惨烈的江湖厮杀后,相信有很多小伙伴儿已经找到了自己心仪的工作,也有的正在找工作的途中。考虑到年后必定又是一场不可避免的厮杀,这里提前记录一下自己平时遇到和总结的一些知识点,自己巩固复习加强基础的同时也希望能在你的江湖路上对你有所帮助。笔者在入职最近这家公司之前也曾有过长达3个月的闭关修炼期,期间查阅资料无数,阅读过很多文章,但总结下来真正让你印象深刻的,不是那些前沿充满神秘感的新技术,也不是为了提升代码逼格的奇淫巧技,而是那些我们经常由于项目周期紧而容易忽略的基础知识。 所谓万丈高楼平地起,只有你的地基打得足够牢固,你才有搭建万丈高楼的底气,你才能在你的前端人生路上越走越远 。 这篇主要是先总结一下CSS相关的知识点,可能某些部分不会涉及到太多具体的细节,主要是对知识点做一下汇总,如果有兴趣或者有疑惑的话可以自行百度查阅下相关资料或者在下方评论区留言讨论,后续文章再继续总结JS和其他方面相关的知识点,如有不对的地方还请指出。 1. CSS盒模型 CSS盒模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。CSS 假定所有的HTML 文档元素都生成了一个描述该元素在HTML文档布局中所占空间的矩形元素框,可以形象地将其看作是一个盒子。CSS 围绕这些盒子产生了一种“盒子模型

Sultana后记:纯css也能写col,select,datepicker,carousel...

杀马特。学长 韩版系。学妹 提交于 2019-11-26 00:26:49
未完待续 背景 如今css3越来越发达,focus-within等属性也已经开始在Chrome得到支持。如果有出色的css功底,一点点ps技能,你也能用css3配合原生html标签写出优秀的框架。通过对css3的实践,我发现自定义原生控件并不是什么难事,于是小试牛刀写了个 纯CSS3实现Material Design 。 关于 关于本文的所有代码实现,以及更多纯css控件,请在 https://github.com/Seasonley/... 中查看。 本文针对本人开发的 纯css框架Sultana 中重要的几个常用组件进行深入分析,与大家探讨如何一步步构思实现,包括: var(--x) 写栅格系统 focus-within & a & input 写下拉选择控件 input radio & date 实现日期选择控件 background linear-gradient:一个有争议的scroll_indicator实现方式 css动画 + css变量 写自适应大小轮播控件 导航栏之:focus-within 侧边栏导航滑出 导航栏之:summary折叠导航,秒杀bulma静态样式 input range 可以写五星好评啦 友好的tooltip,transform 大法 1.var(--x) 写栅格系统 ( 源码 ) 众所周知Bootstrap栅格系统

Dojo 样式简介

纵饮孤独 提交于 2019-11-26 00:09:16
翻译自: https://github.com/dojo/framework/blob/master/docs/en/styling/introduction.md 介绍 Dojo 是基于 HTML 的技术,使用 CSS 为框架中的元素和用它开发的应用程序设置样式。 Dojo 鼓励将结构样式封装在各部件中,以便最大限度复用;同时将外观主题设置到应用程序所有部件上。用户为他们的应用程序设置样式和主题时,这种模式提供了固定的套路,即使混合使用 Dojo 的 @dojo/widgets 库 中的部件、由第三方提供的部件或者为特定应用程序开发的内部使用的部件时也是如此。 功能 描述 为单个部件设置样式 CSS Modules 用于定义,在单个部件的作用域内有效的样式,避免潜在的交叉污染和样式冲突。通过类型化的 CSS 模块导入和 IDE 自动完成功能,部件可以精确的引用 CSS 类名。 强大的主题支持 可以轻松开发出支持主题的部件,这样的部件既能使用简化的、中心化的应用程序主题,也能调整或覆盖单个实例的目标样式(如果需要的话)。 CLI 工具 支持分发自定义主题。 响应式的主题变更 与 Dojo 应用程序中的其他响应式状态变更类似,当一个部件或者整个应用程序的主题发生变化时,只有受影响的部件才会重新渲染。 提取 CSS 属性 每个 CSS 模块可通过 CSS 自定义属性和 var()

Dojo 样式进阶

a 夏天 提交于 2019-11-26 00:09:12
翻译自: https://github.com/dojo/framework/blob/master/docs/en/styling/supplemental.md Dojo 中的样式和主题 Dojo 部件最适合作为简单的组件,每个组件处理单一职责。它们应该尽可能的封装和模块化,以提高可重用性,同时避免与应用程序使用的其他组件出现冲突。 可以使用常规的 CSS 为部件设置样式,但是为了达到封装和复用的目标,每个部件应该维护各自的 CSS 模块(CSS module),该模块与部件的源代码存放在各自的文件中。这样就可以独立地设置各部件的样式,而不会与应用程序其他地方使用的类名冲突。 Dojo 界定出以下几类样式,每一类都代表了企业 web 应用程序中的样式需关注的不同方面和粒度: 未主题化的部件样式 ( 粒度: 单个部件) 部件所需的最小样式,不打算被主题覆盖。当渲染时,部件直接从导入的 CSS 模块中引用这些样式类。 主题化的部件样式 ( 粒度: 单个部件) 可以被主题覆盖的部件样式。部件使用 theme 中间件中的 theme.classes(css) API,传入需要主题化的 CSS,并在渲染时使用返回的类名。部件的使用者可以按需覆写部分或所有类。 应用于多个部件的样式 ( 粒度: 应用程序范围) 应用于多个部件的样式,这些部件既可以是不同类型的部件,也可以是单个部件的多个实例

前端笔记之微信小程序(一)初识微信小程序&WXSS与CSS|WXML与HTML的差异&像素和DPR

谁说胖子不能爱 提交于 2019-11-25 19:59:44
一 、 小程序概述 2017 年 1 月 9 日小程序正式上线,腾讯开放了个人开发者开发小程序,小程序从此就开始火爆 , 这一年,小程序狂揽 4 亿用户、 1.7 亿的日常活跃,上线 58 万个。这是一个巨大的机会,对于企业宣传,拉新用户存在变革性的影响。 小程序的本质是: 轻应用,就是不用安装就能使用的手机 APP 。 “跳一跳”养成了大家下拉寻找常用小程序的习惯。 小程序对开发者而言也是非常友好的。 微信就是一个 “虚拟机”,小程序使用JavaScript编程,小程序将JavaScript 翻译为机器能够识别的 Java 、 OC 等语言, 能操作硬件,比如蜂鸣器、陀螺仪、相册、闪关灯、摄像头。 小程序屏蔽了手机操作系统之间的差异,我们写 iOS 的小程序、安卓的小程序是不需要考虑系统的差异的。 二、小程序开发账号 注册 一个人最多只能有 5 个小程序项目,只能有 5 个小程序 A ppID ,公司账户可以有 2 0个小程序项目。 https://mp.weixin.qq.com/ 去自己的邮箱点击激活右键的超级链接: 然后在打开的页面选择个人开发者,需要让你填写身份证号码和用户真实姓名,这里为了隐私就不截图了。 三、获得 AppID 下载使用开发者工具 https://mp.weixin.qq.com/ 登录 3 .1 添加小程序信息 3 .2 添加开发者