文章库ARTICLE COLUMN

  • 【零基础入门】css学习笔记(6) 清除浮动

    【零基础入门】css学习笔记(6) 清除浮动

    摘要:清除浮动,为何要清除浮动浮动效果会带来不好的影响子元素浮动会带来父元素高度塌陷。,清除浮动的两大基本方式,运用清除浮动。元素流入页面时,在这个元素左边右边或两边不允许有浮动内容。除了是用来清除浮动的,其它代码都是为了隐藏掉生成的内容。...

    BingqiChenBingqiChen 评论0 收藏0
  • window.open 打开新窗口被拦截的解决方案

    window.open 打开新窗口被拦截的解决方案

    摘要:使用包装一下,也可以防止被浏览器拦截。注意这里的超时时间不能太短,否则也会被拦截。我们会遇到想要弹出一个窗口,可是却是在事件执行后,才去弹出来的,这时就会被浏览器拦截,我们可以通过下面的方法来避免先用打开一个窗口,然后修改地址。 最近...

    ObjectObject 评论0 收藏0
  • 【零基础入门】 css学习笔记(5) 浮动

    【零基础入门】 css学习笔记(5) 浮动

    摘要:浮动元素性质,浮动的元素脱离标准流这个元素像从标准流中被删除一样。下图是左浮动时的显示效果。,浮动的元素会互相贴靠如果父元素的宽度能显示所有浮动元素,则浮动的元素会并排显示。,无论是块级元素行内元素,一旦浮动了,都可以设置宽高,不需要...

    clasnakeclasnake 评论0 收藏0
  • 【零基础入门】 css学习笔记(4) 布局与定位 介绍

    【零基础入门】 css学习笔记(4) 布局与定位 介绍

    摘要:内联元素在水平方向上相互挨着,总体上会从左上方流向右下方。,增加元素,设置属性,两个内联元素并排摆放,但只有左右方向有。还能与其它内联元素并排。 写在前面:作为一个刚开始写技术博客的新手,看到有人收藏了文章,写作动力又猛增了。这应该就...

    nevermindnevermind 评论0 收藏0
  • JavaScript 工作原理之十二-网络层探秘及如何提高其性能和安全性

    JavaScript 工作原理之十二-网络层探秘及如何提高其性能和安全性

    摘要:为了更加高效的网络层,它需要不仅仅只是扮演套接字管理员的角色。用套接字池来组织套接字,以源来分组套接字,每个套接字池强制限制其连接数和安全约束。协商是一个为计算机网络提供通信安全的加密协议。 原文请查阅这里,略有改动,本文采用知识共享...

    InvokerInvoker 评论0 收藏0
  • 前端每日实战:61# 视频演示如何用纯 CSS 创作一只咖啡壶

    前端每日实战:61# 视频演示如何用纯 CSS 创作一只咖啡壶

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。给壶加上阴影再用伪元素给壶加上光影最后,加上动画大功告成 showImg("https://segmentfault.com/im...

    ImfanImfan 评论0 收藏0
  • 前端每日实战:58# 视频演示如何用纯 CSS 创作一只卡通鹦鹉

    前端每日实战:58# 视频演示如何用纯 CSS 创作一只卡通鹦鹉

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

    dayday_updayday_up 评论0 收藏0
  • 前端小白徒手搭博客之路

    前端小白徒手搭博客之路

    摘要:当函数完成前端小白徒手搭博客之路前端小白徒手搭博客之路前言作为一个前端小白,一直以来,样式布局设计灵感都是自己的痛点。 前言 本博客为最最最基本的html静态页面打造而成。 github地址 线上地址 showImg("https://segmentfault.com/img/remote/...

    shiweifushiweifu 评论0 收藏0
  • 前端模块化规范

    前端模块化规范

    摘要:一模块化命名空间二命名空间库名类别名方法名三规范一个文件为一个模块,通过暴露快接口,通过引入模块,同步执行文档示例四规范使用定义模块使用加载模块依赖前置,提前执行规范文档示例模块名字模块输出模块输出等于在最前面声明并初始化了要用到的模...

    李义李义 评论0 收藏0
  • [开源] SpriteJS -- 一款简单的跨终端 canvas 绘图框架

    [开源] SpriteJS -- 一款简单的跨终端 canvas 绘图框架

    摘要:是一款由奇舞团开源的跨终端绘图框架,可以基于快速绘制结构化动画和交互效果,并发布到任何拥有环境的平台上比如浏览器小程序和。有如下特点基于绘制的文档对象模型四种基本精灵类型支持基础和高级的精灵属性,精灵盒模型属性与具有高度一致性。 Spri...

    hover_lewhover_lew 评论0 收藏0
  • Vue & Bootstrap 结合学习笔记(一)

    Vue & Bootstrap 结合学习笔记(一)

    摘要:项目介绍旨在通过项目的形式同时学习和,实现一个在线配置页面的功能。通过封装好的组件样式提供界面需要的组件,通过实现组件状态更改及页面渲染。 本文是不才在学习Vue和Bootstrap过程中遇到问题解决的一些思路,主要描述了项目搭建,组件封装、获取...

    魏宪会魏宪会 评论0 收藏0
  • 前端每日实战:57# 视频演示如何用纯 CSS 创作一双黑暗中的眼睛

    前端每日实战:57# 视频演示如何用纯 CSS 创作一双黑暗中的眼睛

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,容器中包含个元素居中显示定义容器尺寸画出眼睛的轮廓画出眼球使双眼向内聚拢定义眨眼的动画最后,把动画效果应用到两只眼睛上大功告成 showImg("https://segmentfault.com/img/bVbctBw?...

    hearawayhearaway 评论0 收藏0
  • 面试之旅-深圳 遇到的问题和一些自己的拓展以及答案2

    面试之旅-深圳 遇到的问题和一些自己的拓展以及答案2

    摘要:有趣的是,实际上并没有将事件附加到子节点本身。将使用单个事件监听器监听顶层的所有事件。这对于性能是有好处的,这也意味着在更新时,不需要担心跟踪事件监听器。 ❤,调用 setState 之后React内部发生了什么? 将传递给setState的对象和当前对象合...

    xingpingzxingpingz 评论0 收藏0
  • vue中css样式覆盖问题 vue中css样式作用域 vue.js样式不起作用

    vue中css样式覆盖问题 vue中css样式作用域 vue.js样式不起作用

    摘要:后续如何在局部样式中覆盖全局样式父组件第三方库需要更改的例如参考链接链接描述链接描述 问题背景: 项目前端使用vue.js和element-ui,由于想要对输入框进行验证,输入值非法时输入框颜色变红,就想要根据el-input编译 后的class进行修改,但是直接在...

    baoxlbaoxl 评论0 收藏0
  • 那些年,我的前端/Java后端书单

    那些年,我的前端/Java后端书单

    摘要:全文为这些年,我曾阅读深入理解过或正在阅读学习即将阅读的一些优秀经典前端后端书籍。当然,如果您喜欢这篇文章,可以动手点点赞或者收藏。 全文为这些年,我曾阅读、深入理解过(或正在阅读学习、即将阅读)的一些优秀经典前端/Java后端书籍。全文...

    idealcnidealcn 评论0 收藏0
  • extjs6.0 treepanel设置展开和设置选中

    extjs6.0 treepanel设置展开和设置选中

    摘要:节点展开,图标全部改为小三角默认展开资源树数据集数据集根节点配置根节点默认展开资源文件目录根节点名称访问代理类型异步监听器父节点清空参数点击的时候根据路径查找参数默认展开第一个节点 var treePanel = { id: "treeUrl", ...

    骞讳护骞讳护 评论0 收藏0
  • 前端每日实战:59# 视频演示如何用纯 CSS 创作彩虹背景文字

    前端每日实战:59# 视频演示如何用纯 CSS 创作彩虹背景文字

    摘要:可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,容器中有一段文本居中显示定义文字样式设置彩虹背景定义动画效果最后,把彩虹背景移到文字下面大功告成 showImg(...

    williamwen1986williamwen1986 评论0 收藏0
  • CSS3中的box-sizing

    CSS3中的box-sizing

    摘要:的作用了解完这两种盒模型后,在介绍一下,他一共有种值,,。就是继承父元素的值,这里不做介绍。比如我们想做一个内边距,边框为,最终包括边框宽度为的,之前的做法是先算出内容宽。 懂得如何运用box-sizing之前,必须需要了解一下常规盒模型和怪异...

    RaoMengRaoMeng 评论0 收藏0
  • 利用jQuery插件uploadPreview实现图片上传以及validate表单验证示例详解

    利用jQuery插件uploadPreview实现图片上传以及validate表单验证示例详解

    摘要:首先给大家介绍我之前遇到的问题,传统的图片上传展示和防止网页的跳转,大佬们都懂,但是在这里我想简单的写一下我的经历。下次是截图仅供参考或者是这样有其他参数的验证具体的详细参数的一些问题,请参考其他网站。 首先给大家介绍我之前遇到的问题...

    ReductoReducto 评论0 收藏0
  • Vue & Bootstrap 结合学习笔记(二)

    Vue & Bootstrap 结合学习笔记(二)

    摘要:具名插槽适用于具有一定结构且有多处不固定内容的组件此时在定义组件时其实就是预留了多个空缺位置且分别命名如果只有一个当然也可以采用具名插槽,但肯定不如默认插槽,只会徒增配置成本。然后在使用时将内容分成多块分别命名成预留空缺位置的名字。 ...

    KarrdyKarrdy 评论0 收藏0
  • 使用 nuxt+iview-admin+koa2 开发项目

    使用 nuxt+iview-admin+koa2 开发项目

    摘要:因此借机学习框架文档详细,更新快,反馈及时及比较优秀的一款,基本满足项目需求。 公司最近在做的一个项目,依然是采用熟悉的vue开发,数据平台因为其数据量大的特点,采用传统的spa模式,首页加载时间很长,而SSR这种方式对于首屏的加载时间优化显...

    CorwienCorwien 评论0 收藏0
  • SVG 新手入门

    SVG 新手入门

    摘要:创建开始建议添加一个空路径的元素创建一个俄罗斯方块一次添加一个命令,保存查看走向,这样会可以方便创建出来第一,我们移动到,开始,这个是图标的开始点。 svg 入门新认知 一、第一步创建设置svg 设置粗细 5px 的红色线条绘制,图标是无填充...

    BaaaanBaaaan 评论0 收藏0
  • 学习经典算法—JavaScript篇(一)排序算法

    学习经典算法—JavaScript篇(一)排序算法

    摘要:对每一对相邻元素作同样的工作,从开始第一对一直到结尾的最后一对,如此将最大的数放在后面。持续每次对元素重复上面的步骤,直到排序完成。排序步骤将第一待排序序列第一个元素看做一个有序序列,把第二个元素到最后一个元素当成是未排序序。 前端攻...

    RindiaRindia 评论0 收藏0
  • CSS4:icon全解

    CSS4:icon全解

    摘要:全解法如何在文件里扣出图层里的图标右键选中这个图层右击这个图层把这个图层放到新文件点击图片的按钮自动切图到最小再调整一下画布大小将图片设置为长宽一样导出即可在页面里图片会默认保持比例所以只要设置宽高的其中一种就可以了抠图的前端现在基本...

    LinkedME2016LinkedME2016 评论0 收藏0
  • 前端每日实战:53# 视频演示如何用纯 CSS 创作一个文本淡入淡出的 loader 动画

    前端每日实战:53# 视频演示如何用纯 CSS 创作一个文本淡入淡出的 loader 动画

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

    JackwooJackwoo 评论0 收藏0

热门文章

<