文章库ARTICLE COLUMN

  • 浏览器缓存原理以及本地存储

    浏览器缓存原理以及本地存储

    摘要:私有缓存就是用户专享的,各级代理不能缓存的缓存。代表使用内存中的缓存,则代表使用的是硬盘中的缓存,浏览器读取缓存的顺序为。 作为一名前端工作人员,前端的缓存知识是必须掌握的,因为一个网站打开网页的速度直接关系到用户体验,用户粘度,而提...

    roundstonesroundstones 评论0 收藏0
  • 【进阶1-1期】理解JavaScript 中的执行上下文和执行栈

    【进阶1-1期】理解JavaScript 中的执行上下文和执行栈

    摘要:首次运行代码时,会创建一个全局执行上下文并到当前的执行栈中。执行上下文的创建执行上下文分两个阶段创建创建阶段执行阶段创建阶段确定的值,也被称为。 (关注福利,关注本公众号回复[资料]领取优质前端视频,包括Vue、React、Node源码和实战、面试...

    import.import. 评论0 收藏0
  • JavaScript从初级往高级走系列————MVVM-Vue

    JavaScript从初级往高级走系列————MVVM-Vue

    摘要:原文博客地址如何理解如何实现是否解读过的源码与框架的区别实现实现独立初始化实例两者的区别数据和视图的分离,解耦开放封闭原则,对扩展开放,对修改封闭在中在代码中操作视图和数据,混在一块了以数据驱动视图,只关心数据变化, 原文博客地址:ht...

    codercaocodercao 评论0 收藏0
  • JavaScript设计模式之工厂模式

    JavaScript设计模式之工厂模式

    摘要:使用完全模式省略每个品牌的独有的属性方法这是一辆单车抽象工厂模式抽象工厂模式通过对类的工厂抽象使其业务用于对产品类簇的创建,而不负责创建某一类产品的实例。抽象类是一种声明但不能使用的类,当你使用时就会报错。 原文博客地址:https://fing...

    xiaotianyixiaotianyi 评论0 收藏0
  • 【进阶1-2期】JavaScript深入之执行上下文栈和变量对象

    【进阶1-2期】JavaScript深入之执行上下文栈和变量对象

    摘要:本计划一共期,每期重点攻克一个面试重难点,如果你还不了解本进阶计划,点击查看前端进阶的破冰之旅本期推荐文章深入之执行上下文栈和深入之变量对象,由于微信不能访问外链,点击阅读原文就可以啦。 (关注福利,关注本公众号回复[资料]领取优质前端...

    Richard_GaoRichard_Gao 评论0 收藏0
  • JavaScript设计模式之单例模式

    JavaScript设计模式之单例模式

    摘要:原文博客地址单例模式系统中被唯一使用,一个类只有一个实例。中的单例模式利用闭包实现了私有变量两者是否相等弱类型,没有私有方法,使用者还是可以直接一个,也会有方法分割线不是单例最简单的单例模式,就是对象。 原文博客地址:https://finget.g...

    lk20150415lk20150415 评论0 收藏0
  • JavaScript设计模式之适配器模式

    JavaScript设计模式之适配器模式

    摘要:旧接口格式和使用者不兼容,中间加一个适配器转换接口。模式作用使用一个已经存在的对象,但其方法或接口不符合你的要求。 原文博客地址:https://finget.github.io/2018/11/22/adapter/ 适配器模式 适配器模式(Adapter)是将一个类(对象)的接口(方法或...

    CNZPHCNZPH 评论0 收藏0
  • JavaScript设计模式之装饰器模式

    JavaScript设计模式之装饰器模式

    摘要:原文博客地址装饰器模式为对象添加新功能不改变其原有的结构和功能。手机壳就是装饰器,没有它手机也能正常使用,原有的功能不变,手机壳可以减轻手机滑落的损耗。 原文博客地址:https://finget.github.io/2018/11/22/decorator/ 装饰器模式 为对象添...

    tangr206tangr206 评论0 收藏0
  • 从零发布一个npm包

    从零发布一个npm包

    摘要:修改的就可以啦个人意见发布的名称的时候还是以你自己的名字的缩写为开头等。整个流程执行完毕的,你就可以去去看自己发布的包啦 发布的开始的基本条件 https://www.npmjs.com/ 注册一个账号在说~ 1、创建一个文件夹名字为 npmtest mkidr npmtest 2、...

    kbyyd24kbyyd24 评论0 收藏0
  • Mac联机调试移动端页面方法 和 移动端IOS遇到的兼容性问题

    Mac联机调试移动端页面方法 和 移动端IOS遇到的兼容性问题

    摘要:移动端失效需求点击一个,让某一个聚焦并弹出虚拟键盘。安卓可以聚焦,但是不会弹出虚拟键盘说明安卓机的表现也是异常的无法聚焦,也不会弹出虚拟键盘所以我的这边的实践结论是,如果希望在页面初始化过程中,让自动聚焦并弹出虚拟键盘。 移动端IOS遇...

    CoreDumpCoreDump 评论0 收藏0
  • Next.js项目实战踩坑指南

    Next.js项目实战踩坑指南

    摘要:项目实战踩坑指南移动端,滚动卡顿解决方案主容器增加样式路由跳转后样式丢失原因下样式根据页面动态加载,浏览器缓存文件造成样式不更新。跨域及传递的问题第一步,登录成功后服务器返回。第二步,浏览器自动缓存,再后续请求中携带此。 项目实战踩坑...

    用户83用户83 评论0 收藏0
  • 让子弹飞,零成本让你的网站更快一点,boxopened http/3 (QUIC) 协议实战

    让子弹飞,零成本让你的网站更快一点,boxopened http/3 (QUIC) 协议实战

    摘要:整体基于的开发,通过反代对外提供服务,之前通过配置,已经支持了协议,但是目前还不支持协议,于是只能想别的办法。经过一番谷歌再次感谢伟大的谷歌以后,发现了,一个新一代的服务器。目前对的支持还处于实验性质,所以要开启,要加上标志。 最近HT...

    huhudhuhud 评论0 收藏0
  • 教你webpack、react和node.js环境配置(下篇)

    教你webpack、react和node.js环境配置(下篇)

    摘要:上篇我介绍了前端下和等环境的配置,这篇将继续重点介绍后台的配置。我把所有代码都放到了我的上环境配置后台这边的配置就简单了很多,我这里拿的框架来配置。 上篇我介绍了前端下webpack和react、redux等环境的配置,这篇将继续重点介绍后台node.js的...

    SourcelinkSourcelink 评论0 收藏0
  • js操作DOM的class--防jquery

    js操作DOM的class--防jquery

    摘要:找不到该元素找不到该元素找不到该元素写这个的目的有两个。有时候不想引入,但是确实有必要对进行操作。 function removeClass(name){ var $ele = this.ele; if(!$ele){ console.log(">> 找不到该元素: id = ",ele);...

    SolomonXieSolomonXie 评论0 收藏0
  • bom笔记

    bom笔记

    摘要:不写第二个参数也可以方法的返回值是一个字符串有可能为空或者,具体分成三种情况。用户输入信息,并点击确定,则用户输入的信息就是返回值。用户点击了取消或者按了按钮,则返回值是。 总结bom笔记之前,先转载一篇大佬写的文章DOM和BOM操作 一、BOM...

    terenteren 评论0 收藏0
  • js数组的迭代方法

    js数组的迭代方法

    摘要:与和的相同点遍历数组三个参数分别是数组具体项,位置,数字本身返回的都是布尔值和的区别字面意思,遍历数组每一项,若全部,则返回参考还是字面意思,遍历数组每一项,若某一项为,则返回参考对数组中的每一项运行给定函数返回该函数会返回的项组成的...

    tabalttabalt 评论0 收藏0
  • Cloud Studio 优秀插件一览 | 附源码

    Cloud Studio 优秀插件一览 | 附源码

    摘要:内置功能,修改删除新增行的状态标记在行前,快速预览,每次修改内容一目了然。 Cloud Studio 为开发者提供了最极客的开发体验,包括完整的 Linux 环境, 自定义域名指向, 分享开发环境, 动态计算资源调整等,助你轻松完成各种应用的开发编译与部署。为...

    lightlight 评论0 收藏0
  • webpack学习笔记1

    webpack学习笔记1

    摘要:头部资源终将占据统治地位,成为前端项目构建工具的头部资源。模块化编程模块的概念是将程序拆解为离散的功能块,通常称这些功能块为模块。模块相对于程序而言,具有更小的体积,单个模块具有清晰的目的,方便进行开发测试维护等工作。 webpack作用 we...

    legendaryedulegendaryedu 评论0 收藏0
  • Browsers Disabled Audio AutoPlay

    Browsers Disabled Audio AutoPlay

    If you have used audio or video, I guess you probably know autoplay attribute. Sometimes, PM wants to use that. However, the browsers doesn"t want that. When I was using autoplay on 2018.10, I fi...

    leonardofedleonardofed 评论0 收藏0
  • cookie&session&localStorage

    cookie&session&localStorage

    摘要:浏览器在加载页面时发现响应头部有字段,就把这个种到浏览器指定域名下。当下次刷新页面时,发送的请求会带上这条,服务端在接收到后根据这个来识别用户。不参与网络传输。 写之前转载两篇写的很棒的文章先看看:Session和CookieSession和Cookie 一:c...

    BLUEBLUE 评论0 收藏0
  • web前端入门教程【1】

    web前端入门教程【1】

    摘要:本人水平有限,文中错误不当之处难免,敬请不吝赐教。前端需要什么前端工程师是离用户最近的开发人员,我们要让用户有最完美的体验忽略无理取闹的需求。掌握基本的前端开发技术。 showImg("https://segmentfault.com/img/bVbkf1c?w=1800&h=1200"); 本...

    shmilyshmily 评论0 收藏0
  • React入门0x014: Fragment

    React入门0x014: Fragment

    摘要:只有一个属性,那就是栗子可展开收缩的表格源码展开收起张三我很开心李四我也很开心王五我比张三和李四更开心效果 0x001 引出问题 让我们先来看一个栗子: class App extends React.Component { render() { return ( ...

    forrest23forrest23 评论0 收藏0
  • webpack配置学习二-开发环境和打包环境执行不同打包

    webpack配置学习二-开发环境和打包环境执行不同打包

    摘要:分开配置的原因前端项目的开发在开发过程中和上线时需要的依赖是不同的,所以要求使用打包的时候要能够在两种情况下执行不同的配置。在中的属性中配置开发打包命令和上线打包命令,指定不同的配置文件。 分开配置的原因 前端项目的开发在开发过程中和...

    gxyzgxyz 评论0 收藏0
  • 让编码习惯穿越编辑器editorConfig

    让编码习惯穿越编辑器editorConfig

    摘要:编辑器就是生产力,符合个人编程习惯和风格的编辑器能给开发带来轻松愉快的心情和生产力。意义存在的目的是项目代码在不同的编辑器中能够有相同的视觉呈现,使用不同的编辑器开发也能够保持一贯的代码风格和编程习惯。 编辑器就是生产力,符合个人编程...

    邹立鹏邹立鹏 评论0 收藏0
  • 一次性搞懂js中的原型与原型链

    一次性搞懂js中的原型与原型链

    摘要:每个原型都有一个属性指向关联的构造函数由于实例对象可以继承原型对象的属性,所以实例对象也拥有属性,同样指向原型对象对应的构造函数。 showImg("https://segmentfault.com/img/remote/1460000017183104?w=1300&h=834"); 构造函数:function Foo (...

    FreemanFreeman 评论0 收藏0

热门文章

<