＜ 今日份小技巧：CSS文本超出指定条件以省略号代替 ＞
在前端开发中，偶尔后端返回的数据在前端展示时，预留的空间不怎么充足。但是我们又没有做适当的处理。就会出现，文本超出换行的情况，而且有些适配的布局，用百分比设置宽度的时候，当可视窗口发生变化，内容也会变形，导致`无法观看`。这时，就需要对文本做出超出限制了。
前端项目 --- 博客系统
文章目录1. 博客系统1.1 导航栏1.2 博客主页界面1.3 博客详情界面1.4 博客登陆界面1.5 博客编辑界面1. 博客系统本博客分为四个页面博客登录界面博客主页界面博客编辑界面博客详情界面1.1 导航栏可以看出文章界面中都有共同的导航栏.导航栏的前端代码: <div class=
小程序云开发保姆级教程来了啦
小程序云开发教程来了啦概要一个小程序在开发时，除了考虑界面功能逻辑外，还需要后端的数据支持。而为了获得后端的数据支持，开发者需要提前考虑服务器、存储和数据库等需求，并且会花费时间精力在部署应用、依赖上。因此官方为了实现小程序的快速上线和迭代，为开发者提供了一个云开发的功能，将以服务的方式为开发者提供
JavaScript实现倒计时案例
效果图：代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>倒数计时器</title> <style> @im
前端三剑客 HTML、CSS、JavaScript 入门到上手
HTML、CSS、JavaScript 基本语法大全，教你从入门到上手
javascript 内置对象字符串总结及案例
js中对字符串的处理也是很常见的，今天总结一下。
HTML+CSS+JavaScript实现放大镜效果
首先，需要获取操作的对象：图片展示框（鼠标移入事件）；放大镜（显示和跟随鼠标）；放大镜中的图片（改变位置）；给图片展示框添加事件监听器，鼠标移入图片展示框时，显示放大镜。鼠标在图片展示框中移动时的事件监听器。接下来实现放大镜跟随鼠标移动......
【前端三剑客二】CSS手术刀剖析第一篇
文章目录 一、CSS是什么 二、基本语法规范 三、CSS的引用方式 1.内部样式表 2.行内样式表 3.外部样式 四、CSS的代码风格 1.样式风格 2.样式大小写 3.空格规范 五、选
CSS中flex对部分IOS版本兼容性问题
众所周知，ios系统老是和我们前端过不去，搞一堆不兼容问题，比如flex布局！
带有类型和默认值的CSS变量- @property
大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识! 点我探索新世界！原文链接 ==>http://sylblog.xin/arc
万字JavaScript基础（引入方式+隐式类型转换+Math内置对象+对象属性+函数定义与调用+常见内置函数+数组）
目录弹窗：alertjs的引入方式隐式类型转换1、字符串和数字的运算1.1 字符串和数字进行加运算时，会将数字转换成字符串，然后和另一个字符串进行拼接1.2 字符串和数字进行减、乘、除运算，以及大小比较时，会将字符串转换成数字，再和另一个数字进行运算或比较2、各种值转换成布尔值2.1 数字0，空字符
五个拿来就能用的炫酷登录页面
上次的博文十个拿来就能用的网页炫酷特效，得到了大家的支持！这次我将收藏了很久的炫酷登录页面分享给大家，如果觉得有帮助可以点赞收藏支持一下，能关注一下就再好不过了o(≧▽≦*)o，之后还会分享更多干货内容，谢谢大家啦！
CSS开发规范，养成良好编码习惯，避免踩坑犯低级错误
很多初学者在写CSS时都忽视了开发规范的重要性，前期没有按照规范书写，任由自己的想法随意去写，结果导致后期代码一团糟，难易维护，为之后编写业务代码（JavaScript）埋雷挖坑，经常容易犯低级错误，比如单词没有写对等。前端代码跟后端不同，如果没有规范，毫无章法可言，会让其他小伙伴很痛苦，甚至自己都
前端 --- JavaScript 语法基础
1. 初始JavaScript1.1 什么是 JavaScriptJavaScript (简称 JS)是世界上最流行的编程语言之一是一个脚本语言, 通过解释器运行主要在客户端(浏览器)上运行, 现在也可以基于 node.js 在服务器端运行1.2 发展历史JavaScript 之父 布兰登 * 艾奇
CSS基础
文章目录CSS1.介绍2.语法3.CSS和HTML结合4.常见选择器5.常用样式CSS1.介绍层叠样式表单，是用于(增强)控制网页样式并允许样式信息与网页内容分离的一种标记性语言2.语法P是选择器：决定html页面中那些元素收影响，font-size是属性，可以有多个声明，需要用分号隔开，80px是
SpringBoot日记本系统全程直播04：把首页内容接起来撒~~
OK，感谢大家对本系列教程的支持，上一讲，我们完成了基本的登录和注册功能，可以说正式地把后台的架构搭好了。这一讲呢，我们就来画画页面，把前台的内容写个大概。因为我们用的是jsp，有页面包含的功能，所以呢，简单把目录结构布置如下：common文件夹用于存放一下公共的内容，包含header，footer
CSS定位
CSS定位默认，不定位position:static;固定定位 使用场景：广告position:fixed;相对定位 相对于自身的位置进行偏移position:relative;绝对定位 需要相对定位辅助1. 父盒子设置相对定位，子盒子设置绝对定位position:absolute;偏移量上
Web网站模板-横向滚动个人简历响应式网站模板(HTML+CSS+JavaScript)
主页：搞前端的半夏简介：前端领域优质创作者。扫码或搜索添加文末公众号「搞前端的半夏」：🍗 回复 ”网站模板“，免费送网站模板！欢迎点赞 👍 收藏 ⭐留言 📝 私信📄你还在未HTML网页设计作业头大吗？你还在为自学前端，没有项目练手苦恼吗？你还在为外包项目没有模板难受吗?关注专栏《前端网站模
CSS描边动画，后端直呼哇塞
你们好啊，我来分享代码了，先看看效果，吼吼，后端看了，表示很哇塞
【JavaScript-6】Javascript中的数字
大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：半夏话前端,了解更多前端知识！点我探索新世界！在JavaScript中，只有一种数字类型，那就是number，举个简
