文章库ARTICLE COLUMN

  • 厌倦了写活动页?快来撸一个页面生成器吧!

    厌倦了写活动页?快来撸一个页面生成器吧!

    摘要:前言如果你经常接触一些公司的活动页,可能会经常头疼以下问题这些项目周期短,需求频繁,迭代快,技术要求不高,成长空间也小。但是我们还是马不停蹄的赶着产品提来的一个个需求,随着公司规模的增加,我们不可能无限制的增加人手不断地重复着这些活动...

    liaosilzu2007liaosilzu2007 评论0 收藏0
  • JavaWEB开发05_Bootstrap

    JavaWEB开发05_Bootstrap

    摘要:类用于宽度,占据全部视口的容器。通过行在水平方向创建一组列。通过为列设置属性,从而创建列与列之间的间隔。 上次课内容:什么JQ : write less do more 写更少的代码,做更多的事情 javascript函数库 基本选择器: ​ ID选择器: #ID名称 ​ 类...

    coolpailcoolpail 评论0 收藏0
  • 译-使用Scroll Snapping实现CSS控制页面滚动

    译-使用Scroll Snapping实现CSS控制页面滚动

    摘要:过去滚动捕捉只能通过实现,但现在得益于新的滚动捕捉模块,这种效果已经可以通过实现了。同时令人庆幸的是浏览器可以根据用户的滚动方式自动控制并判断是否利用捕捉点捕捉。 特别声明,本文翻译自@alligatorio的Control Page Scroll in CSS Using Scr...

    TychioTychio 评论0 收藏0
  • css grid布局入门

    css grid布局入门

    摘要:简介网格布局又称网格,是一种二维网格布局系统。在处理网页布局方面一直做的不是很好。网格容器中的所有子元素就会自动变成网格项目网格线组成网格线的分界线。 简介 CSS网格布局(又称网格),是一种二维网格布局系统。CSS在处理网页布局方面一...

    wzypluswzyplus 评论0 收藏0
  • 移动端优先的flex三栏布局

    移动端优先的flex三栏布局

    摘要:弹性盒或,是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列对齐和分配空白空间。 默认情况下先显示移动端,通过 @media 属性适...

    junbaorjunbaor 评论0 收藏0
  • h5性能优化,细节决定结果。

    h5性能优化,细节决定结果。

    摘要:介绍一些最近整理的优化细节。今天就说一下大家写代码时可以培养的优化的细节点。有自动化生成方案。其实优化的细节很多,所以要好好培养自己的编码习惯,积少成多,慢慢的不断积累,代码的质量肯定就不同了。 介绍一些最近整理的优化细节。图片压缩什...

    wangshijunwangshijun 评论0 收藏0
  • CSS单位计算总结

    CSS单位计算总结

    摘要:单位总结公共部分长度像素,同一屏幕分辨率下是绝对单位。 CSS单位总结 公共部分css body { background-color: #000; color: skyblue; margin: 0; padding: 0; } body>div>div { border: 1px solid cyan; padding: 10px; mar...

    468122151468122151 评论0 收藏0
  • 深入浅出JavaScript运行机制

    深入浅出JavaScript运行机制

    摘要:主线程从任务队列中读取事件,这个过程是循环不断的,所以整个的这种运行机制又称为事件循环。上面也提到,在到达指定时间时,定时器就会将相应回调函数插入任务队列尾部。这就是定时器功能。关于定时器的重要补充定时器包括与两个方法。 一、引子 本...

    魏明魏明 评论0 收藏0
  • 实习项目开发总结

    实习项目开发总结

    摘要:数组中有数个对象,每个对象包和一些其他的基本信息。现在要将数个展示,且在其下方展示其包含的。单个单个注意两个中的参数使用。 非父子组件间的通信 在src中创建一个eventbus.js作为eventbus的中转站 使用emit与on来在不同组件中监听事件 import ...

    I_AmI_Am 评论0 收藏0
  • 一些常用的 CSS 技巧和知识点

    一些常用的 CSS 技巧和知识点

    摘要:有没有一个地方,没有一大堆介绍我可能只是忘了怎么拼写,能让我直接复制粘贴呢于是应运而生了。以最简洁的语言描述问题或者介绍,总结一些常用的技巧和一些常用的规范理论。 作为一名前端工程师,CSS 是必备技能之一,然而在日常开发中,总有那么些时...

    chaosx110chaosx110 评论0 收藏0
  • 小程序学习笔记(1)

    小程序学习笔记(1)

    摘要:接受一个参数,其指定小程序的生命周期回调等。前台后台定义当用户点击左上角关闭,或者按了设备键离开微信,小程序并没有直接销毁,而是进入了后台当再次进入微信或再次打开小程序,又会从后台进入前台。 1. 注册小程序 ---------- 用App() 函数来注...

    shaonbeanshaonbean 评论0 收藏0
  • vue入门文章

    vue入门文章

    摘要:本来想自己写一篇关于入门的文章。后面可能在这篇文章基础上,有所内容的增加。预处理器定义了一种新的专门的编程语言,编译后成正常的文件。 本来想自己写一篇关于vue入门的文章。但是看到链接的文章后,觉得写得太详细了,实在有保存下来的必要。后...

    seanHaiseanHai 评论0 收藏0
  • 原型模式故事链(3)--JS的数据类型、以及区别、区分、转化

    原型模式故事链(3)--JS的数据类型、以及区别、区分、转化

    摘要:所以不论你妈妈是喊,狗蛋回家吃饭了,还是喊小明回家吃饭了,其实喊的都是你。当然的嘛狗蛋买了件新衣服,小明当然就有这件新衣服了。。。 上一章--原型链讲解:传送门:https://segmentfault.com/a/11... 在上一章讲解原型链时提到了:所有的引用类...

    RiverLiRiverLi 评论0 收藏0
  • Web前端经典面试试题(三)

    Web前端经典面试试题(三)

    摘要:包含基于和标准的表示使用进行动态显示和交互使用与服务器进行异步通信使用绑定一切。重定向表示要完成请求,需要进一步操作。方法可将一个函数的对象上下文从初始的上下文改变为由指定的新对象。 一. 什么是Ajax??? 术语Ajax用来描述一组技术,它...

    JackJiangJackJiang 评论0 收藏0
  • 基于clamp.js封装vue指令,处理多行文本的溢出

    基于clamp.js封装vue指令,处理多行文本的溢出

    摘要:最近做项目时,遇到了一个需求要求里文本在两行显示,的宽度是固定的,如果溢出的话就显示省略号。用来限制在一个块元素显示的文本的行数。为了实现该效果,它需要组合其他的属性。为了更好的跟相结合,今天我们就封装一个的指令,来方便的解决这个问题...

    keithxiaoykeithxiaoy 评论0 收藏0
  • JavaWEB开发03——JS

    JavaWEB开发03——JS

    摘要:返回包含带有指定标签名称的所有元素的节点列表集合节点数组。增加节点创建属性节点。删除节点删除子节点。 今日任务 使用JS完成页面定时弹出广告 使用JS完成表单的校验 使用JS完成表格的隔行换色 使用JS完成复选框的全选效果 使用JS完成省市的联动效...

    tomenertomener 评论0 收藏0
  • 身为前端开发工程师,你需要了解的搜索引擎优化SEO.

    身为前端开发工程师,你需要了解的搜索引擎优化SEO.

    摘要:如果描述与网页内容相符,百度会把当做摘要的选择目标之一,一个好的会帮助用户更方便的从搜索结果中判断你的网页内容是否和需求相符。框架不建议使用和框架结构,通过显示的内容可能会被百度丢弃。 网站url网站创建具有良好描述性、规范、简单的url,...

    crossoverJiecrossoverJie 评论0 收藏0
  • 细说数组常用遍历的方法

    细说数组常用遍历的方法

    摘要:需要返回值,如果不给,默认返回使用场景假定有一个数值数组将数组中的值以双倍的形式放到数组写法方法使用场景假定有一个对象数组将数中对象某个属性的值存储到数组中三从数组中找出所有符合指定条件的元素检测数值元素,并返回符合条件所有元素的数组...

    阿罗阿罗 评论0 收藏0
  • 前端入门-day3(CSS中浮动和清除浮动)

    前端入门-day3(CSS中浮动和清除浮动)

    摘要:写在前面浮动是中一个相对比较麻烦的属性,与之伴随的通常是清除浮动。清除浮动因此,当我们用到了浮动,又不想出现这种情况的时候,就需要清除浮动。因此,注意浮动的使用场景,并且在需要的时候清除浮动,就可以很好的控制浮动啦 写在前面 浮动是CSS...

    googolleegoogollee 评论0 收藏0
  • 原型模式故事链(4)--JS执行上下文、变量提升、函数声明

    原型模式故事链(4)--JS执行上下文、变量提升、函数声明

    摘要:代码在执行之前会先全局中变量提升函数声明。函数的执行上下文,也就是在这个函数范围内找到函数执行上下文中函数范围内,所有用声明的变量。函数执行时,按照执行位置查找变量作用域只会向上查找。下一回变量作用域与闭包 上一章:JS的数据类型 传送...

    melody_lqlmelody_lql 评论0 收藏0
  • css动画之clip

    css动画之clip

    摘要:先看效果属性剪裁绝对定位元素。当一幅图像的尺寸大于包含它的元素时会发生什么呢属性允许您规定一个元素的可见尺寸,这样此元素就会被修剪并显示为这个形状。附送一张解密图借鉴张鑫旭博文 先看效果showImg("https://segmentfault.com/img/bVbiInH?w=...

    lolomacololomaco 评论0 收藏0
  • 偶然发现了另一种跨域方式,不知道有没有人这么玩过

    偶然发现了另一种跨域方式,不知道有没有人这么玩过

    摘要:众所周知,利用浏览器不限制加载跨域外部资源的特性,使用标签属性请求接口,加载数据,在中触发提前声明好的函数拿到数据,前端的前辈们这一手操作简直就是犀利。现代浏览器提供了这个,使得通过可以拿到某个元素最终应用的样式。 众所周知,jsonp利...

    NoraXieNoraXie 评论0 收藏0
  • 小程序初始认识

    小程序初始认识

    摘要:仅支持部分选择器交互交互逻辑与类似,此外还有丰富的小程序。中的是一个页面构造器,通过它,结合小程序框架把和一起渲染出最终的结构。 我的第一个小程序 1.首先搭建小程序所需环境,在微信公众平台上按照起步,申请账号、登记信息、获取到AppID接...

    forrest23forrest23 评论0 收藏0
  • JavaWEB开发04——JQuery

    JavaWEB开发04——JQuery

    摘要:设计的宗旨是,,即倡导写更少的代码,做更多的事情。它封装常用的功能代码,提供一种简便的设计模式,优化文档操作事件处理动画设计和交互。 今日任务 使用JQuery完成页面定时弹出广告 定时器: ​ setInterval clearInterval ​ setTimeou...

    chunquedongchunquedong 评论0 收藏0
  • 原生JS实现DOM粒子爆炸效果

    原生JS实现DOM粒子爆炸效果

    摘要:爆炸动效分享前言此次分享是一次自我组件开发的总结,还是有很多不足之处,望各位大大多提宝贵意见,互相学习交流。粒子实现实现思路希望在粒子管控组件时,使用的方式创建粒子,每个粒子存在自己的动画开始方法,动画结束回调。 爆炸动效分享 前言 此...

    KunMinXKunMinX 评论0 收藏0

热门文章

<