文章库ARTICLE COLUMN

  • 要准确裁剪背景图片先要准确渲染,background-origin与background-clip

    要准确裁剪背景图片先要准确渲染,background-origin与background-clip

    摘要:当然背景图片默认的渲染状态是从区域开始渲染的,我们在没有确认渲染的区域时,后期所做的裁剪工作实际上都是对照默认渲染区区域来进行裁剪的。 概念 background-origin: 背景图片从盒子哪里开始渲染background-clip: 背景图片裁剪到盒子哪里 取值 bac...

    zzbozzbo 评论0 收藏0
  • HTTP中GET与POST的区别 99%的错误认识

    HTTP中GET与POST的区别 99%的错误认识

    摘要:不会产生动作意味着和的请求不会在服务器上产生任何结果。对长度的限制是字节。起限制作用的是服务器的处理程序的处理能力。很可能受到中文名称跨站请求伪造攻击。而数据大小,则是因为浏览器的限制造成的。请开始你的表演参考文章的人都理解错了中与的...

    Bowman_hanBowman_han 评论0 收藏0
  • 图片上传前预览,两种方式可实现

    图片上传前预览,两种方式可实现

    摘要:表单提交,前端上传头像后台接收提交,前端添加图片添加失败后台接收上传图片上传数据为空上传成功提交,前端全局变量文件上传触发 表单提交,前端html: /**上传头像**/ $("#avatar").click(function () { $("#image").trigger("click...

    cniocnio 评论0 收藏0
  • 竖直居中方式总结

    竖直居中方式总结

    摘要:已知有将元素竖直居中于窗口中部绝对定位法对未知高度的元素适用。行排布法作用于非表格内联块元素时,是控制元素本身在当前行的竖直位置。竖直书写模式法如果将书写模式改为竖直,就变为竖直居中。 已知有 html, body { margin: 0; height: 100%;...

    WilsonLiu95WilsonLiu95 评论0 收藏0
  • VueJS 如何编译服务器端远程模板【异步组件+简单方法】

    VueJS 如何编译服务器端远程模板【异步组件+简单方法】

    摘要:,常规组件,卒。小结总之呢,上面分析了在中编译远程模板的可能性,最后得出了两种方法异步组件,应该是官方的推荐方法动态组件,变通之法,论坛上发现的思路当然如果有其他方法欢迎交流,本文如果有不严谨不正确的地方也欢迎指出本文发自我的,原文链...

    褰辩话褰辩话 评论0 收藏0
  • HTML语义化

    HTML语义化

    摘要:为什么要语义化有利于搜索引擎优化,有助于爬虫抓取更多的有效信息,爬虫是依赖于标签来确定上下文和各个关键字的权重。 何为HTML语义化 语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码...

    104828720104828720 评论0 收藏0
  • [面试专题]习以为常却被忽略的vue小知识

    [面试专题]习以为常却被忽略的vue小知识

    摘要:习以为常却被忽略的小知识父模板中调用组件的元素将会被组件本身的模板取代。如果需要,可以通过将传入得到深拷贝的原始数据对象。然后,在进入下一次的事件循环时,会清空队列并进行必要的更新。 习以为常却被忽略的vue小知识 root element 父模板中...

    Loong_TLoong_T 评论0 收藏0
  • [面试专题]Web缓存详解

    [面试专题]Web缓存详解

    摘要:缓存详解标签空格分隔缓存缓存之于性能优化请求更快通过将内容缓存在本地浏览器或距离最近的缓存服务器如,在不影响网站交互的前提下可以大大加快网站加载速度。强制缓存不发请求到服务器,协商缓存会发请求到服务器。参考浏览器协议缓存机制详解 Web...

    bladefurybladefury 评论0 收藏0
  • [面试专题]Flex 布局

    [面试专题]Flex 布局

    摘要:布局标签空格分隔是的缩写,意为弹性布局,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为布局。如果项目只有一根轴线,该属性不起作用。默认值为,表示继承父元素的属性,如果没有父元素,则等同于。 Flex 布局 标签(空格分隔): flex ...

    ProfeelProfeel 评论0 收藏0
  • [面试专题]Vue.js 2.0 独立构建和运行时构建的区别

    [面试专题]Vue.js 2.0 独立构建和运行时构建的区别

    摘要:独立构建和运行时构建的区别标签空格分隔未分类在使用时,有独立构建和运行时构建两种版本可供选择。运行时构建不包括模板编译,不支持选项。这就形成了独立构建编译器运行时和运行时构建仅运行时。 Vue.js 2.0 独立构建和运行时构建的区别 标签(空格...

    李义李义 评论0 收藏0
  • 解决SVG animation 在IE中不起作用

    解决SVG animation 在IE中不起作用

    摘要:问题描述没办法解决路径运动的问题,下图路径运动的过程,通过查资料发现所有的的版本都不支持。在中没有水流动的效果。更新在开发过程中发现只能应用于路径这里还有另外一种实现方法,应用于等案例代码 问题描述 CSS animation没办法解决SVG路径运动...

    daydreamdaydream 评论0 收藏0
  • vue 1.x 组件数据传递

    vue 1.x 组件数据传递

    摘要:本文章主要讲了组件如何进行数据的传递,从简单的组件里面的数据如何显示,子组件里面的数据显示,子组件获取父组件的数据,子组件主动发送数据给父组件。 本文章主要讲了组件如何进行数据的传递,从简单的组件里面的数据如何显示,子组件里面的数据显...

    cnswordercnsworder 评论0 收藏0
  • [面试专题]前端需要知道的web安全知识

    [面试专题]前端需要知道的web安全知识

    摘要:攻击方式端口扫描攻击洪水攻击洪水攻击跳转攻击防范手段保证服务器系统的安全确保服务器软件没有任何漏洞,防止攻击者入侵。 前端需要知道的web安全知识 标签(空格分隔): 未分类 安全 [Doc] Crypto (加密) [Doc] TLS/SSL [Doc] HTTPS [Point] XSS...

    ivydomivydom 评论0 收藏0
  • [面试专题]从for循环看let和var的区别

    [面试专题]从for循环看let和var的区别

    摘要:从循环看和的区别的允许你声明一个作用域被限制在块级中的变量语句或者表达式。在中,绑定不受变量提升的约束,这意味着声明不会被提升到当前执行上下文的顶部。这个变量处于从块开始到初始化处理的暂存死区之中。 从for循环看let和var的区别 MDN的le...

    JrainJrain 评论0 收藏0
  • [面试专题]JS异步原理(事件,队列)

    [面试专题]JS异步原理(事件,队列)

    摘要:全部代码是一个先执行一个执行过程中遇到等异步操作则创建一个遇到等创建一个这两个分别被挂起执行栈为空时开始处理完成后处理直到该全部执行完然后继续主线程调用栈注每一次事件循环,只处理一个。 JS异步原理(事件,队列) 调用栈 JS执行时会形成调...

    LeoHsiunLeoHsiun 评论0 收藏0
  • 几个前端工程师应当掌握的“词语”

    几个前端工程师应当掌握的“词语”

    摘要:学堂码匠各类前端术语知多少有不少前端开发工程师,可能并不清楚下面的部分词语,但是在实战中其实都在使用着它们。 HTML5学堂-码匠:W3C、BFC、FOUC、Hack、GPU、Sprite、UA……各类前端术语知多少? 有不少前端开发工程师,可能并不清楚下面的部分词...

    shusenshusen 评论0 收藏0
  • d3.js实现svg缩放功能

    d3.js实现svg缩放功能

    摘要:本文代码转载自,通过实现缩放很简单,但是滚轮和按钮能够完美缩放就不那么容易了,如果有对感兴趣的小伙伴可以参考下面代码。构造一个新的缩放行为。指定当前的缩放平移向量为如果未指定,返回当前平移向量,默认。 本文代码转载自Stack Overflow,通...

    刘玉平刘玉平 评论0 收藏0
  • vue单页应用之创建和运行

    vue单页应用之创建和运行

    摘要:首先要开始单页应用开发,肯定是要知道如何运行,如何创建单页,这里将一步步带你入的坑。。。 首先要开始vue单页应用开发,肯定是要知道如何运行,如何创建单页,这里将一步步带你入vue的坑。。。 1.安装node 安装node并不是叫你学习node,而是我们需...

    Near_LiNear_Li 评论0 收藏0
  • node跨域方法

    node跨域方法

    摘要:第一种参看用实现和服务第二种部分填写有误添加成功重点部分是添加响应头信息可以是,也可以是跨域的地址在里不需要做任何特殊处理仍旧是部分姓名职位添加出错了出错了 第一种:jsonp 参看用nodejs实现json和jsonp服务 第二种:res.wirteHeadnode部...

    call_me_Rcall_me_R 评论0 收藏0
  • 2000! | 看上去如此简单的面试题,让太多“前端”英雄好汉折戟

    2000! | 看上去如此简单的面试题,让太多“前端”英雄好汉折戟

    摘要:学堂码匠求某个数字的阶乘,很难吗看上去这道题异常简单,却不曾想里面暗藏杀机,让不少前端面试的英雄好汉折戟沉沙。更多前端开发面试真题更多面试真题,请移步微信小程序决胜前端 HTML5学堂-码匠:求某个数字的阶乘,很难吗?看上去这道题异常简单,...

    macg0406macg0406 评论0 收藏0
  • css布局,左右固定中间自适应实现

    css布局,左右固定中间自适应实现

    摘要:绝对定位浮动布局测试布局实现布局测试布局实现布局测试 1.绝对定位+浮动 布局测试 .demo{ position: relative; width: 1000px; height: 400px; margin: 0 auto; border: 1px solid red; ...

    quietinquietin 评论0 收藏0
  • HTML5 实时监听输入框值变化

    HTML5 实时监听输入框值变化

    摘要:集合监听输入框内容变化的示例代码如下使用的话,只需要同时绑定和两个事件就可以了,示例代码如下 在网页开发中经常会碰到需要动态监听输入框值变化的情况,如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话,监听不了右键的复制...

    QLQQLQ 评论0 收藏0
  • 单页面官网-平滑过渡到指的锚点

    单页面官网-平滑过渡到指的锚点

    摘要:特点单页面官网不是传说中的单页面应用固定顶部,点击导航平滑过渡到指定锚点,鼠标上下滚动到锚点位置导航随之切换如考拉微课布局顶部导航栏内容区底部样式导航栏的样式要注意,这给当前样式多带带做了一个层,绝对定位,鼠标移动 特点 单页面官网--...

    zhaotzhaot 评论0 收藏0
  • web前端——美化效果总结

    web前端——美化效果总结

    摘要:概述项目开发过程中使用到了不少前端美化效果的方法,总结一下图片作为背景要实现的效果是,任意一张图片,不需要调整图片尺寸,图片完全填充网页背景。 概述 项目开发过程中使用到了不少web前端美化效果的方法,总结一下 1 图片作为背景 要实现的效果...

    awkjawkj 评论0 收藏0
  • 使用canvas实现图片下载功能

    使用canvas实现图片下载功能

    摘要:最近项目中需要实现一个下载图片的功能如下图一开始考虑使用标签的属性进行下载图片下载海报下载海报但是通过测试,发现再中,下载的文件不能带上拓展名,所以只好换一个思路,使用进行处理。 最近项目中需要实现一个下载图片的功能(如下图) showImg("...

    YancyYeYancyYe 评论0 收藏0

热门文章

<