文章库ARTICLE COLUMN

  • js 实现上下拖动改变父 div 的高度,左右上下拖动动态分割孩子的宽高

    js 实现上下拖动改变父 div 的高度,左右上下拖动动态分割孩子的宽高

    摘要:需求实现父里面左右,上下动态分割,并上下改变父的高度,并且宽和高都是按百分比如图。一个改变父高度的,用于上下拖动不能占有位置,所以要绝对定位,并定位到最右下角。上下拖动的,当上拖动时,的父的高度变小,当下拖动时,的父的高度变大。 show...

    asorenasoren 评论0 收藏0
  • HTML基础的捡漏

    HTML基础的捡漏

    摘要:如小于号既可以用实体名称表示,也可以用实体编号表示。显示结果描述实体名称实体编号空格小于号大于号和号版权乘号双引号更多可参看本地路径方面,如在磁盘里面访问,约定使用反斜线作为路径中的分隔符,如娱乐音乐蓝莲花而系统使用正斜线,如蓝莲花。...

    oujieoujie 评论0 收藏0
  • 从0开始,编写一个验证函数(工具函数)

    从0开始,编写一个验证函数(工具函数)

    摘要:一个验证的过程,一般便是分为这几步,我们可以按照这个步骤设计出自己的验证函数。验证的方法,返回一个布尔值调用验证方法这里是调用验证函数的方法,和上面的定义结合起来。 为什么要写验证函数 将验证过程变成多个步骤 完成一个基本的验证函数 ...

    A  LoityA Loity 评论0 收藏0
  • 用jquery写贪吃蛇

    用jquery写贪吃蛇

    需要具备知识:1.html、css基础2.jquery基础 具体实现方法: 创建游戏界面 .bts { display: flex; } .bt { width: 60px; height: 24px; line-height: 24px...

    gitmilkgitmilk 评论0 收藏0
  • 移动端适配之二:visual viewport、layout viewport和ideal view

    移动端适配之二:visual viewport、layout viewport和ideal view

    摘要:对于,浏览器全屏状态下,其的值为。的大小可以通过和,实际使用中可能会有一些兼容问题,这跟声明有关。是为了能将电脑上的网页正确的显示到手机上。调整的大小,让其在的查看下有最佳效果,就是我们想要的移动端适配。 上一篇博文,可算把像素这个东...

    junbaorjunbaor 评论0 收藏0
  • 前端常见知识点汇总(面试)-HTML和CSS部分

    前端常见知识点汇总(面试)-HTML和CSS部分

    摘要:一内联元素与行元素的区别内联元素即行内元素。绝对定位,相对于定位以外的第一个父元素进行定位,元素脱离文档流。 一、内联元素与行元素的区别 1、内联元素即行内元素。2、内联元素,在文档流中挤在一行;不能设置宽高(即,即使设置了也不管用,例...

    wuyangnjuwuyangnju 评论0 收藏0
  • Vue源码解析:AST语法树转render函数

    Vue源码解析:AST语法树转render函数

    摘要:源码解析这边解析的是从树转换成函数部分的源码,由于第一次提交的源码这部分不全,故做了部分更新,代码全在文件夹中。入口整个语法树转函数的起点是文件中的函数明显看到,函数传入参数为语法树,内部调用函数开始解析根节点容器节点。 通过对 Vue2...

    trilevertrilever 评论0 收藏0
  • 关于git常用命令

    关于git常用命令

    git常用命令 git常用命令 初始化本地git环境  git init 克隆一份代码到本地仓库   git clone XXX 把远程库的代码更新到工作台   git pull 强制把远程库的代码跟新到当前分支上面   git pull --rebase origin master 把远程库的代码更新...

    lvzishenlvzishen 评论0 收藏0
  • 计算数组元素重复的个数,并把出现次数相同的统计一起。

    计算数组元素重复的个数,并把出现次数相同的统计一起。

    摘要:计算数字的重复个数数字值为出现的次数为请输入正确的数字分隔符计算重复个数相同的数字对象对象出现的次数为出现这些次数的数字为出现的次数数字运行结果输入出现的次数数字出现的次数数字 简单的一点样式 label{display: block; margin-bottom:...

    LuDongWeiLuDongWei 评论0 收藏0
  • 关于js计算非等宽字体宽度的方法

    关于js计算非等宽字体宽度的方法

    摘要:准备一个容器首先在外插入一个的容器避免重绘计算方法总结出了两种方法,这里由于我使用的是,其他元素同理。下面先说性能最好的一个方法,先创建所有的元素,然后统一到准备好的容器里。 准备一个容器 首先在body外插入一个absolute的容器避免重绘: ...

    B0B0B0B0 评论0 收藏0
  • 代码高亮,highlight.js的调用方法及其问题

    代码高亮,highlight.js的调用方法及其问题

    摘要:是一个用来高亮代码的插件下载地址配色参考使用方法你好结果可以看到使用只需要三步引入引入调用函数。有时候我们不想一出来就编译代码块,例如需要鼠标点击按钮然后在编译等。这时候调用函数是发现不能够编译。这时候就可以调用函数。 highlight.js是...

    EminjannnEminjannn 评论0 收藏0
  • 2018.12.24 无障碍学习小计

    2018.12.24 无障碍学习小计

    摘要:在中的规范,包括关于角色可以使用哪些元素和不使用哪些元素的指导英不启用将网页某个部分标记为,以便及时向用户显示更新内容,而不是用户浏览这部分网站时更新可能位于初始页面加载中不同的屏幕阅读器和辅助技术对不同更改的响应不同,如果辅助技术不...

    masturbatormasturbator 评论0 收藏0
  • vux-ui的ViewBox的坑

    vux-ui的ViewBox的坑

    摘要:链接该组件为高布局,可以解决部分键盘输入的问题,但是同时会在中出现向下滚动时无法自动隐藏工具栏和底部栏的问题。在里元素定位为,效果等同于。 链接 https://doc.vux.li/zh-CN/comp... 该组件为100%高布局,可以解决部分键盘输入的问题,但是同时...

    luodongseuluodongseu 评论0 收藏0
  • 11种方法实现一个tips带有描边的小箭头(更新中...)

    11种方法实现一个tips带有描边的小箭头(更新中...)

    摘要:查看效果第六种和背景描边旋转此方法就是设置一个宽度和高度分别为的方块背景,然后背景相邻的两条边描边再有的属性旋转角度,来实现箭头的朝向。 showImg("https://segmentfault.com/img/bVbmX2F?w=400&h=277"); 我们在网页开发中实现一个tips时会有...

    李涛李涛 评论0 收藏0
  • 10分钟入门 CSS3 Animation

    10分钟入门 CSS3 Animation

    摘要:中文译为转换,但我更倾向于称呼它变形大名鼎鼎的变形金刚叫。意为缩放,顾名思义,是用于改变元素的大小。每个时间点对应一个状态,代表一个关键帧。我们可以在可视化的创建我们自己的贝塞尔曲线。 简介 Animation可以让你不用依赖javascript或jquery...

    ElleElle 评论0 收藏0
  • 浏览器的回流和重绘

    浏览器的回流和重绘

    摘要:例如对于复杂动画效果,由于会经常的引起回流重绘,因此,我们可以使用绝对定位,让它脱离文档流,成为一个多带带的图层。 浏览器的渲染过程 showImg("https://segmentfault.com/img/bVblB7y?w=624&h=289"); 从上面这个图上,我们可以看到,浏览器渲染...

    zhoutkzhoutk 评论0 收藏0
  • 上百道最新前端面试题

    上百道最新前端面试题

    摘要:项目地址持续更新欢迎关注前端安全其他更多技术文章如果对你有帮助,请给个 项目地址 持续更新,欢迎关注 JavaScript CSS HTML 前端安全 HTTP 其他 Vue 更多技术文章 如果对你有帮助,请给个Star...

    FingerLiuFingerLiu 评论0 收藏0
  • js格式化xml并高亮显示关键字

    js格式化xml并高亮显示关键字

    摘要:构造函数对象解析文本并返回一个对象。要使用,使用不带参数的构造函数来实例化它,然后调用其方法不支持对象。可能是或中的一个。实战格式化高亮显示节点层级。方便前面添加多少个空格缩进将标签转化成实体样式格式格式化效果 w3school XML DOM - DOM...

    BWrongBWrong 评论0 收藏0
  • 前端面试题总结

    前端面试题总结

    摘要:还有天,年便过去了,回头看看,这段时间自己有出去面试过,也遇到了很多面试题,以下是我的一些总结,这篇关于面试的文章,我也会不定时的更新。然而,如果前一个定时器尚未执行,其实就是将其替换为一个新的定时器。 还有7天,2018年便过去了,回头...

    tinysun1234tinysun1234 评论0 收藏0
  • JavaScript引擎

    JavaScript引擎

    摘要:由于这些是驱动的工具,因此它们由引擎提供支持。两个主要引擎是的和的引擎。然后,四个即时进程启动,分析并执行解析器生成的字节码。简单来说,这个引擎获取源代码,将其分解为字符串,获取这些字符串并将它们转换为编译器可以理解的字节码,然后执行...

    garfileogarfileo 评论0 收藏0
  • 理解 line-height 和 vertical-align

    理解 line-height 和 vertical-align

    摘要:我认为应该将理解为。如果的值是,高度就是等于。中所有的最高点以及最低点决定了它的高度该计算包括了的高度,后文会提到。非替换元素的的,以及并不会影响高度的计算。并不是两条之间的距离。元素的垂直中点位置与父元素的基线加上一半的位置对齐。 ...

    junfeng777junfeng777 评论0 收藏0
  • 圣诞节,中国开源世界炸锅了@阿里巴巴

    圣诞节,中国开源世界炸锅了@阿里巴巴

    摘要:但是万万没想到,在中国的开源世界里已经炸开了锅。还有人说风凉话,国内的开源项目比不上国外的,中国人就是不行。开源作品就是发现问题不断完善的过程,希望能涌现出更多的国内开源作品。 今天和往常并没有什么区别,最为一名小程序员,我照常开始自...

    shuiboshuibo 评论0 收藏0
  • Angular2模板语法总结

    Angular2模板语法总结

    摘要:模板语法插值表达式如模板表达式模板表达式产生一个值。如双向数据绑定一绑定语法概览提供了各种各样的数据绑定,本章将逐一讨论。这个目标可能是元素组件指令的元素组件指令的事件,或极少数情况下名。类绑定绑定的语法与属性绑定类似。 1、模板语法 ...

    avwuavwu 评论0 收藏0
  • 2018年年终总结

    2018年年终总结

    摘要:一思否年让我习惯了使用思否,经常登录这个网站,问问题看文章回答问题。近期发生了一件不愉快的事情。在此记录下发布帖子时,需要注意保护下个人隐私。这是教养的问题。学习并使用做项目。并且定期总结整理知识点,并写成文章分享出去。 一.思否 18...

    shiyang6017shiyang6017 评论0 收藏0
  • 字符串的扩展

    字符串的扩展

    摘要:字符串的扩展字符的表示法参数与数组字符串的遍历使用循环遍历传统的字符串只有方法,可以用来确定一个字符串是否包含在另一个字符串中。返回布尔值,表示参数字符串是否在原字符串的头部。 字符串的扩展 1.字符的 Unicode 表示法 rest参数与数组 func...

    opengpsopengps 评论0 收藏0

热门文章

<