![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html/css
ZH_TX
这是一个自我记录的博客,意在防止自己遗忘,帮助自己成长的博客
如果能顺手帮助到你,给与你一点帮助,那是我十分乐意的
展开
-
安装node-sass 踩坑
直接使用使用SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install或者对node-sass 单纯使用链接达到安装的目的只要指定自己版本号即可npm i node-sass@4.14.1 --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/...原创 2021-03-28 20:03:59 · 156 阅读 · 0 评论 -
css伪类(伪元素)::after 与before的使用
添加链接描述一些分割线的妙用常用边界框的显示(带三角形的)以及一些动画效果UI图的绘制用于清除浮动扩大点击区域原创 2020-04-14 21:41:38 · 388 阅读 · 0 评论 -
Css 的深入了解(有待更新...)
10.2 重新认识一下css 的学习css3 的2d /3d使用transform, 过渡使用transition, 动画使用 animation;原创 2019-11-06 18:27:58 · 99 阅读 · 0 评论 -
Bootstrap篇之 响应式导航
最近又重新复习了下bootstrap的使用,发现任然有许多不太懂得地方,故特此记录下来回顾了下响应式导航,说实话,有点神奇,bootstrap的好处就是几乎可以不用再编写css 就能直接写出一个漂亮的样式但是也要求我们熟练掌握各种存在的组件:今天回顾一下吧首先:先建立好主体部分, 使用.nav 来建立一个导航标签<ul class="nav" >//加入.nav-t...原创 2019-08-07 16:43:39 · 264 阅读 · 0 评论 -
vue 的事件修饰符(v-on, v-model)
先谈谈我对vue 的一些指令的理解吧;v-bind, 顾名思义是绑定的意思;但是只能绑定属性 语法糖:@而 v-on 是绑定一个事件, 语法糖 :v-model 是双向数据的绑定,只能用于表单中,而值得一说的v-model 相当于是 v-bind 与v-on 的语法糖;因为使用v-bind 与v-on 也可以实现双向数据的绑定; 使用event....原创 2019-09-10 16:50:14 · 637 阅读 · 0 评论 -
V.s.code 自定义代码段
用久了vscode,对于一些常用的代码我们总是希望可以快捷的完成,所以我们今天就来自定义一些常用的代码吧;首先我们在 File --Preference–keyborder shortcut中可以看到我们常用的快捷键,当然我们也可以自己去定义一些自己用着顺手的代码;在—snippets中prefix :代码片段名字,即输入此名字就可以调用代码片段。body ...原创 2019-09-04 15:14:45 · 427 阅读 · 0 评论 -
延时调用与定时调用
注意区分执行时间和间隔时间执行时间:定/延时器代码执行的时间间隔时间:定/延时器设置每隔 xxxms 执行一、延时器(setTimeout)1.延时器(setTimeout)的工作方式是:当设定一个延时器是5s后进行时,并不代表它5s后就立即执行,只是代表它5s后会被加入队列,如果5s后,队列没有其他东西,那么延时器的代码会立即执行,否则会延迟执行。因此,关于延时器最重要的一点是:指定的...原创 2019-10-29 10:43:41 · 286 阅读 · 0 评论 -
前端面试题(基础部分)
1.Doctype的作用?标准模式与兼容模式各有什么区别?声明在文档的第一行,位于html的前面,用于告知浏览器的解析器以什么样的文档标准来解析这个文档,如果没有声明文档就会以兼容模式呈现标准模式 的排版和JS都是以浏览器支持的最高的标准运行 兼容模式 页面以宽松向后兼容的方式显示,模仿老式浏览器,防止站点无法工作2.介绍一下CSS的盒子模型?弹性盒子模型是什么?盒子模型由conte...原创 2019-08-12 18:58:29 · 354 阅读 · 0 评论 -
随笔(面试相关)(杂)
function myFunction(){ var btn=document.createElement("BUTTON"); btn.innerHTML='helloworld' //两者等效 //var t=document.createTextNode("CLICK ME"); //btn.appendChild(t); docum...转载 2019-08-26 21:44:56 · 978 阅读 · 0 评论 -
记一次nginx的使用总结
之前一直没有使用过NGINX ,但是由于学习的不断深入,发现了解这个成为一个必不可少的环节这个有更加详细的实例作为参考:https://blog.csdn.net/finnson/article/details/82461600https://blog.csdn.net/u010209217/article/details/77854929先总结下常用的功能吧;启动检查80端口是否被...原创 2019-08-26 20:20:17 · 155 阅读 · 0 评论 -
随笔记录(jQuery)
1.jQuery 中的append(); 与after(); before(); 有什么区别;2.jQuery所有的遍历都是一样的,如果需要详细的话,还需要添加过滤的条件;$.each(); 用法;有限状态机有限状态机(Finite-state machine)是一个非常有用的模型,可以模拟世界上大部分事物。简单说,它有三个特征:> * 状态总数(state)是...原创 2019-08-23 22:26:24 · 133 阅读 · 0 评论 -
a标签与js的绑定 ,文本框的获取
a标签js绑定总结我们常用的在a标签中有点击事件:1、 a href=”javascript:js_method();”这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里...原创 2019-08-26 21:47:30 · 972 阅读 · 0 评论 -
随笔二 之css position的属性
css中一共有四种定位分别是默认,相对,绝对,固定position:static,这种定位是默认的,一般没什么实际的作用。position:relative,相对定位,不会脱离文档流,类似于static,按顺序排列,一般设置也不会有什么变化,可以通过margin-top/right/bottom/left来改变框的位置position:absolute,绝对定位,这种定位脱离文档流...原创 2019-08-26 20:21:15 · 93 阅读 · 0 评论 -
Bootstrap样式代码预览(全)
对于bootstrap的使用说实话,一直以来有点是懂非懂的感觉,估计可能练得时间太少了,导致对一些功能,无法做到手到心到,故特此加以记录,唯有孰能生巧几乎涵盖所有默认样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v...原创 2019-08-08 10:55:33 · 571 阅读 · 0 评论 -
Less 框架简介
LESS CSS 框架简介使用 LESS 简化层叠样式表(CSS)的编写简介CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中。HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的定义。作为一门标记性语言,CSS 的语法相对简单,对使用者的要求较低,但同时也带来一些问题:CSS 需要书写大量看似没有逻辑的代...原创 2019-08-12 18:38:38 · 494 阅读 · 0 评论