SF
前端技术
前端技术
注册登录
关注博客
注册登录
主页
关于
RSS
解决:使用鼠标禁用符号不显示红色禁用符号
张子溪
2021-04-09
阅读 1 分钟
3.1k
通常情况下,使用 cursor: no-drop 或者 cursor: not-allowed。查了很多资料,说是自动会给设置为红色边框的禁用符号。后来自己做实验,发现都是灰白色的禁用图标,包括京东也是如此:
关于 a 标签 hover 状态样式不生效的问题
张子溪
2021-04-02
阅读 1 分钟
2.8k
今天在做页面的时候,需要做一个默认 a 标签文字的颜色,然后当 hover 的时候,a 标签文字的颜色进行一个变化。举例来说,默认的样式写的时候,用的是 a:link { color: blue };当 hover 的时候,写的样式是 a:hover { color: red };后来发现,hover 的时候样式没有生效。之后去搜网页查找了没有生效的原因,大部分的都...
解决实现伪元素的 hover 效果的问题:
张子溪
2021-03-30
阅读 1 分钟
4.5k
例如,当有一个元素上面有一个伪元素时,像给这个伪元素设置一个 hover 效果,当该伪元素 hover 时,才显示该伪元素。元素: {代码...} 这个时候,先在该伪元素所在的元素上加上 hover,然后在 hover 后面加上 :after 即可。例如,接着上面例子中的代码,继续写如下代码: {代码...} 加上上面代码后,即可实现只有当 hov...
记一次阅读源码的小经历
张子溪
2021-03-30
阅读 1 分钟
1.1k
在近期做项目的过程中,我们在项目中引入了 ng2-cookies 库,一次在写代码的时候,使用到了 get( ) 方法,需要知道返回值的类型,但是作为一个调用者,之前没有关注过这个库里面的方法。
解决在 CSS 中,如何实现动态吸顶的样式/效果 ?
张子溪
2021-03-09
阅读 1 分钟
4.8k
解决方法:使用 position: sticky 做了一个动态吸顶的效果:举例如下:1 未向上滚动页面之前:2 向上滚动页面之后:这样, “This is tab main”部分的元素,可以一直保持在页面窗口的顶部。3 具体代码:这个使用的代码其实就是 position: sticky, top: xx (阀值)来实现的:给想要实现吸顶效果的元素加上这两个属性即可...
Angular 初始化项目后,如何把默认的 .css 文件修改为 .scss 文件?
张子溪
2021-03-02
阅读 1 分钟
1.6k
find . -name "*.css" -exec bash -c 'mv "$1" "${1%.css}".scss' - '{}' ;
解决 Angular 项目中,报错: ‘router-outlet’ is not a known element 的问题。
张子溪
2021-03-01
阅读 1 分钟
4.3k
在 app.component.html 页面中添加 <router-outlet></router-outlet> 标签后报错:
在 Angular 项目中,如何为项目单独创建路由文件?
张子溪
2021-03-01
阅读 1 分钟
2.8k
使用 Angular Cli 创建一个项目时,如果不加任何的后缀参数,那么生成的项目默认是没有路由模块的。那么,如何让创建的 Angular 项目有路由模块/路由文件呢?
解决 input 元素点击有蓝色边框的问题
张子溪
2021-01-12
阅读 1 分钟
2.4k
问题描述 :使用 input 标签画了一个搜索框的元素,但是点击的时候有蓝色边框出现。 分析 :应该使用边框相关的样式来解决。 解决 :使用 outline: none 的样式解决问题。outline,即元素轮廓。
JavaScript面试题总结系列(九)
张子溪
2019-11-14
阅读 1 分钟
1.1k
9. JavaScript - ES6+介绍 一、var let const 区别: 使用 var 声明的变量,可以变量提升; 使用let、 const声明的变量,没有变量提升; 二、 临时死区(Temporal Dead Zone) 与var不同,let和const声明的变量不会被提升到作用域顶部。因此,如果在声明之前访问这些变量,就会引发错误。 例如: {代码...} 三、变量提升 通...
JavaScript面试题总结系列(八)
张子溪
2019-11-14
阅读 2 分钟
1k
8. JavaScript - this对象 this对象 this总是指向函数的直接调用者(而非间接调用者) 如果有new关键字,this指向new出来的那个对象 在事件中,this指向触发这个事件的对象,特殊的是,IE中的attachEvent中的this总是指向全局对象Window 对于匿名函数或者直接调用的函数来说,this指向全局上下文(浏览器为window,NodeJ...
JavaScript面试题总结系列(七)
张子溪
2019-10-27
阅读 1 分钟
1.1k
闭包是函数,是能够读取其他函数内部变量的函数。例如:函数 A 返回了一个函数 B,并且函数 B 中使用了函数 A 的变量,函数 B 就被称为闭包。
JavaScript面试题总结系列(六)
张子溪
2019-10-27
阅读 1 分钟
1.3k
作用作用域链的作用是保证执行环境里有权访问的变量和函数是有序的,作用域链的变量只能向上访问,变量访问到window对象即被终止,作用域链向下访问变量是不被允许的
JavaScript面试题总结系列(五)
张子溪
2019-10-25
阅读 2 分钟
1.3k
核心:借助已有的对象来创建对象,var B = Object.create(A); ,以A对象为原型,创建B对象。B继承了A对象的所有属性和方法。
JavaScript面试题总结系列(四)
张子溪
2019-10-24
阅读 3 分钟
973
原型链原型(原型对象)、构造函数和(对象)实例构成了原型链。原型链的核心就是依赖对象的__proto__指向,当检索依赖对象本身不存在的属性时,就会一层一层地向上去查找创建对象的构造函数,一直找到Object,就没有__proto__的指向了。
JavaScript面试题总结系列(三)
张子溪
2019-10-23
阅读 4 分钟
1.2k
3. JavaScript数组 3.1 数组常用方法 map: 遍历数组,返回回调函数返回值组成的新数组,不改变原数组 forEach:无法break,可以用try/catch中throw new Error来停止 filter:过滤 some:有一项返回true,则整体为true every:有一项返回false,则整体为false join:通过指定连接符生成字符串 push / pop:末尾推入和弹出...
JavaScript面试题总结系列(二)
张子溪
2019-10-22
阅读 2 分钟
937
2. JavaScript对象 2.1 内置对象 Object是JavaScript中所有对象的父对象; 数据封装类对象:Object、Array、Boolean、Number、String; 其他对象:Function、Arguments、Math、Date、RegExp、Error、JSON、全局对象; 2.2 定义对象的方式 对象字面量: var obj = {}; 构造函数: var obj = new Object(); Object.create();...
JavaScript面试题总结系列(一)
张子溪
2019-10-21
阅读 4 分钟
1.3k
说起面试,做技术的人应该都有一种感觉,那就是工作的时候用到的东西都可以去查,但是当别人直接问一个问题时,让你在不去查询的情况下,当即做回答,还是有一定难度的。尤其是面试的时候,很多程序员能力不缺,但是让你当即说出来或者当场手写代码的时候,往往容易卡壳。笔者也有类似的经历,遂决定从今天起,写一些面...
SEO简单介绍
张子溪
2019-09-22
阅读 1 分钟
1.8k
SEO也是一个领域,不同的领域都有自己内在的体系,并不是三言两语可以完全解释地清楚。本文也是本着科普以及从前端技术的角度对SEO进行简单、概括性的一个介绍,目的在于让读者对SEO有一个大致的了解。