Web前端 - javascript技术分享

关键字：Web前端

web前端入门到实战：JS中禁止对象属性扩展、密封对象、冻结对象
对象常量属性概念：将属性的writable和configurable设置为false； //将属性的writable和configurable设置为false var damu={}; Object.defineProperty(damu ...
分类：阅读：729 发布时间：2020-04-12 23:11:13
web前端入门到实战：CSS实现圆形进度条
示例图结构首先一个父级div设置相对定位，内部含有四个半圆div和一个用于遮罩的小圆div 实现步骤先写出基本html结构 <div class="box"> <div class="bg1"></div> <div clas ...
分类：阅读：582 发布时间：2020-04-12 23:11:08
web前端入门到实战：3步实现小程序第一次打开提示“添加到我的小程序”
本文例子也以Taro代码为示例，如果你用小程序语言、uni-app等框架也不用担心，因为原理是一样的。一、理解设计原理问题的关键在于“如何判断第一次打开”，有两种方法： 1、打开页面后本地存一个flag到session； 2、和服务器交 ...
分类：阅读：653 发布时间：2020-04-12 23:11:03
web前端入门到实战：纯CSS画动态彩虹
效果效果图如下实现思路使用box-shadow画赤橙黄绿蓝靛紫7个弧形，拼接在一起 after伪元素写投影样式彩虹和投影都有动画 dom结构用两个嵌套的div容器，父容器来控制图标显示的位置，子容器用来写彩虹的样式。 <div c ...
分类：阅读：743 发布时间：2020-04-12 23:10:58
web前端入门到实战：纯CSS写一个动态太阳的天气图标
效果效果图如下实现思路 div实现太阳的一条矩形光影 before伪元素制作另一条光影矩形，和已有的转变90° after伪元素画个圆实现太阳样式 dom结构用两个嵌套的div容器，父容器来控制图标显示的位置，子容器用来写太阳的一条光 ...
分类：阅读：583 发布时间：2020-04-12 23:10:43
web前端入门到实战：纯CSS制作电闪雷鸣的天气图标
效果效果图如下实现思路使用box-shadow属性写几个圆，将这些圆错落的组合在一起，形成云朵图案 after伪元素写下面的投影样式 before伪元素写黄色闪电的样式 dom结构用两个嵌套的div容器就可以了，父容器来控制图标显示 ...
分类：阅读：509 发布时间：2020-04-12 23:10:38
web前端入门到实战：html,css制作九宫格
绘制九宫格要求:九宫格垂直居中于页面,只能使用ul和li标签,添加背景边框代码 <!DOCTYPE html> <html> <body> <h1>九宫格</h1> <p>要求:</p> <p>1:不能修改标签，仅通过 css 实现效果 ...
分类：阅读：740 发布时间：2020-04-12 23:10:33
web前端开发进入一线大厂所需要的3个重要条件
从2017年到现在，前端开发行业内并不平静。受到资本寒冬导致互联网和创业市场整体遇冷的影响，前端岗位需求有很大程度上的收缩。一边是互联网红利期过后，市场回归理性，找工作艰难的抱怨声四起；但一边却是前端技术也异常活跃，薪水和地位继续见长。看 ...
分类：阅读：596 发布时间：2020-04-12 23:10:08
web前端入门到实战：HTML 文档流，设置元素浮动，导致父元素高度无法自适应的解决方法
元素浮动定义 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度；否 ...
分类：阅读：580 发布时间：2020-04-12 23:10:03
web前端入门到实战：JavaScript 事件冒泡与事件委托
事件冒泡 IE的事件流叫做事件冒泡。顾名思义当事件发生后，事件就开始从里向外传播，查看下方代码： <html lang="en"> <head> <meta charset="UTF-8"> <tit ...
分类：阅读：538 发布时间：2020-04-12 23:09:58

暂无数据