携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第12天，点击查看活动详情 >>
在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。 Developer Menu Android模拟器： 可以通过Command⌘ + M 快捷键来快速打开Developer Menu。也可以通过模拟器上的菜单键来打开。 iOS模拟器： 可以通过Command⌘ + D快捷键来快速打开Developer Menu。 在真机上开启Developer Menu： 在真机上你可以通过摇动手机来开启
小程序时至今日已经非常火爆了，作为软件体系中的一员，越来越多的公司与个人都在发展自己的小程序，而且小程序不再是单一的微信小程序了，还有百度小程序、支付宝小程序、抖音小程序等等。说明小程序是很不错的一个开发技术，也是便于找工作的一项技能，本文指在让大家快速了解微信小程序的入门与开发。
在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。 Developer Menu Developer Menu是React Native给开发者定制的一个开发者菜单，来帮助开发者调试React Native应用。 提示：生产环境release (production) 下Developer Menu是不可用的。 如何开启Dev
本文出自《React Native学习笔记》系列文章。 在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。 Developer Menu Developer Menu是React Native给开发者定制的一个开发者菜单，来帮助开发者调试React Native应用。 提示：生产环境release (production)
面对未知的事物，最好的老师显然是搜索引擎，而搜索引擎中公认最好的又是 Google 搜索。
什么是富文本框？富文本框就是在网页上可以输入带格式的文本输入框。在富文本框中，可以设置使用不同的字体、颜色，可以控制段落、边距，还可以插入图片、表情等。是实现在线编辑不可或缺的工具。在html表单控件里，并没有标准的富文本框控件，一般使用特定元素和css，js配合实现。
前提条件当然是先下载 blog-auto-publishing-tools这个博客自动发布工具,地址如下：https://github.com/ddean2009/blog-auto-publishing-tools
最近在开发微信公众号网页的时候，由于手机端的各种不适配或者机型的问题出现了很多莫名其妙的bug，但这些bug只会在固定的机型或者部分手机复现，电脑端调试以及大部分手机都是没有问题的。所以需要在手机上模拟控制台输出日志来查看是否有报错。
最近 Google 对 Chrome 进行了一次比较大的更新，其中一项是脚本录制回放功能，它可以非常方便我们处理一些自动化场景
在公司小程序也开发了一段时间了，中间遇到过很多问题，特此记录几个比较典型的问题和解决方案。
目前已经初步搭出了整体的框架，秉着取之于社会，回馈于社会的原则，我将这个项目开源到GitHub uni-shop，发展壮大uni-app社区。项目肯定有不足和考虑不周之处，欢迎大家指正并提出Issues。
之前推荐过很多优秀的 Web 自动化工具，比如：Selenium、Helium、Cypress、Pyppeteer 等
但是，由于 iPhone X 的「异型」屏幕，以及底部的「小白条」的存在，不少开发者都头疼应该如何适配这块略显奇怪的屏幕。
浏览器扩展程序是可以修改和增强 Web 浏览器功能的小程序。它们可用于各种任务，例如阻止广告，管理密码，组织标签，改变网页的外观和行为等等。
案例一：（实现效果，鼠标移动到哪个菜单上，哪个菜单会显示二级菜单，移开会收回。） 案例二：tab栏（选项卡） 鼠标滑过，显示对应的特殊样式，下面的内容替换为需要的内容。 和无缝滚动一样是专有名词。 e
iconfont的使用：https://www.cnblogs.com/changxin7/p/11479216.html
Puppeteer 是 Chrome 开发团队在 2017 年发布的一个 Node.js 包，同时还有 Headless Chrome。用来模拟 Chrome 浏览器的运行。它提供了高级API来通过 DevTools 协议控制无头 Chrome 或 Chromium ，它也可以配置为使用完整（非无头）Chrome 或 Chromium。
在web自动化下载操作时，有时候会弹出下载框，这种下载框不属于web的页面，是没办法去定位的（有些同学一说到点击，脑袋里面就是定位！定位！定位！） 有时候我们并不是非要去定位到这个按钮再去点击，学会使用键盘的快捷键操作，也能达到一样的效果。 之前讲过一篇Selenium2+python自动化75-非input文件上传（SendKeys）这个当时是基于python2写的。 最近很多小伙伴开始用python3了，这个SendKeys在python3上没法用，python3需要用PyUserInput,详细安装教程地址Selenium+python自动化84-python3.6用PyUserInput
当你想到路由时，通常会想到类似 React 之类的库。但实际上，这些库和框架仍然使用 vanilla JavaScript。那么该怎么实现呢？
运行时性能表现（runtime performance）指的是当你的页面在浏览器运行时的性能表现，而不是在下载页面的时候的表现。这篇指南将会告诉你怎么用Chrome DevTools Performance功能去分析运行时性能表现。在RAIL性能评估模型下，你可以在这篇指南中可以学到怎么去用这个performance功能去分析Response, Animation, 以及 Idle 这三个性能指标。
记得前几年，我们通常会用PhantomJs做一下自动化测试，或者为了SEO优化，会用它对SPA页面进行预渲染，现在有更好的Puppeteer来代替它的工作了，性能更好，使用起来也更加方便，Puppeteer 是 Chrome 开发团队在 2017 年发布的一个 Node.js 包，用来模拟 Chrome 浏览器的运行。
这个题目是作业区里的一道题，大家都完成的很好。论坛里的wenacy虽然没有成功的完成此作业，但这种努力的尝试才是最有价值的。 以下的内容是我个人的主观理解，偏见，阅读时请注意姿势。 组件，它是模块，但又不是模块。 在我的理解中模块有二种，一是组成页面的结构，它是不带逻辑的。例如一个HTML结构的空的窗口、容器。 第二种，从JavaScript的模块化开发角度来讲，一个function就是一个模块，例如： function isGet(){ //get... } 这个函数就是一个JS模块，它是有逻辑的。 一
利用js代码和css代码制作一个图片切换效果 点击目标按钮切换相应的描述或图片 image.png 点击按钮切换图片 代码： <!DOCTYPE html>
越来越多的前端开发人员喜欢在Chrome里开发调试代码，Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率。尤其Chrome本身是可以登录的，登录后你所有的插件都会自动同步到每一个登录后的Chrome的，非常方便啊。
本文主要用于记录及分享博主在使用butterfly主题时所使用的功能及涉及到的部分修改；
安装配置很简单，只需要下载对应的版本后将chromedriver.exe文件复制python路径下的Scripts路径下即可。
网上看了很多基于bootstrap的table表格行内编辑，需要基于bootstrap-table,bootstrap-table-edit,x-editable等插件，写的很复杂。 我想实现的需求很简单，在页面上写个简单的table表格，能删除行，添加行，点击每一个报告能直接编辑就行，不需要那些花里胡哨的功能。 最后还是自己基于bootstrap写了一个table报告的在线编辑功能。
代码组织： 目录结构： . ├── components //组成应用的各个组件 │ ├── Routers.android.js //每个组件若实现不一样，分为android的实现和ios的实现。 │ ├── Routers.ios.js │ ├── common //公共组件 │ ├── issues //议题页面 │ ├── navigation //导航组件，android用侧边栏，ios准备用tab │ └── project
注意：为了获得高质量的用户体验，选项卡条的用户必须将焦点设置为新显示的内容，以便1）选项卡不保留焦点样式，2）屏幕阅读器可以计算已更改的内容。
向任意HTML元素设定class=“layui-btn”，建立一个基础按钮。通过追加格式为layui-btn-{type}的class来定义其它按钮风格。内置的按钮class可以进行任意组合，从而形成更多种按钮风格。
在ReactNative中文网上有详细的开发文档与教程，首先，想要系统了解ReactNative的朋友可以在如下网站中获取详细信息：
第一个小程序demo的运行，首选需要去使用开发工具 开发工具下载安装 https://mp.weixin.qq.com/cgi-bin/wx 点击开发工具，选择自己的系统版本进行下载，安装就可以了 安
简单的知识点搭配合适的业务场景，往往能起到意想不到的效果。这篇文章会用三个最基础人人都知道的前端知识来说明如何助力运营小姐姐、公司48+前端开发同学的日常工作，让他们的工作效率得到极大地提升。
所有的属性都定义在jQuery.fn.{plugin}.defaults里面。例如，对话框属性定义在jQuery.fn.dialog.defaults里面。 jQuery.fn.panel.defaults可以给组件添加默认的配置项
目前市面上已经有很多类似的平台和方案了，类似像jsfiddle、CodePen、Storybook这样的平台，这些平台可以让我们在浏览器中创建代码并直接执行，无需单独在我们本地创建项目，所以当你在测试一段代码时，这些平台可能会为你提供一些帮助。
自动化框架主要的核心框架就是分层+PO模式：分别为：基础封装层BasePage，PO页面对象层，TestCase测试用例层。然后再加上日志处理模块，ini配置文件读取模块，unittest+ddt数据驱动模块，jenkins持续集成模式组成。
Bootstrap是一个用于快速开发Web 应用程序和网站的前端框架，它提供了一个带有网格系统、链接样式、背景的基本结构。Bootstrap提供了许多的组件，其中就包括导航组件。这在很大程度上简化了操作。通常都是利用列表实现来导航的，常用的是无序列表（）和有序列表（）。自定义列表（）一般不会用来实现导航。
大部分内容我们仍然可以借鉴普通接口调试层的内容，所以打开P_apis.html，找到那个登陆态的div，开始进行添加内部控件，但是也不能全都照搬过来，有一些就不需要，比如接口名字。而因为这个接口一个项目基本也就设置一次，所以优化便利性这种事的优先级不高，精力还是留给那些使用频率高的功能上吧
「CSS变量」又叫「CSS自定义属性」，为什么会突然提起这个很少人用到的东西呢？因为最近在重构个人官网，不知道为什么突然喜欢用上「CSS变量」，可能其自身隐藏的魅力，让笔者对它刮目相看。
React hooks是react16.8 以后，react新增的钩子API，目的是增加代码的可复用性，逻辑性，弥补无状态组件没有生命周期，没有数据管理状态state的缺陷。本章节笔者将介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法。
公司各业务线经常会制作一些活动页面用于活动的推广营销，拉新留存，这类页面布局类似，需求高频，迭代快速，开发任务重复且消耗各方的沟通时间和人力。为了解决这些痛点提高人效，需要为业务提供一套简单易用，功能强大的可视化搭建平台
持久化对象 Kibana中可以查询到很多保存的对象，他们都存储在es中一个叫做.kibana的索引中。 搜索 存储在type为search中; 图表 存储在type为visualization中； 仪表板 存储在type为dashboard中； 每个plugins下的tab页都有一个对应的savedObject对象，比如 检索页对应的是savedSearch对象(discover/saved_searches/_saved_search.js) 图表页对应的是savedVisualization对象(vis
上一篇《包学会之浅入浅出Vue.js：开学篇》中，我们初步了解单页面组件这个概念，现在通过一个项目，来进一步解析组件的应用吧。
就比如这个轮播图,当我们选择了特定的元素时样式才会改变,而其他的不变,返回原来的状态
JavaScript是网页上事实上的脚本语言。流行的网页功能，例如：漂亮的图片幻灯片、下拉菜单、弹出框等，都可以结合JavaScript和CSS实现。在这章，我们将讨论一些Bootstrap 3 提供的随时可用的JavaScript插件，很容易创建一些高级的网页功能。
在页面应用程序中，经常会遇到多标签页面，在Vue.js中，可以通过动态组件来实现。组件的动态切换是通过在<component>元素上使用is属性实现的。
经历了v17的平缓过渡，React 3月29日正式发布了React v18版本。这个版本带来了一些十分重要的能力。但大家伙不必担心学不动，这个版本无破坏性更新，hooks 还在。以下是核心功能更新。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
