文章库ARTICLE COLUMN

  • 你知道前端对图片的处理方式吗?

    你知道前端对图片的处理方式吗?

    摘要:对于第二种存储方式,我们前端需要将其二进制流交由对象处理,然后通过的生成临时赋值给属性来显示。当后端返回特定的图片二进制流的时候,就像我第一里的情景再现说的,前端用容器接收。 前言 作为前端工程师 de 我们,日常少不了会跟图片打交道。在...

    ZacharyZachary 评论0 收藏0
  • Fundebug前端JavaScript插件更新至1.6.0,新增test()方法用于测试

    Fundebug前端JavaScript插件更新至1.6.0,新增test()方法用于测试

    摘要:摘要新增方法用于测试,请大家及时更新。默认情况下,插件能够自动捕获未处理的错误。自从年双十一正式上线,累计处理了亿错误事件,付费客户有金山软件百姓网等众多品牌企业。 摘要: 1.6.0新增fundebug.test()方法用于测试,请大家及时更新。 showIm...

    gitmilkgitmilk 评论0 收藏0
  • 再次简单明了总结flex布局,一看就懂...

    再次简单明了总结flex布局,一看就懂...

    摘要:可能值含义如下假设主轴为水平方向左对齐右对齐居中对齐两端对齐沿轴线均匀分布各行将根据其值伸展以充分占据剩余空间备注设置,不然默认按照比例排满一行。默认值为,表示当空间不足时,自动缩小,其可能的值为整数,表示不同的缩小比例。 思维导图 s...

    ShimmerShimmer 评论0 收藏0
  • 再次简单明了总结flex布局,一看就懂...

    再次简单明了总结flex布局,一看就懂...

    摘要:可能值含义如下假设主轴为水平方向左对齐右对齐居中对齐两端对齐沿轴线均匀分布各行将根据其值伸展以充分占据剩余空间备注设置,不然默认按照比例排满一行。默认值为,表示当空间不足时,自动缩小,其可能的值为整数,表示不同的缩小比例。 思维导图 s...

    mayaohuamayaohua 评论0 收藏0
  • 2018年前端面试题(秋季面试随意整理的)

    2018年前端面试题(秋季面试随意整理的)

    摘要:也就是说定义的引用类型只要指针不发生改变,其他的不论如何改变都是允许的。把数组中的所有元素放入一个字符串。这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内的对象的值。是使用还是要看具体的情况。 1.html和css 引入 css...

    beitabeita 评论0 收藏0
  • ALL HTML TAGS

    ALL HTML TAGS

    摘要:指定聲音類型在注释中标记文本组件的文本容器声明可通过脚本克隆并插入到文档中的片段。指定长单词和不含空格的文本字符串的换行 ALL HTML TAGS Tags Description New in HTML5 0 comment 1 document type 2 hyperlink 3 an ab...

    Java3yJava3y 评论0 收藏0
  • balabala: dom 转图片场景和技术方案

    balabala: dom 转图片场景和技术方案

    摘要:有一天张大胖接到了产品的一个需求,需求中涉及到了小程序和两端。会后大胖对自己所知道的可以把动态网页转成图片的方案详细的对比了下相信大家都知道这个,这是一个浏览器端的库,可以把结构转成图片。接下来大胖就用了最后的方案,去实施。 有一天张...

    whatsnswhatsns 评论0 收藏0
  • 基于 less,sass,stylus三种预处理rem

    基于 less,sass,stylus三种预处理rem

    摘要:一形式定义一个变量和一个全局基于视觉稿横屏尺寸得出的基准使用示例翻译结果二形式定义一个变量和一个基于视觉稿横屏尺寸得出的基准使用示例翻译结果三形式定义一个变量和一个基于视觉稿横屏尺寸得出的基准使用示例翻译结果 一. less形式 //定义...

    hedzrhedzr 评论0 收藏0
  • Object.keys()是按什么顺序返回值的?

    Object.keys()是按什么顺序返回值的?

    摘要:碰到了一个很有意思的问题,中对象属性的输出是有序的吗如果有的话,那又遵循怎样的规则呢这里我们来做一个简单的探讨,工作之余来一点趣味性的问题。虽不能醍醐灌顶,但可以巩固所学知识,也是极好的 碰到了一个很有意思的问题,js中对象属性的输出是...

    lylwyy2016lylwyy2016 评论0 收藏0
  • 纯css实现叉号

    纯css实现叉号

    HMTL部分 CSS部分 .close { position: absolute; right: 32px; top: 32px; width: 32px; height: 32px; } .close:before, .close:after { position: absolute; left: 15px; content: " "; ...

    CrazyCodesCrazyCodes 评论0 收藏0
  • 【手牵手】搭建前端组件库(一)

    【手牵手】搭建前端组件库(一)

    摘要:手牵手搭建前端组件库本文梳理如何搭建和构建前端组件库了解几个问题为何需要组件化大部分项目起源都是源于业务方的各种各样的奇葩需求。作者是否私有,需要修改为才能发布到开源协议参考配置添加文件发布时,只有编译后的目录才需要被发布。 手牵手搭...

    forrest23forrest23 评论0 收藏0
  • 小程序外卖购物车 直接就能用~

    小程序外卖购物车 直接就能用~

    源码在 https://github.com/Pinenutss/... 欢迎给星星~~ showImg("https://segmentfault.com/img/bVboJT6?w=447&h=762"); showImg("https://segmentfault.com/img/bVboJUB?w=427&h=753"); showI...

    mingdemingde 评论0 收藏0
  • 手机端车牌号码键盘的vue组件

    手机端车牌号码键盘的vue组件

    手机端车牌号码键盘的vue组件源码在 https://github.com/Pinenutss/... 欢迎给星星~~showImg("https://segmentfault.com/img/bVboJWz"); showImg("https://segmentfault.com/img/bVboJXk"); showImg("https://s...

    KevenKeven 评论0 收藏0
  • 面试官常问——vue篇

    面试官常问——vue篇

    摘要:如果要相应状态改变,通常最好使用计算属性或取而代之。那解决问题的思路便是在改变的情况下,保证页面的不刷新。后面值的变化,并不会导致浏览器向服务器发出请求,浏览器不发出请求,也就不会刷新页面。 1.vue生命周期2.vue 双向绑定原理3.vue route...

    quietinquietin 评论0 收藏0
  • 表单密码自动填充hack

    表单密码自动填充hack

    摘要:甚至不分青红皂白,每个页面只要有类型的输入框,就会自动填充。请输入密码对于浏览器,如果页面上有两个以上的类型输入框,自动填充的时候只会填充第一个以及改输入框的上一个,分别填充账号和密码。 前言 写前端的,最讨厌的事有几个,其中一个就是...

    zollerozollero 评论0 收藏0
  • 手机H5 web调试利器——WEINRE (WEb INspector REmote) 安卓手机

    手机H5 web调试利器——WEINRE (WEb INspector REmote) 安卓手机

    摘要:如何使用是的缩写,可以远程调试页面。安装配置获取本机开启本地监听服务器浏览器打开效果如下将这段脚本放在需要调试的手机页面中就可以远程调试了,加载好之后就可以在下找到需要调试的页面了,和类似,也可以查看元素和控制台等。 调试移动端页面,...

    linkinlinkin 评论0 收藏0
  • Web页面中png jpg gif webp svg的区别和使用

    Web页面中png jpg gif webp svg的区别和使用

    PngPNG包括png-8和png-24 png-32 相对来说体积小;支持透明 24(160W)比8(256) 像素 色块 色彩 要多很多 8位保存的时候会有锯齿边缘 24位是透明边缘 24位PNG,支持160万种不同的像素颜色且支持Alpha透明效果,这就意味着,无论透明度设置为多少,PNG图...

    fizzfizz 评论0 收藏0
  • Will it finally: 关于 try/catch 的一些细节

    Will it finally: 关于 try/catch 的一些细节

    摘要:随着的出现,我最近发现自己在我的代码中使用了更多。但老实说,我终于用做了一点练习。当我去实际使用它时,我有点不确定它的细节。事实上,这就是本文的灵感来源。 随着async /await的出现,我最近发现自己在我的代码中使用了更多try /catch /finall...

    褰辩话褰辩话 评论0 收藏0
  • 超级详细的手写webpack4配置来启动vue2项目(附配置作用)

    超级详细的手写webpack4配置来启动vue2项目(附配置作用)

    摘要:基础目录结构以及各个文件的作用初始项目一路回车,一律使用默认的项目配置修改如下超级详细的手写配置来启动项目附配置作用说明用来启动命令这里将开发环境的配置传入到启动的中。 基础目录结构以及各个文件的作用 showImg("https://segmentfault.com...

    mtuniquemtunique 评论0 收藏0
  • 编写自适应高度的 textarea

    编写自适应高度的 textarea

    摘要:但是现在产品经理说了需要这个文本框可以根据用户输入内容自适应其高度。想法很简单,当用户输入的文本超过了文本框自身高度时不是会出现滚动条嘛,那么自然而然就能想到这个属性。就应该是用户输入文本的真实高度,至少超过文本框既定高度时是这样。 ...

    wenziwenzi 评论0 收藏0
  • JS: 将对象在转化成string在控制台中打印出现

    JS: 将对象在转化成string在控制台中打印出现

    直接使用如下方法,在使用时,直接consloe.log(objectString(object)) function objectString(o){ var r=[]; if(typeof o=="string"){ return """+o.replace(/([""])/g,"...

    baiybaiy 评论0 收藏0
  • 前端页面:一直报Cannot set property 'height' of

    前端页面:一直报Cannot set property 'height' of

    摘要:出现错误的例子,只拷贝了项目中关键出现问题的部分例子中明明写了这个属性,但是为什么还说未定义呢通过打印发现中的取出来被当成数组处理了,所以要加上菜鸟教程用在中动态添加元素初始化调用文本域高度自适应方法文本域自适应修改成 1、出现错误的...

    HwgHwg 评论0 收藏0
  • html textarea文本域高度自适应

    html textarea文本域高度自适应

    摘要:解决因为文本域宽度,测试了下,每行能输入个汉字,长度为。所以我监听输入的长度,当大于时就追加文本域高度。菜鸟教程获取文本长度,一个汉字长度为先把中文替换成两个字节的英文,在计算长度文本域自适应 1、可直接在 菜鸟教程网站测试页面中测试 ...

    enalienali 评论0 收藏0
  • 限制input输入小数只能到3位或者只能输入正整数(兼容ios)

    限制input输入小数只能到3位或者只能输入正整数(兼容ios)

    摘要:限制输入数字只能输入正整数包括天解析事件在用户输入时触发,元素值发生变化时立即触发。加上,是为了适应苹果系统。限制输入数字只能输入小数点最多到第三位的数字解析加上括号即为分组,分组从左到右分别用来表示,每个括号为一组。 我们在做表单输...

    chunquedongchunquedong 评论0 收藏0
  • CSS-伪类选择器(未完待续。。。)

    CSS-伪类选择器(未完待续。。。)

    摘要:满足结果的为和,但是不匹配类名为,所以最后匹配结果为结果类名顺序失效匹配每一级第三个标签且标签类名为的。匹配所有父级是的元素兄弟节点选择器匹配所有紧接着元素之后的元素 子节点选择器 :nth-of-type() && :nth-child() :nth-of-type(n) 匹配...

    未东兴未东兴 评论0 收藏0

热门文章

<