如何检查jQuery中是否已选中复选框?
我需要检查复选框的checked属性,并使用jQuery根据已检查的属性执行操作。
例如,如果age复选框已选中,则我需要显示一个输入age的文本框,否则隐藏该文本框。
但是false默认情况下,以下代码返回:
if ($(''#isAgeSelected'').att...[2021/4/12]
【面试技巧】老生常谈之 n 种使用 CSS 实现三角形的技巧【面试技巧】老生常谈之 n 种使用 CSS 实现三角形的技巧
在一些面经中,经常能看到有关 CSS 的题目都会有一道如何使用 CSS 绘制三角形,而常见的回答通常也只有使用 border 进行绘制一种方法。
而 CSS 发展到今天,其实有很多有意思的仅仅使用 CSS 就能绘制出来的三角形的方式,本文将具体罗列讲讲。
通过本文,你能了解到 6 种使用 C...[2021/4/12]
csss3属性 — will-change - Red-Plum
1. CPU和GPU
CPU即中央处理器,它的功能主要是解释计算机指令以及处理计算机软件中的数据,也被称为主板。
GPU即图形处理器,是与处理和绘制图形相关的硬件。GPU是专为执行复杂的数学和几何计算而设计的,有了它,CPU就从图形处理的任务中解放出来,可以执行其他更多的系统任务
...[2021/4/12]
「HTML+CSS」--自定义加载动画【009】「HTML+CSS」--自定义加载动画【009】
前言
Hello!小伙伴!
首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~
哈哈 自我介绍一下
昵称:海轰
标签:程序猿一只|C++选手|学生
简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~...[2021/4/12]
「HTML+CSS」--自定义加载动画【010】
前言
Hello!小伙伴!
首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~
哈哈 自我介绍一下
昵称:海轰
标签:程序猿一只|C++选手|学生
简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~...[2021/4/12]
HTML为什么认为“ chucknorris”是一种颜色?
在HTML中作为背景色输入时,某些随机字符串如何产生颜色?例如:
<body bgcolor="chucknorris"> test </body>
...在所有浏览器和平台上产生背景为红色的文档。
有趣的是,虽然chuckn...[2021/4/12]
「HTML+CSS」--自定义加载动画【011】
前言
Hello!小伙伴!
首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~
哈哈 自我介绍一下
昵称:海轰
标签:程序猿一只|C++选手|学生
简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~...[2021/4/12]
css — display - Red-Plum
1.定义
display用于页面布局,设置元素如何被显示。
值:none | inline | block | inline-block | list-item | run-in | table | inline-table | table-row-group | table-header-...[2021/4/12]
网页概述(html/css)网页概述(html/css)
网页概述
优点
不需要安装
无需更新
跨平台
使用的语言
HTML、CSS、JavaScript
网页简史
历史
蒂姆·伯纳斯-李爵士万维网发明人
从1990年代初的基本文本编辑的网页开始,1990年代中期的在线网页建设,到上世纪90年代末崛起的flash,再到后来的CSS和Jav...[2021/4/12]
博主从零开始学习HTML(入门基础)
目录从零开始学习HTML(入门基础)互联网三大基石HTML的Head标签中的常用元素字体格式化标签字符实体,以下写最常用的几个html常用标签及解析a标签img标签媒体标签audio和video无序列表与有序列表定义列表 dltable表格标签的基本使用input输入标签的基本使用form标签的...[2021/4/12]
Html常用标签
HTML标签
分类
块元素:页面中独占一行的元素(block element) 例如:标题标签,p标签····
在网页中一般通过块元素对页面进行布局
行内元素:页面中不会独占一行的元素(inline element)
主要用于包裹文字
注:一般情况下会在块元素中放行内元素,而...[2021/4/12]
前端水平垂直居中的方式(总结):
1.仅水平居中:
1.1行内元素水平居中:text-align
1 <head>
2 <style>
3 #box {
4 width: 200px;
5 height: 200px;
6 bo...[2021/4/12]
简单的css文字动画效果_CSS教程_CSS简单的css文字动画效果_CSS教程_CSS
实现效果
实现代码
html
<div id=container>
Welcome
<div id=flip>
<div><div>jb51</div></div>
<...[2021/4/12]
使用Html+Css实现简易导航栏功能(导航栏遇到鼠标切换背景颜色)_CSS教程_CSS
Ⅰ、问题描述:
使用html+c 实现简易导航栏;
**要求:**将导航栏分成八个小部分,并在鼠标放上并不点击,导航栏背景颜色显示为黄绿色;
Ⅱ实现过程如下:
1、运行软件VScode,亲测可实现;
2、运行代码:
<!DOCTYPE html>
<ht...[2021/4/12]
css 中多种边框的实现小窍门_CSS教程_CSS
一、多重边框[1]
背景知识:box-shadow,outline
鉴于使用场景的多元化,多重边框的设计越来越多,以往可以借助 border-image 属性应付一下,但是这个在c 代码层面并不是很灵活。现在我们借助 box-shadow 和 outline 两个属性来分别实现多重边框。
...[2021/4/12]
CSS中em的正确打开方式详解_CSS教程_CSSCSS中em的正确打开方式详解_CSS教程_CSS
为什么说“通常情况下1em=16px”?
用户的浏览器默认渲染的文字大小是“16px”,换句话说,Web页面中“body”及其子元素的文字大小在用户浏览器下默认渲染是“16px”。
我们都知道:em...[2021/4/12]
CSS 文字装饰 text-decoration & text-emphasis
在 CSS 中,文字算是我们天天会打交道的一大类了,有了文字,则必不可少一些文字装饰。
本文将讲讲两个比较新的文字装饰的概念 text-decoration 与 text-emphasis,在最后,还会讲解使用 background 模拟文字下划线的一些有趣的动效。
text-decorati...[2021/4/6]
vue+element导入导出excel
1. 业务场景
由前台导入Excel表格,获取批量数据。根据一个数组导出Excel表格。
2.1 引入工具库
npm install -S file-saver xlsx
npm install -D script-loader
2.2 引入JS文件(excel导出使用)
下载地址:ht...[2021/4/6]
Vue中props的使用
前言
整理几种props的使用方式
第一种
传递一个数组
props:["cont"]
第二种
传递一个对象
props:{
uploadOption:{
type:Object, 参数类型必须是一个对象
required: true 这一...[2021/4/6]
「HTML+CSS」--自定义按钮样式【002】
前言
Hello!小伙伴!
首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~
哈哈 自我介绍一下
昵称:海轰
标签:程序猿一只|C++选手|学生
简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~...[2021/4/6]
前端写html邮件模板(兼容outlook)
使用前端完成邮件模板注意事项(实测兼容outlook2016)
使用html5之前的元素,outlook不支持html5;如果使用html5,outlook客户端会提示在浏览器中打开;
使用table表格布局;
仅使用table、tr、td、div、span、img等基本元素
尽量...[2021/4/6]
拖拽表格——Sortable
官网:http: www.sortablejs.com/index.html
Sortable.js是一款轻量级的拖放排序列表的js插件。支持ie9及以上版本ie浏览器和现代浏览器,也可以运行在移动触摸设备中。不依赖jQuery。支持 Meteor、AngularJS、React、Vue、Kno...[2021/4/6]
Vue中bus的使用
vue总线机制(bus)
vue中非父子组件之间通信除了使用vuex,也可以通过bus总线,两者适用场景不同。
bus适合小项目、数据被更少组件使用的项目,对于中大型项目 数据在很多组件之间使用的情况 bus就不太适用了。bus其实就是一个发布订阅模式,利用vue的自定义事件机制,在触发的地方...[2021/4/6]
「HTML+CSS」--自定义按钮样式【003】
前言
Hello!小伙伴!
首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~
哈哈 自我介绍一下
昵称:海轰
标签:程序猿一只|C++选手|学生
简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~...[2021/4/6]
CSS---RGBA和position属性解释CSS---RGBA和position属性解释
rgb与rgba的含义
RGB 是代表Red(红色) 、Green(绿色)、 Blue(蓝色)三个单词的缩写。
RGBA 颜色值是 RGB 颜色值的扩展,添加了一个 alpha 通道, 它规定了对象的不透明度。
1、 基本语法: R:红色值。 正整数(0~255)或 百分...[2021/4/6]
巧用 SVG 滤镜还能制作表情包?
本文将介绍一些使用 SVG feTurbulence 滤镜实现的一些有趣、大胆的的动效。
系列另外两篇:
有意思!强大的 SVG 滤镜
有意思!不规则边框的生成方案
背景
今天在群里面聊天,看到有人发这个表情包:
刚好最近一直在学习 SVG,脑海中就把这个表情包的效果和 feTur...[2021/4/6]
Vue中路由传参
前言
记录Vue的路由传参方法
参数在url路径上显示
方法一
$router.push传参
传参:
this.$router.push({ path: ''/xxxxxxxx'', query: { str: ''传过去的值'' }})
接收:
this.string = this.$...[2021/4/6]
Vue中组件重新渲染
前言
据网上流传,有关Vue组件重新渲染的方案往往存在如下四种。
1、借助route机制,刷新整个页面
2、使用v-if,将组件销毁、重新加载
3、使用内置的forceUpdate方法
4、使用key-changing优化组件
前两种没什么好说的,并且考虑到效率问题,本次主要是记录fo...[2021/4/6]
Hexo+Gitee搭建个人博客
Hexo+Gitee搭建个人博客
文章源地址(点击跳转)
(一)前言
beacuse(事出有因):
很久之前就知道Hexo搭建个人博客,但由于懒,一直没有行动,在此之前一直用的是博客园。
but(但是):
今天打开博客园,发现网站进行整改,导致之前的博客无法查看,也无法发布新博...[2021/4/6]
一次 outline 去除经验(非继承属性,看着像继承)
情况描述:
目前维护的老项目是通过 easyui 生成的 html,嵌套结构非常多,当点击元素后,会有个边框???非常影响页面美观,这是啥迷惑点击交互???
经验告诉我,这是 c 的 outline 属性带来的边框,而在 chrome 控制面板里该元素的 styles 列表中并没有设置 ...[2021/4/6]
「HTML+CSS」--自定义按钮样式【004】「HTML+CSS」--自定义按钮样式【004】
前言
Hello!小伙伴!
首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~
哈哈 自我介绍一下
昵称:海轰
标签:程序猿一只|C++选手|学生
简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~...[2021/4/6]
微信小程序异步处理微信小程序异步处理
前言
小程序中存在大量异步调用的接口,例如最常用的wx.login()、wx.getUserInfo()、wx.setStorage()、wx.getStorage()、wx.request(),虽然官方对部分接口也做出了同步版本,例如wx.setStorageSync、wx.getStorag...[2021/4/6]
前端日常:常用JavaScript代码入手
重点是理解 DOM操作 。
JavaScript定点突破。一个点一个点理清,你可以不理解下面的东西,不过你要会用js来操作html。可以逆推,先用了,再理解。
数据类型 面向对象 继承 闭包 插件 作用域 跨域 原型链 模块化 自定义事件 内存泄漏 事件机制 ...[2021/4/6]
「HTML+CSS」--自定义加载动画【005】
前言
Hello!小伙伴!
首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~
哈哈 自我介绍一下
昵称:海轰
标签:程序猿一只|C++选手|学生
简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~...[2021/4/6]
「HTML+CSS」--自定义加载动画【006】「HTML+CSS」--自定义加载动画【006】
前言
Hello!小伙伴!
首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~
哈哈 自我介绍一下
昵称:海轰
标签:程序猿一只|C++选手|学生
简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~...[2021/4/6]
浏览器+css基础+选择器+权重+匹配规则
浏览器的组成:
shell+内核
shell:用户能看得到的界面就叫shell
内核:渲染rendering引擎和js引擎
现在主流拥有自己开发内核的浏览器:opera现在属于360和昆仑万维
CSS(cascading style sheet)层叠样式...[2021/4/6]
使用css样式设计一个简单的html登陆界面的实现_CSS教程_CSS
login.html部分:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
...[2021/4/6]
CSS实现漂亮的时钟动画效果的实例代码_CSS教程_CSS
我要找工作 !!!
预先准备:
首先这个动画,是根据之前的 Loading 动画制作的,Loading炫酷动画, 这些的思路都是一样的,在这个动画上进行了一次创新。
预习知识点:
动画帧
背景渐变
var() 和 calc() 的使用
fl...[2021/4/6]
html+css实现血轮眼轮回眼特效代码_HTML/Xhtml
效果(完整代码在底部):
实现并不难,都是重复的代码比较多。
实现(可跟着一步一步写):
1. 先定义基本标签:
<!-- 血轮眼 -->
<div cla ="zuo">
<!-- 眼睛最...[2021/4/6]
html+css合并表格边框的示例代码_CSS教程_CSShtml+css合并表格边框的示例代码_CSS教程_CSS
我们给table和td标签加边框时,默认使用双边框,像这样。
如果我们希望合并table与td的边框,可以在table样式加设置border-collapse的属性值为collapse即可。如下图:
再看效果:
...[2021/4/6]
使用HTML+Css+transform实现3D导航栏的示例代码
3D是three-dimensional的缩写,就是三维图形。在计算机里显示3D图形,就是说在平面里显示三维图形。不像现实世界里,真实的三维空间,有真实的距离空间。计算机里只是看起来很像真实世界,因此在计算机显示的3D图形,就是让人眼看上就像真的一样。人眼有一个特性就是近大远小,就会形成立体感。
...[2021/4/6]
有意思!不规则边框的生成方案
本文将介绍一种配合 SVG 滤镜实现各种不规则图形添加边框的小技巧。
本文完整的 DEMO,你可以戳这里:transparent 配合 SVG feMorphology 滤镜生成不规则边框
需求背景,给不规则图形添加边框
在我们日常开发中,时长会遇到一些非矩形、非圆形的图案。类似下面这些:...[2021/3/29]
初学者注意的npm install相关
初次学习vue时,由于经常需要下载各种组件库和框架进行摸索,所以经常要用到npm install指令,对过程中发生的一些报错也参考了不少人的文章,在这里整理一下笔记。
npm指向
npm config get registry
该指令是查看当前npm指向的下载仓库,默认是http: reg...[2021/3/29]
el表单验证的坑el表单验证的坑
记录element组件el-form使用v-for和v-if时,验证数据时报错的处理。
v-for问题
使用v-for时导致表单验证出现this.$refs[formName].validate is not a function
$refs[formName]后面加多一个[0]
thi...[2021/3/29]
Element FORM结合Vue实现横向排列表单项
结合Vue实现横向排列表单项
前言
默认的,ElementUI的Form表单项(控件)是垂直排列,即一行显示一个表单项。但是在实际应用中,有时候会需要一行显示多个表单项。针对这类需求,笔者提供以下解决方案
解决方案
1、修改表单项.el-form-item样式
如下,增加display属性,...[2021/3/29]
Web、Android等程序开发中src引入外部文件和资源的方法总结Web、Android等程序开发中src引入外部文件和资源的方法总结
方法一:使用相对于当前文件(源文件)的相对路径
使用 ../
对于这个例子来说
../ 把路径带到了项目根目录的下一级目录
1 <script src=".. tatic/j wo...[2021/3/29]
「HTML+CSS」--自定义按钮样式【001】
前言
Hello!小伙伴!
首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~
哈哈 自我介绍一下
昵称:海轰
标签:程序猿一只|C++选手|学生
简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~...[2021/3/29]
day03---Vue(03)
一、介绍
1、Vue.js 是什么
Vue (读音 /vju?/,类似于 view) 是一套用于构建用户界面的渐进式框架。
Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提...[2021/3/29]
ElementUI Dialog 结合Vue实现对话框body“二分”布局
Dialog 结合Vue实现对话框body“二分”布局
需求描述
如下图,
把对话框body内容部分,分成上下两部分,其中上部分高度根据窗口大小动态调整,如果内容过多,则出现滚动条,以便滚动查阅被遮挡内容,下部分内容(即关闭|保存按钮所在容器)高度固定。
对话框高度不固定,随窗口高度变化而变化...[2021/3/29]
CSS实现移动端横向滚动导航条(PC端也适用)_CSS教程_CSS
功能由来
近期在做一个H5需要一个横向滚动条,查看了一些文档最后还是决定自己写一个,一个可以兼容Mobile、PC的。
HTML
<body>
<div cla ="nav">
<a href="...[2021/3/29]