文章库ARTICLE COLUMN

  • 使用contenteditable+div模拟textarea文本域实现高度自适应

    使用contenteditable+div模拟textarea文本域实现高度自适应

    摘要:使用该组件注意一个问题就是不要在可视化区域的节点上使用样式,否则会出现当鼠标焦点小时光标和小水滴无法消失的情况地址项目地址参考链接模拟文本域轻松实现高度自适应如何让元素只能输入纯文本 使用contenteditable+div模拟textarea文本域实现高度...

    seasonleyseasonley 评论0 收藏0
  • HTML DOM 级别以及一些小坑 #14

    HTML DOM 级别以及一些小坑 #14

    摘要:微软在网页技术上加入了不少专属事物,计有以及微软自家的格式等,使不少网页使用非微软平台及浏览器无法正常显示。关于第三个参数可以看我之前的文章在年推出,直到年后的年,微软发布的才遵循这个标准。 文章首发在《你可能不知道的前端知识点》专栏...

    awokezhouawokezhou 评论0 收藏0
  • 深入了解babel(二)

    深入了解babel(二)

    摘要:接着上一篇文章深入了解一的处理步骤的三个主要处理步骤分别是解析,转换,生成。模块是的代码生成器,它读取并将其转换为代码和源码映射抽象语法树抽象语法树在以上三个神器中都出现过,所以对于编译器来说至关重要。 接着上一篇文章《深入了解babel...

    mjmj 评论0 收藏0
  • 一次前端笔试总结

    一次前端笔试总结

    摘要:另外,原题还有字数限制的,只有在字数小于并且结果正确时才可以满分。插入节点操作的可以使用和方法,随便用一个都行。但是,这题有两个限制条件优雅的方式前个元素。 1.有一个长度未知的数组a,如果它的长度为0就把数字1添加到数组里面,否则按照先...

    honhonhonhon 评论0 收藏0
  • Frontend Engineer Booklist 前端书单

    Frontend Engineer Booklist 前端书单

    摘要:初级书单深入理解人评价作者徐涛出版社机械工业出版社出版年年月日赞回复添加到豆列来自豆瓣读书响应式设计人评价作者出版社人民邮电出版社出版年年月日赞回复添加到豆列来自豆瓣读书深入浅出中文版人评价作者马劳克林出版社东南大学出版社出版年年月 ...

    pekonchanpekonchan 评论0 收藏0
  • electron+vue制作桌面应用--自定义标题栏

    electron+vue制作桌面应用--自定义标题栏

    摘要:会默认显示边框和标题栏,如下图我们来看一下如何自定义一个更加有意思的标题栏,例如网易云音乐这种首先我们要把默认的标题栏删掉,找到主进程中创建窗体部分,时添加参数即可这样会把标题栏和边框一并隐藏然后我们开始制作自己的标题栏创建组件这里 ...

    韩冰韩冰 评论0 收藏0
  • vue学习笔记(五)

    vue学习笔记(五)

    摘要:各模块各司其职,提高开发效率。使用生成的项目目录里,我们主要关注目录。这个是我们之前提到的单页面组件。这是项目的路由文件,存放项目中所有的路由。这里和我们之前所学没什么不同,不过是涉及了不少的知识。 一、vue模块化开发 所谓的模块化开发...

    paulqueipaulquei 评论0 收藏0
  • electron+vue制作桌面应用--自定义标题栏最大/小化和关闭

    electron+vue制作桌面应用--自定义标题栏最大/小化和关闭

    摘要:上一篇制作桌面应用自定义标题栏中我们介绍了如何使用制作自定义样式的标题栏接下来,我们介绍一下标题栏上的最大化最小化和关闭按钮如何实现首先查阅文档部分,我们发现已经准备好和三个方法供我们调用了。 上一篇:electron+vue制作桌面应用--自定义...

    FreeZinGFreeZinG 评论0 收藏0
  • 深入理解行内元素的布局

    深入理解行内元素的布局

    摘要:看上面的例子我们也能看出来,实际上一个内联元素是有两个高度的高度实际渲染的那个高度和高度实际区域占空间的高度也就是。 前言 总括: 本文通过实例讲解CSS中最大的难点之一,行内元素的布局,主要是挖掘line-height和vertical-align两个属性在布局...

    ccj659ccj659 评论0 收藏0
  • 微信小程序教学第三章第四节(含视频):小程序中级实战教程:下拉更新、分享、阅读标识

    微信小程序教学第三章第四节(含视频):小程序中级实战教程:下拉更新、分享、阅读标识

    摘要:下拉更新分享阅读标识本文配套视频地址开始前请把分支中的目录导入微信开发工具这一篇中,我们把列表这块的剩余功能做完下拉更新分享阅读标识。 下拉更新、分享、阅读标识 本文配套视频地址:https://v.qq.com/x/page/h0554... 开始前请把 ch3-4 分支...

    chemzqmchemzqm 评论0 收藏0
  • 玩转 React(五)- 组件的内部状态和生命周期

    玩转 React(五)- 组件的内部状态和生命周期

    摘要:另外本文中会介绍一个通过类继承方式定义的组件的生命周期,以及在各个生命周期函数中能做什么,不能或尽量不要做什么。各个生命周期函数介绍及使用经验。获取组件的初始内部状态在中。该声明周期函数可能在两种情况下被调用组件接收到了新的属性。 文...

    ASCHASCH 评论0 收藏0
  • 标签<a>的最佳实践

    标签<a>的最佳实践

    摘要:也就是说,在大多数情况下,他们只关注标签中的,而忽略标签周围的上下文。就算对于大多数正常使用浏览器的用户来说,人们也容易只被标签中的内容吸引,而忽略上下文。总之,保持标签中的关键字简洁是非常重要的。 什么是标签 官方定义是这样的: The ...

    jsyzchenjsyzchen 评论0 收藏0
  • vue根据按钮进行中英文切换

    vue根据按钮进行中英文切换

    摘要:刚学习不久,所以对了解还不是很深,一直处于边做边查的状态,这几天开发一个双语网站。内容如下,希望对大家有帮助。 刚学习vue不久,所以对vue了解还不是很深,一直处于边做边查的状态,这几天开发一个双语网站。内容如下,希望对大家有帮助。安装 ...

    lifesimplelifesimple 评论0 收藏0
  • Web网页布局的主要方式

    Web网页布局的主要方式

    摘要:改变屏幕分辨率可以切换不同的静态局部页面元素位置发生改变,但在每个静态布局中,页面元素不随窗口大小的调整发生变化。即创建多个流体式布局,分别对应一个屏幕分辨率范围。 一、静态布局(static layout)   即传统Web设计,网页上的所有元素的...

    shiinashiina 评论0 收藏0
  • 前端:手机移动端重写网页alert(隐藏网址提示以及样式参照iphone无标题样式)

    前端:手机移动端重写网页alert(隐藏网址提示以及样式参照iphone无标题样式)

    摘要:重写方法展示效果如图很简单重写,两个做成伪提示框,同时加遮罩制止用户操作。 重写alert() 方法 展示效果如图 showImg("https://segmentfault.com/img/bVXBv8?w=406&h=202"); 很简单 重写alert,两个div 做成伪提示框,同时加遮罩制止用户操作。 ...

    sf190404sf190404 评论0 收藏0
  • HTML中的meta的属性作用

    HTML中的meta的属性作用

    摘要:参数,代表说明网站的采用的什么软件制作。的信息参数,表示说明此网站的版权信息。设置显示窗口的默认设定强制改变页面在当前窗口的显示方式为独立显示,可以用来防止别人在框架里调用自己的页面。 在写前端页面时,常常忽略meta标签的作业,只是习惯...

    shadajinshadajin 评论0 收藏0
  • 哪些你知道或不知道的css,在这里或许都齐全

    哪些你知道或不知道的css,在这里或许都齐全

    摘要:简单就意味着更快的开发速度,更小的维护成本,同时往往具有更好的体验下面我介绍哪些或许你不知道小技巧。默认为,此时阴影与元素同样大。如果没有指定,则由浏览器决定通常是的值,不过目前取透明。首先,我们要明白这里的最小宽度值是什么意思。 暑...

    fai1017fai1017 评论0 收藏0
  • 浅谈前后端分离与实践 之 nodejs 中间层服务(二)

    浅谈前后端分离与实践 之 nodejs 中间层服务(二)

    摘要:服务端任需要进行校验来达到数据的可靠性前端的路由可能在服务端并不存在等等这一系列重用性的问题。串行并行,大幅缩短请求时间。关于作者本人主页本文部分图片段落参考文章淘宝前后端分离实践微信公众号会不定期推送前端技术文章,欢迎关注 一、背景...

    mochixuanmochixuan 评论0 收藏0
  • 哔哩哔哩2018校招前端笔试

    哔哩哔哩2018校招前端笔试

    摘要:前言前几日,哔哩哔哩在电子科大清水河校区举行了校招宣讲会。博文地址哔哩哔哩校招前端笔试第一题给定一个整数数组,找到具有最大和的子数组,返回最大和。 前言 前几日,哔哩哔哩在电子科大清水河校区举行了校招宣讲会。B站不用多说,中国最大的同性...

    zhonghanwenzhonghanwen 评论0 收藏0
  • 微信小程序教学第三章(含视频):小程序中级实战教程:列表-静态页面制作

    微信小程序教学第三章(含视频):小程序中级实战教程:列表-静态页面制作

    摘要:列表开发准备本文配套视频地址开始前请把分支中的目录导入微信开发工具这一章主要会教大家如何用小程序制作一个可以无限加载的列表。包含文章视频源代码原创新书移动前端高效开发实战已在亚马逊京东当当开售。 § 列表 - 开发准备 本文配套视频地址:h...

    shaonbeanshaonbean 评论0 收藏0
  • vue学习笔记(三)

    vue学习笔记(三)

    摘要:直接创建组件使用标签名组件模板,根据组件构造器来创建组件。相应的,实例也被称为父组件。而且不允许子组件直接修改父组件中的数据,强制修改会报错。 一、组件 (一)什么是组件 组件(Component)是 Vue.js最强大的功能之一。组件可以扩展 HTML元...

    zsirfszsirfs 评论0 收藏0
  • 微信小程序教学第三章(含视频):小程序中级实战教程:列表-页面逻辑处理

    微信小程序教学第三章(含视频):小程序中级实战教程:列表-页面逻辑处理

    摘要:包含文章视频源代码原创新书移动前端高效开发实战已在亚马逊京东当当开售。最新活动报名地址与天天练口语小程序总榜排名第四教育类排名第一的研发团队,面对面沟通交流。 § 页面逻辑处理 本文配套视频地址:https://v.qq.com/x/page/n0554... 开始前...

    codeKKcodeKK 评论0 收藏0
  • css居中办法学习笔记

    css居中办法学习笔记

    摘要:常用于文字对其居中第五种居中好处就是不可不用定义宽高,但是对于不兼容的浏览器没有作用第六种伪类居中第八种布局同样,会存在浏览器兼容问题 第一种:通过margin负值 .one{ position: absolute; width: 200px; height: 200px; to...

    philadelphiaphiladelphia 评论0 收藏0
  • 从Adobe Photoshop CC 2018的“新建Web”看Web网页常见分辨率

    从Adobe Photoshop CC 2018的“新建Web”看Web网页常见分辨率

    摘要:从的新建看网页常见分辨率试用了,看一下页面分辨了大小默认设计。 从Adobe Photoshop CC 2018的新建Web看Web网页常见分辨率 试用了Adobo Photoshop CC 2018,看一下Web页面分辨了大小默认设计。 新建网页规格: Web最常见尺寸:1366*768 像素 72p...

    wangdaiwangdai 评论0 收藏0
  • 前端开发清单

    前端开发清单

    摘要:它基于前端开发人员多年的经验沉淀,以及其他优秀的开源清单。在上投票或推荐来帮助前端清单的推广。跨站点请求伪造防范清单跨站脚本攻击页面或网站没有攻击的可能性。 原文地址:Front-End-Checklist 原文作者:David Dias 译者:JohnsenZhou 文...

    pubdreamccpubdreamcc 评论0 收藏0

热门文章

<