ICode9

精准搜索请尝试: 精确搜索
  • opacity_visibility_display优劣2021-02-25 17:34:57

    display: none; DOM 结构:浏览器不会渲染 display 属性为 none 的元素,不占据空间; 事件监听:无法进行 DOM 事件监听; 性能:动态改变此属性时会引起重排,性能较差; 继承:不会被子元素继承,毕竟子类也不会被渲染; transition:transition 不支持 display。 visibility: hidden; DOM 结构:元素

  • Axure9生成html后在chrome浏览器无法正常打开的解决方法2021-02-25 16:32:13

    第一步:找到路径:resources\scripts\player\axplayer.js 找到这以下代码删除掉 if (CHROME_5_LOCAL && !$('body').attr('pluginDetected')) { window.location = 'resources/chrome/chrome.html'; } 第二步:找到路径:resources\css\default.css 将下面

  • Vue 动画 过度效果(渐隐渐现)2021-02-24 09:58:17

    首先一个toggle 效果: <div id="root"> <div v-if="show">hello world</div> <button @click="handleClick">切换</button> </div> <script> var vm = new Vue({ el: "#root", data

  • Chrome opacity非1时border-radius圆角边框剪裁问题2021-02-23 09:05:30

    一、圆角边框显示不全问题出现条件 应该都知道,border-radius:50%可以让元素正方形元素表现为正圆,深入理解其表现机制可参见我之前文章:“CSS3 border-radius知多少?”。 如果元素设置了border边框,则会表现为一个正圆圈圈,类似这样: 但有时候,border边框的这个圈圈会在边缘处发生剪裁

  • Vue中的列表过渡2021-02-08 20:32:21

    有这样一个代码需求:实现一个点击按钮,然后在列表中添加并显示内容 <div id="root"> <div v-for="(item,index) of list" :key="item.id"> {{item.title}} </div> <button @click="handleBtnClick">A

  • html 类似雷达扫描效果 及 闪屏效果2021-02-07 17:32:52

    //雷达扫描效果 1 <em id="Radar" class="RadarFast"></em> css: .RadarFast{ position: absolute; z-index: 10; bottom: 140px; left: 50%; margin-left: -3px; } .RadarFast:after{ content: '

  • Vue中CSS动画原理2021-02-06 23:04:49

    Vue 提供了 transition 的封装组件,transition标签意思它包裹的内容里面有一个过渡的动画效果,在下列情形中,可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点   当一个元素被transition包裹了之后,vue会自动分析元素

  • 15VUE动画-12021-02-06 19:35:26

    <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> <style

  • filter:alpha()与opacity的区别2021-01-11 18:29:48

    filter:alpha()与opacity都是用来设置透明度的,区别就在于兼容性的问题,opacity支持高版本的浏览器,IE8以上不包含IE8. opacity 1.opacity的取值范围在0到1之间,1代表完全不透明。 filter:alpha() 1.filter:alpha(opacity=20)表示设置透明度为20,其中透明度范围为0-100,100为不透明

  • uniapp 生成二维码2021-01-11 13:01:31

    本文出自: uniapp 生成二维码插件: 公司的二维码链接有加密,原先的uniapp是生成二维码的插件,扫码反应太慢,故在网上搜索,整理此插件。 <template> <view> <view style="margin-top: 26upx;margin: 40upx;"> <ayQrcode ref="qrcode" :modal="modal_qr"

  • 博客园自动更换背景2021-01-08 21:34:35

    管理 — 设置 — 页面定制 CSS 代码,中添加以下代码: /*背景图片*/ body { background: url(https://source.unsplash.com/user/erondu/1600x900) fixed; background-size: cover; background-repeat: no-repeat; opacity:0.8 /* x取值为[0, 1],1为不透明,具体可自行测试 */

  • 原生JS消息提示插件Message.js2021-01-07 11:32:13

    插件描述:一款优雅的页面消息提示插件,兼容性良好,无任何依赖。 Qmsg 消息提示插件 使用 兼容IE>=9。 HTML <link rel="stylesheet" href="./css/message.css"> <!-- your html --> <script src="./js/message.js"></script> <script> var config

  • HTML5之SVG绘图2021-01-05 20:09:02

    1.svg绘图与canvas绘图的区别   cnavas绘图 svg绘图 类型 2D位图(放大会失真) 2D矢量图(放大不会失真) 绘图方式 使用JS代码绘图 使用标签绘图 事件绑定 每个图形不是元素,无法直接绑定事件 每个图形都是元素,可以直接绑定事件监听 应用场合 游戏;特性 图标;地图 2.svg绘图

  • js中使用Tab键可以进行选中,用enter触发点击事件。2021-01-05 17:32:59

    使用tab可以进行选中,用enter触发点击事件。 tabindex属性可以添加 Tab键的focus <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1

  • javascript 时间版运动框架案例2020-12-30 18:59:48

    js部分 var timer = null; var div = document.getElementsByTagName("div"); function getStyle(obj, style) { if(window.getComputedStyle) { return window.getComputedStyle(obj,null)[style]; }else { return obj.currentStyle

  • 前端面试题总结2020-12-22 10:01:57

    HTML5和css3的性特性 一、H5的性特性 语义化标签:header、footer、section、nav、aside、article 增强型表单:input 的多个 type 新增表单属性:placehoder、required、min 和 max 音频视频:audio、video canvas 画布 地理定位 拖拽 本地存储: localStorage 没有时间限制的数据

  • Scrape Student Info:基于puppeteer和express的全栈爬虫项目2020-12-21 00:00:06

    本项目由本人全程独立开发,转载请注明出处 爬取学校数字平台仅做前后端交互项目练习,并不对学校信息安全造成隐患 阅读本文,具备node.js,express,puppeteer基础最佳 github传送门:https://github.com/Escaay/Scrape-Student-Info 前端(1为成功,0为错误) 后端(1为成功,0为错误) 演示

  • js 实现图片懒加载(延迟加载)2020-12-20 20:01:26

    图片懒加载(图片延迟加载):当图片不在浏览器可视区域中时(即我们此时看不见图片),我们可以先不请求图片资源,当图片出现在浏览器可视区域中时再加载资源。 实现思路 1.结构中,我们用一个盒子包裹着图片(在图片不展示的时候,可以占据着这个位置,并且设置默认的背景图或者背景颜色) 2.最开

  • 关于opacity属性的探究2020-12-16 14:29:18

    关于opacity属性的探究 上问题!! 在前一段时间我朋友和我讨论到了opcaity的属性问题问题如下: 代码如下清重点关注opcaity <!-- css样式 --> <style> .boxfather { width: 500px; height: 500px; background-color: blue;

  • 用opacity方法来隐藏元素后,照样可以触发绑定在其身上的点击事件2020-12-14 15:59:10

    今天运营小姐姐跑过来的时候,说要把一个左上角的“规则”图标隐藏掉,于是乎,我就用opacity:0;隐藏掉了元素,发布到了线上。 过了一会儿时间,运营小姐姐跑过来说,虽然规则图标看不见了,但是点击的话,照样能触发弹窗,要求再改动,点击那块空白的地方,不能有弹窗出现。 我后面用了display:n

  • css cursor和opacity属性2020-12-14 13:01:09

    opacity 属性:设置元素不透明度; cursor属性:设置光标悬停样式; $("#sendCodeBtn").attr("style", "cursor: default;opacity: 0.2");

  • 【JavaScript】条件运算符也称‘三元运算符‘的介绍与使用2020-12-01 10:30:13

    条件运算符语法 variable = boolean_expression ? true_value : false_value; 这行代码的意思就是:如果 boolean_expression 为真,variable 的值为 true_value,否则 variable 的值为 false_value。 条件 ?条件成立执行 :条件不成立执行 如何应用 1、赋值 let opacity = opacity >

  • 第4章 Vue 过渡和动画2020-11-29 18:00:08

    第4章 Vue 过渡和动画 文章目录 第4章 Vue 过渡和动画4.1 过渡和动画基础4.2 多个元素过渡4.3 多个组件过渡4.4 列表过渡 4.1 过渡和动画基础 transition 组件 注 意

  • CSS案例(7):聚光灯2020-11-28 17:56:34

    图标获取:阿里巴巴矢量图标库 <div class="logo"> <svg t="1606555264232" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="595" width="

  • day022020-11-27 19:03:55

    day02 一、表单操作 单选框 单选框的使用,在绑定属性时,绑定的属性一定要与value的值保持一致,同时提交还是提交到的value值 复选框(多选框) 在绑定属性时,初始值为对象时,会将对象转换为布尔值进行展示,同时在对复选框进行点击操作时,会造成一改全改的情况;初始值为数组时,

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有