文章库ARTICLE COLUMN

  • 【微信小程序】关于微信小程序多层嵌套渲染列表以及嵌套列表中数据的获取

    【微信小程序】关于微信小程序多层嵌套渲染列表以及嵌套列表中数据的获取

    摘要:起因意图是想实现类似于安卓那样的效果,想到了用微信小程序的组件,但如果每个里都只用一个来渲染数据的话实在是太慢了,就想到多层嵌套数据渲染来提高效率。 起因:意图是想实现类似于安卓viewpager那样的效果,想到了用微信小程序的swiper组件,但...

    mushangmushang 评论0 收藏0
  • 深入理解BFC

    深入理解BFC

    摘要:最常见的有简称和简称。计算的高度时,浮动元素也参与计算。遇到这种情形,我们如何处理处理方法其实有很多,在元素中添加或者使其父元素形成一个也可以在元素中添加或是这些都可以有效解决父子元素重叠问题。解决这个问题,只需要把把父元素变成一个就...

    legendmohelegendmohe 评论0 收藏0
  • echart使用自定义单个柱状颜色实现

    echart使用自定义单个柱状颜色实现

    项目实践中遇到一个根据需要,当X轴等于某个值是,柱状变成特殊颜色的需求,大致有两个方案实现: 1、在前台遍历数据对象,判断设置; 2、在后台拼装数据是,按照格式要求拼装好; 具体代码如下: 方法一: option = {     title: {         text: "E...

    617035918617035918 评论0 收藏0
  • 前端每日实战:158# 视频演示如何用纯 CSS 创作一个雨伞 toggle 控件

    前端每日实战:158# 视频演示如何用纯 CSS 创作一个雨伞 toggle 控件

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,容器中包含个元素,代表伞盖,伞柄居中显示设置伪元素的共有属性先画出雨伞打开的样子。因为合上雨伞是对几个元素进行变形得到的,所以转换到雨伞打开状态就是取消变形。 showImg("https...

    frolcfrolc 评论0 收藏0
  • CSS方法论(一)

    CSS方法论(一)

    摘要:由于年提出,这基于她在雅虎的工作。但是这很难做到解决的问题样式全局性造成的样式冲突问题多人协作的命名问题解决层叠问题,使的优先级保持相对扁平的模块化,使更具有复用的能力于年由提出,当时他在雅虎工作。 编写CSS会遇到什么问题? 其实CSS很...

    haoguohaoguo 评论0 收藏0
  • web前端学习方案

    web前端学习方案

    摘要:学习计划认识语义化的意义。这意味着可以在编程语言中很方便地表达静态或动态的数据流,而相关的计算模型会自动将变化的值通过数据流进行传播。熟悉,理解响应式编程思想在根据官方文档学习的时候请优先理解它的思想。 学习计划 HTML5 认识HTML5语义...

    imcclimccl 评论0 收藏0
  • 移动端轮播图实现方法(dGun.js)

    移动端轮播图实现方法(dGun.js)

    摘要:本文章介绍在移动端无缝隙轮播图实现的原理,这个轮子比较简单,但可以方便刚刚入门的同学参考。最终效果是在移动端无缝隙无限滑动,可以自定义轮播的速度。支持手势左右滑动。就是小的控制点了,但移动端没有点击小点的功能。 本文章介绍在移动端无缝...

    hyuanhyuan 评论0 收藏0
  • JavaScript的数据类型及其检测

    JavaScript的数据类型及其检测

    摘要:值的比较只进行值的比较会进行数据类型的转换。只要在当前实例的原型链上,我们用其检测出来的结果都是。但检测与不一样,还可以处理基本数据类型的检测。 showImg("https://segmentfault.com/img/remote/1460000016733921"); 一、JavaScript有几种类...

    starsfunstarsfun 评论0 收藏0
  • nextcloud 14 自建应用

    nextcloud 14 自建应用

    摘要:创建应用,应用目录目录结构如下包含应用元数据和配置包含包含图标和图像包含文件包含应用程序的类文件包含模板包含测试创建元数据配置文件参考网址创建文件应用程序的导航条目这样应用安装目录就可以看到应用了创建控制器控制器函数注解的用处公 创...

    xuhongxuhong 评论0 收藏0
  • css3实现颤动的动画

    css3实现颤动的动画

    摘要:需求页面要做一个活动入口,不能太显眼,但是又要用户能一眼就看出来。演示实现部分动画代码代码另附一个搭建的后台管理另附一个搭建的后台管理 需求 页面要做一个活动入口,不能太显眼,但是又要用户能一眼就看出来。 演示 https://jsfiddle.net/vtsx...

    darrydarry 评论0 收藏0
  • 初学者可能不知道的vue技巧

    初学者可能不知道的vue技巧

    摘要:前言大家好,这里是平头哥联盟,我是首席甩锅官老金,今天给大家分享的,一些日常中神秘而又简单的的实用小技巧,以及我在我司项目中实用的总结和坑,跟大家一起分享,希望能给其他攻城狮带来些许便利,如有理解错误,请纠正。 showImg("https://segme...

    scola666scola666 评论0 收藏0
  • 纯css实现Material Design中的水滴动画按钮

    纯css实现Material Design中的水滴动画按钮

    摘要:但是往往要引入一大堆和,其实在已有的项目中,可能只是想加一个这样的按钮,来增强用户体验,这些库就显得有些过于庞大了,同时由于是实现,很多时候还要注意加载问题。 前言 大家平时应该经常见到这种特效,很炫酷不是吗 showImg("https://segmentfa...

    lolomacololomaco 评论0 收藏0
  • echarts优化数据视图dataView中的样式

    echarts优化数据视图dataView中的样式

    摘要:在使用过程中,里有个视图模式,里面的数据没有对整,影响展示效果,情形如下改问题解决方案为,在回调函数中处理,具体代码如下数据视图名称修改后的效果为问题完美解决,希望对你有帮助 在使用echart过程中,toolbox里有个dataView视图模式,里面的...

    wemallshopwemallshop 评论0 收藏0
  • 页面性能优化办法有哪些?

    页面性能优化办法有哪些?

    摘要:那我们如何优化页面性能,提高页面加载速度呢这是本文主要要探讨的问题,然而性能优化是个综合性问题,没有标准答案,想要面面俱到罗列出来,并非易事。三利用浏览器缓存对于应用来说,缓存是提升页面性能同时减少服务器压力的利器。 引子 互联网有一...

    MageekChiuMageekChiu 评论0 收藏0
  • 关于flex-shrink如何计算的冷知识

    关于flex-shrink如何计算的冷知识

    摘要:先回顾一下假设有一个内包含三个子,宽度分别对于对于剩余空间分配比例的计算相信用过布局的都非常熟悉了。另外,我发现很多点赞数很多的文章,给出的计算公式是错误的。 先回顾一下flex-grow 假设有一个div内包含三个子div1, div2, div3,宽度分别200...

    KaltZKKaltZK 评论0 收藏0
  • 图片上传预览转压缩并转base64详解(dShowImg64.js)

    图片上传预览转压缩并转base64详解(dShowImg64.js)

    摘要:本次的内容是图片的上传预览。待上传图像点击蓝色框内,可以选择文件,移动端选择拍照或选择图片进行上传。部分请点击这层就是加号图像是转码后显示图像的地方。最后的预览图像地址以后会加入更多的小插件。 hello,大家好,游戏开始了,欢迎大家收看...

    NeverSayNeverNeverSayNever 评论0 收藏0
  • bootstrap datetimepicker日期插件美化

    bootstrap datetimepicker日期插件美化

    摘要:需求日期面板默认展开可以根据点击的日期,处理额外的信息,如在这天记录一些信息等大部分的日期插件日期面板是隐藏的,点击的时候日期面板显示,基于的日期插件如果是在元素上实例化插件的情况,面板是显示的,在上面板则是隐藏的。 需求: (1)日期...

    ninefiveninefive 评论0 收藏0
  • 动态添加+动态绑定(vue数据驱动思路)

    动态添加+动态绑定(vue数据驱动思路)

    摘要:更进一步把所有设置满分值的先进行绑定,然后控制显示跟隐藏,这样一来目的达到了,但是一旦选项是从后台获取的话,后台一旦改动,这边就要跟着更改。说明定义满分值循环的数组说明此数组为上面的数据说明循环详细的写法 先上案例showImg("https://seg...

    _ang_ang 评论0 收藏0
  • 垂直水平居中方法小结

    垂直水平居中方法小结

    摘要:前言最近看到很多面试题目会问请说出几种使用完成垂直水平居中的方法正好看基础的时候看到一篇文章是讲完全居中的,这边对于文章中的内容做个小结。具体代码如下使用完成垂直水平居中该方法的核心思想是使用表格来实现垂直居中,再使用来实现水平居中。...

    amuqiaoamuqiao 评论0 收藏0
  • Flex布局笔记

    Flex布局笔记

    摘要:布局教程地址控制换行属性控制轴线的方向行行反转列列反转主轴线的对齐开始对齐结束对齐居中两端水平分布等间距分布交错轴线的对齐开始对齐结束对齐居中沿着他们自己的基线对齐与行高有关默认值所有容器一样高默认的 Flex布局教程地址https://www.yout...

    Lin_YTLin_YT 评论0 收藏0
  • css 布局:两边固定中间自适应

    css 布局:两边固定中间自适应

    摘要:解析四种常用方法以及原理浮动浮动内嵌定位。浮动元素高度为,浮动盒子层级比块级水平盒子高,比水平盒子低。中间元素用,防止内容跑到左右两块定位元素下面被遮盖。我在左边我在中间,自动占据剩余空间我在右边原理布局,子元素默认水平排列。 解析四...

    CoyPanCoyPan 评论0 收藏0
  • flex几种多列布局

    flex几种多列布局

    摘要:基本的等分三列布局三列左中定宽右侧自适应缩小浏览器窗口后左右固定,中间自适应缩小浏览器窗口后九宫格布局圣杯布局缩小浏览器窗口之后 基本的等分三列布局 .container{ display: flex; width: 500px; height: 200px; }...

    Tony_ZbyTony_Zby 评论0 收藏0
  • 前端每日实战:157# 视频演示如何用纯 CSS 创作一个棋盘错觉动画

    前端每日实战:157# 视频演示如何用纯 CSS 创作一个棋盘错觉动画

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbigC0?w=400&h=299"); 效果预览 按下右侧的点击预览...

    RainieRainie 评论0 收藏0
  • JavaScript常见的六种继承方式

    JavaScript常见的六种继承方式

    摘要:组合继承也是需要修复构造函数指向的这种方式融合原型链继承和构造函数的优点,是中最常用的继承模式。的继承机制完全不同,实质是先将父类实例对象的属性和方法,加到上面所以必须先调用方法,然后再用子类的构造函数修改。 前言 面向对象编程很重要...

    silvertheosilvertheo 评论0 收藏0
  • 纯css实现手机通讯录

    纯css实现手机通讯录

    摘要:不过要是一个简单的小项目,没那么多要求的话,纯还是能很好的适用的,性能上绝对要比通过滚动监听强上好多倍,而且引用方便,只要数据生成了就可以直接使用 我们经常在手机上看到通讯录列表,这类布局一般有两个显著的效果 showImg("https://segmentf...

    王晗王晗 评论0 收藏0

热门文章

<