文章库ARTICLE COLUMN

  • javascript 运算符

    javascript 运算符

    摘要:当运算符前置不出现赋值的时候,执行自增自减运算出现赋值的时候,要先运算,再赋值。例子有一侧结果为真真个运算结果为真。 javascript 基础运算符分为:算术运算符、赋值运算符、关系运算符、逻辑运算符;接下来详细讲解着几种运算符的掌握方法; (...

    haoguohaoguo 评论0 收藏0
  • 从头开始学习Vuex

    从头开始学习Vuex

    摘要:它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。页面上,负责接收用户操作等交互行为,执行方法触发对应进行回应。状态改变提交操作方法。集中存储中对象的零散数据,全局唯一,以进行统一的状态管理。...

    不知名网友不知名网友 评论0 收藏0
  • 我的前端组件 ---- 16:9固定宽高比例的div

    我的前端组件 ---- 16:9固定宽高比例的div

    摘要:宽高保持的比例。固定宽高比相对于可视窗口的宽度或高度中较小的那个,被均分为单位的例当宽度是,高度是,那么则是相对于宽度的这是一个的矩形注意如果屏幕宽度较大高度较小时,则可以用。 目标:遇到一个需求,让图片在页面中,不管宽度如何变化。宽...

    张迁张迁 评论0 收藏0
  • css-theme 通过一套源码生成一份包含多套皮肤配置的样式文件

    css-theme 通过一套源码生成一份包含多套皮肤配置的样式文件

    摘要:详见插件模式在通过等工具调用时,插入中间件。详见配置占位符描述每个变量在文件中对应的占位符主题列表该主题中每个变量对应的值使用该主题时顶层添加的是否将该主题作为默认主题,在未指定时默认展示该主题链接授权 css-theme 通过单一css文件生成...

    masturbatormasturbator 评论0 收藏0
  • 前端每日实战:160# 视频演示如何用纯 CSS 创作一个打开内容弹窗的交互动画

    前端每日实战:160# 视频演示如何用纯 CSS 创作一个打开内容弹窗的交互动画

    摘要:可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。在中增加的小节表示弹窗内容,其中的是返回按钮,是具体内容,这里我们把内容简化为一些陆生动物的字符,为了能够触发这个弹窗,设置的为,并在的链接中指向它 showImg("https:/...

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

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

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

热门文章

<