12 2018 档案
摘要：作者｜陈子涵 编辑｜覃云 “一次编写, 到处运行”(Write once, run anywhere ) 是很多前端团队孜孜以求的目标。实现这个目标，不但能以最快的速度，将应用推广到各个渠道，而且还能节省大量人力物力。 React Native 的推出，为跨平台的开发带来了新的曙光。 虽然 Face
阅读全文
摘要：前言 记得HTTP/3即将标准化了。今日早读文章由@smallbonelu翻译授权分享。 @smallbonelu，一枚爱好跑步的前端工程师 正文从这开始～～ 以正确的顺序请求页面资源对于快速的用户体验至关重要。想象一下，如果一个网页上有一堆图片，还有一个外部样式表，一些自定义Web字体和一些在he
阅读全文
摘要：作者 | _小生_ 来源 | segmentfault.com/a/1190000016098130 简介 JavaScript通过强大的对象为我们提供日期处理功能：日期。 本文确实不是谈论Moment.js，我认为它是处理日期的最佳库，你应该在处理日期时几乎总是使用它。 Date对象 Date对象
阅读全文
摘要：天地玄黄，宇宙洪荒。 日月盈昃，辰宿列张。 寒来暑往，秋收冬藏。 闰余成岁，律吕调阳。 云腾致雨，露结为霜。 金生丽水，玉出昆冈。 剑号巨阙，珠称夜光。 果珍李柰，菜重芥姜。 海咸河淡，鳞潜羽翔。 龙师火帝，鸟官人皇。 始制文字，乃服衣裳。 推位让国，有虞陶唐。 吊民伐罪，周发殷汤。 坐朝问道，垂拱
阅读全文
摘要：转载自搜狗测试公众号，本人学习使用，侵权删 最近小编在做公司输入法项目中java与native交互部分的测试，先简单学习了java代码调用native代码的实现原理，本次与大家一起分享jni协议，了解java关联C/C++代码的调用原则。 JNI是Java Native Interface的缩写，能
阅读全文
摘要：本人学习使用，侵权删 编者按：本文作者Berwin，W3C性能工作组成员，360导航高级前端工程师。《深入浅出Vue.js》（正在出版）作者。 通常我们只需要编写HTML，CSS，JavaScript屏幕上就会显示出漂亮的页面，但浏览器是如何使用我们的代码在屏幕上渲染像素的呢？ 浏览器将HTML，C
阅读全文
摘要：巧用Webpack Webpack是实现我们前端项目工程化的基础，但其实她的用处远不仅仅如此，我们可以通过Webpack来帮我们做一些自动化的事情。首先我们要了解require.context()这个API require.context() 您可以使用require.context（）函数创建自己
阅读全文
摘要：原文链接： https://github.com/ljianshu/Blog/issues/48 前言 在 JavaScript 发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今 CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着 web2.0 时代的到来，
阅读全文
摘要：转自奇舞周刊，个人学习记录，侵权删 编者按：本文作者李松峰，资深技术图书译者，翻译出版过40余部技术及交互设计专著，现任360奇舞团高级前端开发工程师，360前端技术委员会委员、W3C AC代表 如果我问：你知道“剪贴板”（clipboard）吗？ 恐怕没人不知道。我们每天都不知道自己要在电脑或手机
阅读全文
摘要：本文为转载 Introduction As you would probably know, Node.js is a platform built on Chrome's JavaScript runtime, gracefully named V8. The V8 engine, and hen
阅读全文
摘要：本帖转自搜狗测试公众号 【一、前言】 基于Python-UiAutomator2实现Android自动化测试，小编在Android应用的自动化性能测试中进行了实践。本篇将简单介绍python中使用adb、aapt命令的方法以及Python-UiAutomator2使用，后续文章将对环境搭建以及自动化
阅读全文
摘要：现在它看上去应该清晰了很多：我们向 createServer 函数传递了一个匿名函数。 用这样的代码也可以达到同样的目的：
阅读全文
摘要：Node.js 中存在 4 类模块（原生模块和3种文件模块），尽管 require 方法极其简单，但是内部的加载却是十分复杂的，其加载优先级也各自不同
阅读全文
摘要：作者 | 我不是陈纪庚 来源 | segmentfault.com/a/1190000017329980 回流和重绘可以说是每一个web开发者都经常听到的两个词语，我也不例外，可是我之前一直不是很清楚这两步具体做了什么事情。最近由于部门内部要做分享，所以对其进行了一些研究，看了一些博客和书籍，整理了
阅读全文
摘要：编者按： 本文转载自掘金专栏，由作者 圈圈的圈 授权奇舞周刊转载。（侵权删） 代理是个啥 既然要聊反向代理, 那首先得知道代理是个啥吧? 嗯. 正向代理 比如, 你买束花, 想要给隔壁工位的测试妹子小丽表白. 但是又怕被人家直面拒绝太没面子. 于是你把鲜花委托给平时和小丽一起的测试小伙伴小红. 让她
阅读全文
摘要：作者｜Adeel Imran译者｜无明 想写出好代码，却不知道从哪里开始？想删除死代码？想在代码库中找出未被使用的变量？想在代码中找出有问题的模式？ 你是多元化团队的负责人吗？你的团队中有新来的开发人员吗？你担心他们会写出不符合标准的代码吗？在代码评审时是否花了一整天的时间去检查代码标准，而不是实际
阅读全文
摘要：作者 | 子慕大诗人 来源 | www.cnblogs.com/1wen/p/9064011.html 前言： 最近玩了玩用css来构建3D效果，写了几个demo，所以博客总结一下。 在阅读这篇博客之前，请先自行了解一下css 3D的属性，例如：transform-style，transform-o
阅读全文
摘要：作者 | 阮一峰 来源 | http://www.ruanyifeng.com/blog/2018/10/flexbox-form.html 弹性布局（Flexbox）逐渐流行，越来越多人使用，因为它写 CSS 布局真是太方便了。 三年前，我写过 Flexbox 的介绍（上，下），但是有些地方写得不
阅读全文
摘要：移动端自动化简单说就是，写好操作app的程序，运行起来，自动执行程序和测试用例，输出执行结果，结果正确，测试通过。 自动化可以方便地完成安装/卸载、启动/运行、UI适配等环节，节省时间； 同一测试脚本可以适用于几乎所有Android机型，可以快速完成兼容性测试； 可以模拟数据准备，通过一些重复的操作
阅读全文
摘要：1.基于jQuery的瀑布流图片筛选插件 瀑布流的展现方式在目前的网页中用得越来越广泛，特别是图片和首页文章的动态加载。 今天分享的这款就是基于jQuery的瀑布流图片筛选插件，我们可以点击图片分类名称，即可将对应分类下的图片以瀑布流的方式展示出来，这款插件在筛选图片上使用还是比较方便的。 2.基于
阅读全文
摘要：作者｜javinpaul 译者｜无明 之前我们已经介绍了 2019 年 Vue 学习路线图，而 React 作为当前应用最广泛的前端框架，在 Facebook 的支持下，近年来实现了飞越式的发展，我们将在下文中介绍 2019 年 React 学习路线图，希望给想学 React 的开发者一些借鉴。 下
阅读全文
摘要：作者：wuwhs segmentfault.com/a/1190000017388333 前言 学习了一段时间小程序，大致过了两遍开发文档，抽空做个自己的天气预报小程序，全当是练手，在这记录下。小程序开发的安装、注册和接入等流程就不罗列了，在小程序接入指南已经写得很清楚了，以下只对开发过程常用到得一
阅读全文
摘要：前言 封不平听在耳里，暗叫：“到这地步，我再能隐藏甚么？”仰天一声清啸，斜行而前，长剑横削直击，迅捷无比，未到五六招，剑势中已发出隐隐风声。他出剑越来越快，风声也是渐响，剑锋上所发出的一股劲气渐渐扩展，旁观众人只觉寒气逼人，脸上、手上被疾风刮得隐隐生疼，不由自主的后退，围在相斗两人身周的圈子渐渐扩大
阅读全文
摘要：软件评测方案也有很多种，但核心原理都是同一个。 软件评测方案中，所有Android功耗的统计都是通过代码进行估算，没有任何实体电路和硬件设备参与统计汇报。 这个配置文件存储在Android设备的以下路径中： /frameworks/base/core/res/res/xml/power_profil
阅读全文
摘要：近开发一个项目，需要在Node.js程序里实现定期给管理员发邮件的功能。 笔者平时只会在Web界面收发邮件。对邮件的原理完全不懂（可能大学教过，然而全忘了），直到要解决这个问题。请教了几个业务的同事，得到的答复是：“你需要搭一个SMTP服务，还要装一个mail agent，巴拉巴拉……” 你们在说什
阅读全文
摘要：在JavaScript的世界中，所有代码都是单线程执行的。 由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现： 观察上述代码执行，在Chrome的控制台输出可以看到： 可见，异步操作会在将来的某个时间点触发一个函数调用。 AJAX就是
阅读全文
摘要：Hybrid App技术解析 — 原理篇 Hybrid App技术解析 — 原理篇 原文出处： https://segmentfault.com/a/1190000015678155 引言 随着 Web 技术和移动设备的快速发展，Hybrid 技术已经成为一种最主流最常见的方案。一套好的 Hybri
阅读全文
摘要：H5 移动调试全攻略 H5 移动调试全攻略 随着移动设备的高速发展，H5 开发也成为了 F2E 不可或缺的能力。而移动开发的重中之重就是掌握调试技巧，定 Bug于无形。 一、概要 因为移动端操作系统分为 iOS 和 Android 两派，所以本文的调试技巧也会按照不同的系统来区分。寻找最合适高效的方
阅读全文
摘要：作者： 大转转FE/张亚龙 react是什么？其官网给出了明确定义： A JavaScript library for building user interfaces，一个用于构建用户界面的JavaScript库。 1. Thinking in React 通常情况下前端的界面可以用一个简单的公式
阅读全文
摘要：前言 无论是从资源使用的角度，还是从发现内存泄漏问题的角度来看，在性能测试或者系统的稳定性测试中，内存的使用情况是一个很重要的监控点。为保证项目的质量前移，输入法内核测试小组的同学分配到了一个新的任务，就是在andriod平台上监测输入法内核 native 代码的内存使用情况。 为了完成这个任务，我
阅读全文
摘要：作者｜Artem Shtatnov译者｜无明 在这篇文章中，我们将分享 Netflix 在这些应用程序的前端架构中引入 GraphQL 所积累的经验。 在内部，我们把用于管理广告创建和组装的主要应用程序叫作 Monet。它用于增强广告的创建以及自动管理外部广告平台上的营销广告活动。Monet 有助于
阅读全文
摘要：转自奇舞周刊 简介 作为前端er，我们的工作与web是分不开的，随着HTML5的日益壮大，浏览器自带的webapi也随着增多。本篇文章主要选取了几个有趣且有用的webapi进行介绍，分别介绍其用法、用处以及浏览器支持度，同时我也分别为这几个api都做了一个简单的demo(https://github
阅读全文
摘要：动态应用，是相对于网站静态内容而言，是指以c/c++、php、Java、perl、.net等服务器端语言开发的网络应用软件，比如论坛、网络相册、交友、BLOG等常见应用。动态应用系统通常与数据库系统、缓存系统、分布式存储系统等密不可分。 大型动态应用系统平台主要是针对于大流量、高并发网站建立的底层系
阅读全文
摘要：作者：李佳明同学链接：https://www.jianshu.com/p/2272b6ca0f0c 一个故事讲懂vue父子组件传值 讲故事前先讲代码 父组件向子组件传值 父组件数据传递给子组件可以通过props属性来实现父组件： <template> <div id="app"> <child-co
阅读全文
摘要：mocha 如果你听说过“测试驱动开发”（TDD：Test-Driven Development），单元测试就不陌生。 单元测试是用来对一个模块、一个函数或者一个类来进行正确性检验的测试工作。 比如对函数abs()，我们可以编写出以下几个测试用例： 输入正数，比如1、1.2、0.99，期待返回值与输
阅读全文
摘要：前端项目构建之Yeoman 转自博客园博主，没找到出处，侵权删。 grunt(构建工具):http://www.gruntjs.net/ 1.安装完node后打开终端输入node -v 出现下图则说明安装成功。 2.安装git Git 是 Linus Torvalds 为了帮助管理 Linux 内核
阅读全文
摘要：官方 React 快速上手脚手架 create-react-app 摘要： 此文简单讲解了官方 React 快速上手脚手架的安装与介绍。 1. React 快速上手脚手架 create-react-app 为了快速地进行构建使用 React 的项目，FaceBook 官方发布了一个无需配置的、用于快
阅读全文
摘要：安装 npx create-react-app my-app cd my-app npm start 安装后之后，就是这样的了 配置 这样的”零配置”没法满足我们的需求，我们需要自定义，需要加一些 loader，plugin 等。react 团队当然也提供了这样的途径 yarn eject Remo
阅读全文
摘要：React 中 keys 的作用是什么？ Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。 1 2 3 4 5 6 7 8 9 render () { return ( <ul> {this.state.todoItems.map(({item, key}) =>
阅读全文
摘要：博客“清风送明月”老哥反映背景太花了，起床修改了一下透明度，考虑到整体主题风格的原因，目前没有找到自己喜欢的合适的壁纸，明天连外网看下。
阅读全文
摘要：作者 | 吴胜斌 来源 | https://www.simbawu.com/article/search/9 在说深拷贝与浅拷贝前，我们先看两个简单的案例： 按照常规思维，obj1应该和num1一样，不会因为另外一个值的改变而改变，而这里的obj1 却随着obj2的改变而改变了。同样是变量，为什么表
阅读全文
摘要：Web Worker 使用教程 一、概述 JavaScript 语言采用的是单线程模型，也就是说，所有任务只能在一个线程上完成，一次只能做一件事。前面的任务没做完，后面的任务只能等着。随着电脑计算能力的增强，尤其是多核 CPU 的出现，单线程带来很大的不便，无法充分发挥计算机的计算能力。 Web W
阅读全文
摘要：前言 前言 这篇文章主要是分享一个时空穿梭框功能，也就是我们平时用的选择功能。勾选了的项就会进入到另一个框中。 时空穿梭框之旅 时空穿梭框之旅 示例演示： 这个时空穿梭框实现了： 1、可以全选、反选 2、没有选中时，不可以点穿梭按钮 3、自动计数（共有多少个，选中了多少个） 4、没有数据时，全选不可
阅读全文
摘要：什么是前端路由 前端路由在很多开源的js类库框架中都得到支持，如angularJS，Backbone，Reactjs等等。这篇文章主要和大家谈谈什么是前端路由，以及它的使用场景及优缺点1.什么是路由简单举例说明，假如我们有一台提供 Web 服务的服务器的网络地址是：10.0.0.1，而该 Web 服
阅读全文
摘要：vue-router中的router-link的active-class 在vue-router中要使用选中样式的方法有两种： 1、直接在路由js文件中配置linkActiveClass 2、在router-link中写入active-class 问题：如果就这样，那么会出现一个问题，不管跳转到哪里
阅读全文
摘要：什么是 mvvm？ MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，ViewModel 是一个同步 View
阅读全文
摘要：如何加快Vue项目的开发速度 本文摘自奇舞周刊，侵权删。 现如今的开发，比如内部使用的管理平台这种项目大都时间比较仓促。实际上来说，在使用了webpack + vue 这一套来开发的话已经大大了提高了效率。但是对于我们的开发层面。还是有很多地方可以再次提高我们的项目开发效率，让我们更加专注于业务，毕
阅读全文
摘要：起步 webpack 用于编译 JavaScript 模块。一旦完成安装，你就可以通过 webpack 的 CLI 或 API 与其配合交互。如果你还不熟悉 webpack，请阅读核心概念和打包器对比，了解为什么你要使用 webpack，而不是社区中的其他工具。 基本安装 首先我们创建一个目录，初始
阅读全文
摘要：一直很喜欢周杰伦的《世界末日》，最近发现一个治愈系原创歌手叶儿。 https://tj-ctfs.ftn.qq.com/ftn_handler/5f5021f2f253591b1caaaa028afa76cab798e367c3e287af3b0d091955944c68732a5fc5858578
阅读全文
摘要：作者：我不是陈纪庚https://segmentfault.com/a/1190000017329980 回流和重绘可以说是每一个web开发者都经常听到的两个词语，我也不例外，可是我之前一直不是很清楚这两步具体做了什么事情。最近由于部门内部要做分享，所以对其进行了一些研究，看了一些博客和书籍，整理了
阅读全文
摘要：你了解SEO中的时效性吗？ 本文摘自web前端早读课，侵删。 前言 最近刚好在负责一个新项目，App在还没上线的前提上，PC／WAP可以优先部署相关SEO，这样在后续的推广中得以运用。今日早读文章由腾讯DeepOcean@Javin分享。 正文从这开始～～ 在文章分享之前，先跟大家分享个事情。 在3
阅读全文
摘要：Vue 使用中的小技巧 转载自web前端学习圈 1、多图表resize事件去中心化 1.1 一般情况 有时候我们会遇到这样的场景，一个组件中有几个图表，在浏览器resize的时候我们希望图表也进行resize，因此我们会在父容器组件中写： mounted() { setTimeout(() => w
阅读全文
摘要：React 和 Vue 到底谁更牛？听听尤雨溪怎么说 知乎上近日有人发起了一个 “react 是不是比 vue 牛皮，为什么？” 的问题，再度引发一场关于前端框架谁更牛的口水战，评论里可以说是撕得不可开交。Vue.js 作者尤雨溪12月4日正面回应了该问题，他表示希望大家能停止无谓的争执，多想想使用
阅读全文
摘要：ppt怎么制作快闪效果的倒计时动画? 1、首先，我们新建一个ppt，如下图： 2、然后我们在ppt中插入一个文本，文本内容为3，如下图： 3、然后我们将我们的文本设置为“Arial Black”，如下图： 4、然后将我们的文本放大，这里我们测试文本可以放到的最大为“4000”，但是这个大小还是没有达
阅读全文
摘要：本文转载自web前端学习圈，侵权删。 近火爆朋友圈的军装照H5大家一定还记忆犹新，其原理是先提取出照片中的面部，然后与模板进行合成，官方的合成处理据说由天天P图提供技术支持，后端合成后返回给前端展示，形式很新颖效果也非常好，整个流程涉及的人脸识别和图像合成两项核心技术在前端都有对应的解决方案，因此理
阅读全文
摘要：本文转载自腾讯TMQ团队 ，侵权删。 1、开天辟地 Hippy是什么呢？简单点，能用JavaScript来写Android和iOS应用的框架, 类似业界的React Native。 好吧，我们还是严谨一点。Hippy是一个前终端一体化的JavaScript Framework，可以用JavaScri
阅读全文
摘要：本文转载自掘金专栏以及360奇舞周刊，作者 Gladyu ，侵权删。 写在前面 生活在信息爆炸的今天，我们每天不得不面对和过滤海量的信息--无疑是焦躁和浮动的，这就意味着用户对你站点投入的时间可能是及其吝啬的（当然有一些刚需站点除外）。 如何给用户提供迅速的响应就显得十分重要了，这可能成为你留住用户
阅读全文
摘要：离职的姐姐熬夜做手工糖送给我们。 虽然工作的同事互相存在竞争，最多的感情只不过是搭伙吃饭，但是我在几家公司中也能遇到一两个可以真正交心的人，这也是一种收获吧。 三十多岁换工作离职的话心态和二十几岁可能真的不一样吧，家庭以及生活的压力都在逼着你往前走。听他们讲婚姻，孩子很多事情我自己都觉得很麻烦。 有
阅读全文
摘要：今天已经是2018.12.14。 花了两个小时注册美化了一下博客园，没有JS权限，所以很多想做的做不了。 很惭愧，从事IT这么多年，没有养成写blog和更新Git的习惯。更多的把代码和资源放到网盘，有什么想法就写到纸质的记事本里，因为使用第三方平台总没有安全感。 从今天开始，把学习和生活的心得同步到
阅读全文
浙公网安备 33010602011771号