文章库ARTICLE COLUMN

  • 学会JavaScript测试你就是同行中最亮的仔(妹)

    学会JavaScript测试你就是同行中最亮的仔(妹)

    摘要:测试驱动开发是一种使用自动化单元测试来推动软件设计并强制依赖关系解耦的技术。使用这种做法的结果是一套全面的单元测试,可随时运行,以提供软件可以正常工作的反馈。 showImg("http://ws1.sinaimg.cn/large/005NRne3gy1g2cmxxl7c5j30nc0c8h1p.jpg"...

    fengxiupingfengxiuping 评论0 收藏0
  • 重学前端学习笔记(九)--JavaScript中的对象分类

    重学前端学习笔记(九)--JavaScript中的对象分类

    摘要:固有对象由标准规定,随着运行时创建而自动创建的对象实例。普通对象由语法构造器或者关键字定义类创建的对象,它能够被原型继承。 笔记说明 重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个专栏,每天10分钟,重构你的前端知...

    dantezhaodantezhao 评论0 收藏0
  • react离开页面,自定义弹框拦截,路由拦截

    react离开页面,自定义弹框拦截,路由拦截

    摘要:前言项目有个需求是跳转路由,在离开页面前,需要弹框询问用户是否确定离开。 showImg("https://segmentfault.com/img/remote/1460000019105899"); 前言:项目有个需求是:跳转路由,在离开页面前,需要弹框询问用户是否确定离开。用react-router的组...

    X1nFLYX1nFLY 评论0 收藏0
  • service worker的基本知识

    service worker的基本知识

    摘要:需要提前掌握的基本使用检测是否存在,创建缓存总对象。之后更新后的启动并触发事件。此时,当前页面生效的依然是老版本的,新的会进入状态。当页面关闭之后,老的会被干掉,新的接管页面一旦新的生效后会触发事件。 前言: 看到一篇讲解service worke...

    int64int64 评论0 收藏0
  • 「读懂源码系列3」lodash 是如何实现深拷贝的(上)

    「读懂源码系列3」lodash 是如何实现深拷贝的(上)

    摘要:上对位运算的解释是它经常被用来创建处理以及读取标志位序列一种类似二进制的变量。位运算,常用于处理同时存在多个布尔选项的情形。掩码中的每个选项的值都是的幂,位运算是位的。位运算,说白了就是直接对某个数据在内存中的二进制位,进行运算操作。...

    flyer_devflyer_dev 评论0 收藏0
  • 前端知识汇总

    前端知识汇总

    摘要:记录一些前端常用的基础知识点地址,多多技能树定义直译为块级格式化上下文。事件循环事件循环是指主线程重复从消息队列中取消息执行的过程。而且主线程只有在将当前的消息执行完成后,才会去取下一个消息。消息就是注册异步任务时添加的回调函数。 记...

    kakakaka 评论0 收藏0
  • 手把手编写一个Vue日历表组件

    手把手编写一个Vue日历表组件

    摘要:项目需要,需要一个日历表组件,产品狗嫌弃第三方提供的组件样式太丑,功能不全,带刀和产品理论奈何产品有枪。无奈只能自己写一个,发布完这条博客我就提离职,再也不和产品多。 项目需要,需要一个日历表组件,产品狗嫌弃第三方提供的组件样式太丑,...

    brianwaybrianway 评论0 收藏0
  • vue项目中的遇到的坑和感悟

    vue项目中的遇到的坑和感悟

    摘要:如何少写冗余代码,优化性能,才是我们需要考虑的。始于,每天进步一点点,持续更新 使用keep-alive包裹的组件/路由,打开一次后created只会执行一次,有两种情况,一、如果要重新渲染部分数据,可以在activated中做处理;二、路由/组件重新重新creat...

    happyfishhappyfish 评论0 收藏0
  • 前端面试--浏览器

    前端面试--浏览器

    摘要:打开一个网页,看到服务器返回给客户端浏览器的各种文件类型图片构建浏览器会遵守一套步骤将文件转换为树。因为浏览器有渲染线程与引擎线程,为了防止渲染出现不可预期的结果,这两个线程是互斥的关系。 1. 浏览器架构 用户界面 主进程 内核 渲染引...

    bigdevil_sbigdevil_s 评论0 收藏0
  • javascript设计模式与开发实践全书深度解析(一)之前言

    javascript设计模式与开发实践全书深度解析(一)之前言

    摘要:相信很多人都看过设计模式与开发实践这本书,每个人都有自己的体会感受,作为前端年开发经验的程序猿,用我自认为还可以的实践经验来与大家谈谈这本书。这章是前言,后面陆续会讲解每个设计模式。 相信很多人都看过《javascript设计模式与开发实践》这...

    timgertimger 评论0 收藏0
  • 解决微信浏览器的iOS的兼容问题[软键盘弹出][input框光标]

    解决微信浏览器的iOS的兼容问题[软键盘弹出][input框光标]

    摘要:对于第一个问题软键盘弹出时,页面会上滑,导致点击位置和页面位置不一致在获取焦点时获取的值并赋值给一个变量,在失去焦点时设置的值设置为负的该值如果存在两个或两个以上的框,可以设置一个当前存在聚焦框的数量的值,获取焦点,失去焦点,只有为的...

    marekmarek 评论0 收藏0
  • URLSearchParams初体验

    URLSearchParams初体验

    摘要:是需要删除的键值名称。创建一个测试用对象显示键值对获取指定搜索参数的第一个值。为参数添加第二个值输出返回判断是否存在此搜索参数。返回此对象包含了键值对的所有键名。具体的使用方法大家可以参照库的相关说明。 在之前发的工具方法文章的留言中...

    ChanneChanne 评论0 收藏0
  • 最近使用handsontable遇到的问题

    最近使用handsontable遇到的问题

    摘要:关于隐藏列的问题刚开始使用的百度当不需要显示某一列的时候可用如下格式设置这里就不显示第二列数据,只有第列数据,虽然隐藏了但是数据渲染不出来,还思索了个笨方法把最后一行隐藏但是确实挺蠢的,因为样式空了一片表格不居中继而去官网查看了找到了...

    浠ラ箍浠ラ箍 评论0 收藏0
  • vue-cli 3.x 移除console总结

    vue-cli 3.x 移除console总结

    摘要:网上找了很多的配置,很多已经不适用了,把采坑的经历记录下来,供参考。一使用插件配置如下移除没成功报错如下二配置参考优化实践删除和配置最终还是没有成功,报错如下三使用插件参考安装依赖库配置如下生产环境移除总结该方案成功了 网上找了很多vu...

    jsbintaskjsbintask 评论0 收藏0
  • vue cli 3.x 生产环境去除console采坑记

    vue cli 3.x 生产环境去除console采坑记

    摘要:移除总结使用插件配置如下移除没成功报错如下配置参考优化实践删除和配置最终还是没有成功,报错如下使用插件安装依赖库配置如下生产环境移除总结该方案成功了 vue-cli 3.x 移除console总结 使用 uglifyjs-webpack-plugin 插件 配置如下: // vue.confi...

    kgbookkgbook 评论0 收藏0
  • 2分钟通过javascript的opener方式实现调用父窗口方法示例

    2分钟通过javascript的opener方式实现调用父窗口方法示例

    摘要:父窗口的代码打开上传文件窗口里面的参数详情,查看,更系统的详情资源此方法将会被子窗口调用来自子窗口的参数子窗口代码使用后的子窗口调用父窗口方法代码调用父窗口方法直接操作父窗口元素如赋值关闭窗口 父窗口的JS代码: // 打开上传文件窗口 fun...

    mumumumumumu 评论0 收藏0
  • webpack- html-webpack-plugin

    webpack- html-webpack-plugin

    摘要:三添加源文件上一步呢我们只是了一个没有任何参数的。可以配置最后的文件的源文件。例如这里,我们使用根目录下的,最后生成的文件其实是以这里的为源文件的,这一点可以从和的一样看出来。关于更多的配置可以参考它的 如果你的是用vue-cli生成你的vue...

    thekingisalwayslucthekingisalwaysluc 评论0 收藏0
  • 通俗易懂理解ES6 - ES6的变量类型及Iterator

    通俗易懂理解ES6 - ES6的变量类型及Iterator

    摘要:迭代器在原有的数据结构类型上新增了两种类型,我们在使用的时候还可以通过自由组合的形式使用这些结构类型达到自己想要的数据结构,这就需要一种统一的接口机制供我们调用处理不同的数据结构。 引言 万丈高楼平地起,欲练此功,必先打好基本功: ) 在...

    KevenKeven 评论0 收藏0
  • Docker打包nodejs项目和数据库

    Docker打包nodejs项目和数据库

    摘要:你需要新建目录结构初始化的语句如下你的用户名你的镜像这回直接拉取你在上的镜像去掉构建步骤压缩给别人使用命令一键运行数据库项目舒服了 看这篇文章,必须知道基础的docker, 本文只提供思路和部分代码, 不负责教 所有的命令必须谨慎操作!三思而...

    MobServiceMobService 评论0 收藏0
  • javascript对象工具函数__1.对象扩展

    javascript对象工具函数__1.对象扩展

    // 对象扩展 兼容低版本js语法 function _extends() { // 先判断js本地库支持度 _extends = Object.assign || function(target) { for(var i = 1, len = arguments.length; i < len; i++) { var src = ar...

    robinrobin 评论0 收藏0
  • JS骚操作之数组快速排序

    JS骚操作之数组快速排序

    摘要:来,今天我来教大家一个骚操作。我利用的就是数组的索引来排序的,大家都知道,索引就是从开始,然后依次递增的。技术总结这个就是巧用了数组的索引,默认就是一个从小到大的排序的特性。 showImg("https://segmentfault.com/img/bVbsi8K");如果你想要...

    yanbingyun1990yanbingyun1990 评论0 收藏0
  • Vue2.x 与Vue3.x 双向数据绑定区别

    Vue2.x 与Vue3.x 双向数据绑定区别

    摘要:看过的源码都知道,其双向数据绑定原理是通过的,中的方法来实现数据劫持的,但是有一个弊端就是无法兼听到数组内部的数据变化当然我们可以通过,来实现内部数据变化的检测。相比有一定的性能问题。 showImg("https://segmentfault.com/img/bVbsjcO?w=...

    phpmattphpmatt 评论0 收藏0
  • require和ES6 import的区别

    require和ES6 import的区别

    摘要:模块化的进程里,出现了很多模块化的方案,,。随着标准的发布,的规范也被广泛使用了。只是浏览器的支持程度不高,需要配合转码工具使用。输出可以看出,很重要的一个区别就是一个基本值是否会同步变化, js模块化的进程里,出现了很多模块化的方案,...

    miguel.jiangmiguel.jiang 评论0 收藏0
  • Vue响应式原理-排除所有优化,只看核心

    Vue响应式原理-排除所有优化,只看核心

    摘要:响应式原理作为写业务的码农,几乎不必知道原理。所以找工作之前可以先复习下,只要是关于的,必定会问响应式原理。如果是,运行其方法,其方法中含有的值时,会触发收集当更新时,也会触发更新重新获取值如果是会触发的函数响应式原理计算属性值这是 ...

    xumengerxumenger 评论0 收藏0
  • javascript中的依赖注入【转】

    javascript中的依赖注入【转】

    摘要:本来打算写篇文章介绍下控制反转的常见模式依赖注入。这就是依赖注入起作用的地方,当前来看,高效管理依赖的能力是迫切需要的,本文总结了原作者对这个问题的看法。结束语依赖注入是我们所有人都做过的事情中的一种,可能没有意识到罢了。 本来打算写...

    ZHAO_ZHAO_ 评论0 收藏0

热门文章

<