
前端-基础合集
文章平均质量分 52
前端基础部分知识整理
成茂峰
你很懒,没有编辑个人简介的打算
展开
-
关于Sass的这些知识,一看就懂一学就会
Sass(Syntactically Awesome Stylesheets)是一种扩展CSS的预处理语言。它增加了许多有用的功能,使得CSS的编写更加灵活和高效。除了命令行工具,很多文本编辑器和IDE都有Sass插件,可以实时编译Sass文件。此外,还有一些GUI工具和任务管理工具(如Gulp、Grunt)支持Sass编译。示例:使用Gulp编译Sass创建});});gulp watchSass极大地扩展了CSS的功能,使得样式编写更具模块化、可维护性和可复用性。原创 2024-06-12 23:58:32 · 390 阅读 · 0 评论 -
CSS基础知识 【一篇就够】
css是一种用于描述网页样式的语言,全称为cascading style sheets(层叠样式表)。css可以将html文档中的内容与样式分离,从而使得网页的结构和呈现分离,并且能够使得同样的样式应用于多个页面,从而提高了页面的可维护性和可重用性。css允许开发者对html元素进行各种视觉方面的样式控制,包括文字和字体属性、颜色和背景、布局和定位等等。通过定义不同的样式规则和类别,我们可以轻松地改变网站的外观和感觉。原创 2024-01-04 07:00:00 · 1454 阅读 · 0 评论 -
HTML基础知识 【一篇就够】
以上就是今天要讲的内容,本文简单介绍了HTML基础知识。有问题私信我!!~~原创 2024-01-03 18:05:40 · 1023 阅读 · 0 评论 -
CSS倒影炫酷属性 -webkit-box-reflect 的使用
虽然这是个非标准属性,但是大多数浏览器都支持,火狐除外,追求效果的还是可以使用的。以上就是今天要讲的内容,本文介绍CSS倒影属性,更多详细内容,自己多写写代码,多练练,可以参考。有问题私信我!!原创 2023-01-29 17:15:59 · 1503 阅读 · 2 评论 -
前端CSS 设置滚动条样式 ::-webkit-scrollbar
::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用.你可以使用以下伪元素选择器去修改各式webkit浏览器的滚动条样式:::-webkit-scrollbar — 整个滚动条.::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).::-webkit-scrollbar-thumb — 滚动条上的原创 2020-10-26 11:39:47 · 32140 阅读 · 0 评论 -
前端CSS-设置鼠标图标
cursor: url(),auto;原创 2020-10-26 11:37:31 · 1030 阅读 · 0 评论 -
输入框input 修改placeholder样式
::-webkit-input-placeholder { /* WebKit, Blink, Edge */}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */}::-moz-placeholder { /* Mozilla Firefox 19+ */}:-ms-input-placeholder { /* Internet Explorer 10-11 */}原创 2020-10-26 11:35:53 · 724 阅读 · 0 评论 -
MVVM模型
view-页面HTMLviewModel-核心调度者协调器/双向数据绑定model-数据模型一种前端的开发模型,,MVVM针对前端的一种前端的框架,用来简化前端的开发。在MVVM架构下,View 和 Model 之间并没有直接的联系,而是通过ViewModel进行交互,Model 和 ViewModel 之间的交互是双向的, 因此View 数据的变化会同步到Model中,而Model 数据的变...原创 2019-08-14 10:47:43 · 2048 阅读 · 1 评论 -
移动端 ios H5禁用双指手势缩放和双击缩放
移动端web缩放有两种:双击缩放;双指手势缩放。<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">解决方式直接上代码:// 缩放try { // 禁用双击缩放 do...原创 2019-08-08 14:23:07 · 9531 阅读 · 5 评论 -
MVC模型
M: model-模型, 数据模型,数据的增删改查V: view-视图,页面视图,前端界面展示,含(HTML/CSS/JS)C:controller-控制器,处理业务逻辑,作用于【模型】和【视图】上,数据变化时更新视图,使【模型】和【视图】分离...原创 2019-08-01 21:37:58 · 195 阅读 · 0 评论 -
HTML5-语义化
距HTML5标准规范制定完成并公开发布已经有好些年了,面试时也少不了要问对HTML5语义化得理解。但是在实际运用时,真正使用HTML5标签来开发的似乎不是很多(ps:查看了几个巨头公司网站推论),可能一部分原因是仍有部分用户使用在使用低版本浏览器。但是就我个人而言,因选取一些标签时会比较纠结,所以仍使用了div。(PS:正是因为这样,才有了这篇文章的,没错,以后要注意语义化了)什么是语义化?就...转载 2019-07-26 18:17:40 · 203 阅读 · 0 评论 -
javascript入门篇(1) 数据类型 条件与循环
文章目录数据类型数值number常用数值操作字符串string属性与方法布尔值boolean空null未定义undefined对象object语句结构条件if...elseif...else ifswitch...case三目运算拓展小技巧循环for 、for...in、for...of、forEachwhile 和 do...whilefiltermap数据类型数值number整数:12...原创 2019-05-06 17:13:55 · 241 阅读 · 0 评论 -
什么是MVVM,MVC和MVVM的区别,MVVM框架,Angular原理,VUE实现原理
MVVM定义MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心,它是连接view和model的桥梁。它有两个方向:一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。实现的方...转载 2019-03-28 07:32:08 · 602 阅读 · 0 评论 -
javascript设计模式
灵活的语言——javascript从上到下灵活转变全局多变量全局单变量+使用对象返回一个对象实现复用使用类this使用原型+减少new新对象复制this的资源消耗链式使用+函数最后返回this当前对象//全局变量污染function checkName(){}function checkEmail(){}//等同于var checkName = function(){}var ch...原创 2019-03-11 14:30:13 · 268 阅读 · 0 评论 -
requirejs基础整理
一、介绍1.使用用途有效的防止文件冲突声明不同js文件之间的依赖可以让代码以模块化的方式组织2.下载及引入路径:http://www.requirejs.cn/docs/download.html中文API: http://www.requirejs.cn/home.html/** *data-main入口文件 */ <script data-main="scripts/main" ...原创 2018-04-21 10:27:35 · 239 阅读 · 0 评论