- 博客(15)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 花式登录正方教务系统
本章主要讲述如何通过爬虫的手段登录自己学校的正方教务系统，如果你们的学校也是正方教务系统，你们也是可以尝试的。技术栈：前端：小程序后端：node前提:1.学校使用的是正方教务系统。2.本例子只是提供基础结构和大致流程，具体的学校系统间的鉴权逻辑需要自己处理一下，一般是cookie，refer等条件需要着重注意一下。准备工作通过终端ping通学校教务系统，获得IP，这个步骤是为了后...
2019-07-02 16:32:20
1787
5
原创 快速掌握—HTML快速实现自定义Input开关
HTML<input id="customSwitch" type="checkbox" /><label for="customSwitch" class="switch"></label>CSS/* 定义全局变量 */:root { --base_color: rgba(0, 0, 0, 0.25); --act_color: #5dc...
2020-01-12 00:47:08
331
1
原创 快速掌握—JS如何实现页面平滑的滚到顶部
// 阻力，数值越大，滑动越慢const drag = 10;// 滑动到顶部const scrollToTop = () => {// 距离顶部的距离 const gap = document.documentElement.scrollTop || document.body.scrollTop; if (gap > 0) { window.reques...
2020-01-11 01:52:58
433
原创 前端小白必学系列【border-radius多用法】
CSS 属性 border-radius 允许你设置元素的外边框圆角。当使用一个半径时确定一个圆形，当使用两个半径时确定一个椭圆。这个(椭)圆与边框的交集形成圆角效果。【基础知识】border-radius使用最多的可能就是通过改变圆角来使元素变的圆滑，常用方法可能如下：border-radius: 4px 4px 4px 4px;border-radius: 4px;/* 等...
2020-01-10 00:25:30
1908
原创 小白式安装node.js
安装node.js根据自己的电脑(mac/windows)下载对应的系统包【mac】mac下载.pkg结尾的64位安装包【window】win用户可以查看【此电脑】右键【属性】安装步骤mac和windows都是一路next到底！！！此处只展示windows【步骤一】【步骤二】勾选【允许】点击Next【步骤三】不需要修改【路径】直接Next【步骤四】什么都不...
2019-08-08 21:29:53
206
原创 JavaScript类型转换基础篇
参考的这篇文章进行的总结+个人理解基础知识：1️⃣强制转换有三种类型方式，Number、String、Boolean2️⃣原始值：5大基础类型值Undefined,Null,Boolean,Number,String3️⃣复杂值：Object、Function、Array、Date、RegExp
2019-07-21 20:54:38
137
原创 CSS 为何从右向左解析
今天读了一篇探究CSS解析原理的文章，从中学习到了很多的知识，在此写一下个人对CSS为何从右向左解析的简单理解。渲染过程首先，解析器的顺序是【从右向左】执行，为什么是【从右向左】执行？这就要说一下浏览器的渲染过程。上图是webkit浏览器的渲染过程，可以看到HTML和CSS是两条分支，最后在DOM元素生成了DOM树，CSS生成了对应的StyleRules时，两者开始结合，在结合(Attac...
2019-07-13 11:11:34
934
原创 【书屋】CSS揭秘
本系列指在为了方便能搜到这篇文章的网友能轻松获取到需要的电子书。介绍本书是一本注重实践的教程，作者为我们揭示了 47 个鲜为人知的 CSS 技巧，主要内容包括背景与边框、形状、 视觉效果、字体排印、用户体验、结构与布局、过渡与动画等。本书将带领读者循序渐进地探寻更优雅的解决方案，攻克每天都会遇到的各种网页样式难题。本书的读者对象为前端工程师、网页开发人员。博主有话说【本章就是交友贴，...
2019-07-10 13:54:25
231
原创 【书屋】你不知道的JavaScript
本系列指在为了方便能搜到这篇文章的网友能轻松获取到需要的电子书。介绍JavaScript语言有很多复杂的概念，但却用简单的方式体现出来（比如回调函数），因此，JavaScript开发者无需理解语言内部的原理，就能编写出功能全面的程序；就像收音机一样，你无需理解里面的管子和线圈都是做什么用的，只要会操作收音机上的按键，就可以收听你喜欢的节目。然而，JavaScript的这些复杂精妙的概念才是...
2019-07-09 23:50:30
200
原创 【书屋】JavaScript高级程序设计
本系列指在为了方便能搜到这篇文章的网友能轻松获取到需要的电子书。介绍本书是JavaScript 超级畅销书的最新版。ECMAScript 5 和HTML5 在标准之争中双双胜出，使大量专有实现和客户端扩展正式进入规范，同时也为JavaScript 增添了很多适应未来发展的新特性。本书这一版除增加5 章全新内容外，其他章节也有较大幅度的增补和修订，新内容篇幅约占三分之一。全书从JavaScr...
2019-07-09 21:28:51
281
原创 都是写阴影box-shadow跟drop-shadow有啥不同
drop-shadow是css3的filter滤镜属性的一个方法，它的主要作用是用来做阴影，下图是它的兼容性。理论本章我们主要来说一下【drop-shadow】和【box-shadow】的区别。box-shadow和drop-shadow从功能上来都是给元素加阴影。从写法上来说，看起来很相似。// box-shadowbox-shadow: x(水平位置), y(垂直位置), blur...
2019-07-09 10:29:20
391
原创 CSS实现按钮凸出的翻转卡片
今天来讲如何写出一个按钮带有凸出感的翻转卡片。gif表现的太生硬了，真实效果比gif好。原理主要属性涉及：backface-visibility、transform-style、transform这三个属性。主要思路：通过Y轴的翻转实现【翻面效果】，Z的偏移量实现【凸出】效果显示。实战步骤一、// 基本结构<div class="card"> <div cla...
2019-07-04 22:25:57
1277
1
原创 都是写阴影box-shadow跟drop-shadow有啥不同
drop-shadow是css3的filter滤镜属性的一个方法，它的主要作用是用来做阴影，下图是它的兼容性。理论本章我们主要来说一下【drop-shadow】和【box-shadow】的区别。box-shadow和drop-shadow从功能上来都是给元素加阴影。从写法上来说，看起来很相似。// box-shadowbox-shadow: x(水平位置), y(垂直位置), blur...
2019-07-04 13:26:39
515
原创 如何学好前端-来自实习1年半的实习生亲身感受
我是一个从大三下开始校外实习的前端小白，从实习到现在转正已经1年半了。在这一年半里，我接触过jQuery，vue，react。写过后台管理，小程序，H5，静态页。其实如果从如何学好前端来说，我会建议看这篇文章的人，多接触一下各方面的东西，从中找到适合自己的。我现在就是在从事React H5开发，在开发期间，公司的需要使我能接触到cocos2d的开发。这一刻也使我明白，学好前端的前提首先是兴...
2019-07-01 17:19:35
1698
CSS揭秘 彩色高清PDF
2019-07-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人