keyWords-腾讯云开发者社区

开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

keyWords

专栏成员

23

文章

43186

阅读量

19

订阅数

Chrome 控制台常用调试技巧详解

xml 编程算法

1、Chrome控制台小技巧打开和关闭抽屉式选项卡：按Esc键可打开和关闭 DevTools 的 Drawer（抽屉式选项卡）在Drawer（抽屉式选项卡）中，你可以在 Console 控制

2019-07-10

1.6K0

性能优化篇---Webpack构建代码质量压缩

cdn babel.js webpack npm javascript

Webpack构建速度优化基本优化完毕，接下来考虑的就是：线上代码质量的优化，即如何使用webpack构建出高质量的代码 Webpack构建流程：初始化配置参数 -> 绑定事件钩子回调 -> 确定Entry逐一遍历 -> 使用loader编译文件 -> 输出文件提纲本次优化构建代码质量基本技术： reactRouter按需加载；公共代码提取，以及代码压缩； CDN接入；开启gzip压缩；接入treeShaking，剔除无用代码开启Scope Hoisting （生产环境代码构建）为实时查看

2019-04-18

1K0

React组件库封装初探--Modal

antd fixed footer mask position

top: 0; right: 0; bottom: 0; left: 0; z-index: 1000;

2019-04-18

5.1K2

性能优化篇---Webpack构建速度优化

node.js json 缓存 webpack 打包

const Jarvis = require("webpack-jarvis"); plugins: [ new Jarvis({ watchOnly: false, port: 3001 // optional: set a port }) ];

2019-03-20

2.2K0

你不知道的CORS跨域资源共享

网络安全 http 网站

了解下同源策略源（origin）*：就是协议、域名和端口号；同源：就是源相同，即协议、域名和端口完全相同；同源策略：同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源；同源策略的分类： DOM 同源策略：即针对于DOM，禁止对不同源页面的DOM进行操作;如不同域名的 iframe 是限制互相访问。 XMLHttpRequest 同源策略：禁止使用 XHR 对象向不同源的服务器地址发起 HTTP 请求。不受同源策略限制：页面中的链接，

2019-03-20

8700

使用pm2快速将项目部署到远程服务器

ssh javascript git github 开源

使用背景当我们需要将项目部署到远程线上服务器时；传统的方法可能就是：将本地代码通过ssh、ftp等方式上传到服务器；然后通过ssh登入到服务器，配置好环境；手动启动应用。太过手动化，麻烦，操作繁琐。 ---- 现代自动化部署环境：本地（Mac）；远程服务器（CentOS）使用工具：Git、pm2、node；需知概念：ssh秘钥登陆；Github添加Deploy Keys 1、服务器环境部署基本工具安装：git、pm2、node 2、ssh服务器免密登陆服务器生成秘钥对

2019-03-20

2K0

服务器（CentOS)安装配置mongodb

mongodb linux 云数据库 MongoDB 数据库 sql

安装须知 mongo DB下载地址mongodb官网下载 Linux须知知识：安装过程服务器下载安装包下载: curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel62-4.0.6.tgz; 解压：tar -zxvf mongodb-linux-x86_64-rhel62-4.0.6/; 移动到需要存放的目录下mv mongodb-linux-x86_64-rhel62-4.0.6/ /usr/local/mong

2019-03-20

3.6K2

使用pm2部署node生产环境

javascript node.js

一、PM2是什么是可以用于生产环境的Nodejs的进程管理工具，并且它内置一个负载均衡。它不仅可以保证服务不会中断一直在线，并且提供0秒reload功能，还有其他一系列进程管理、监控功能。并且使用起来非常简单。嗯嗯，最好的用处就是监控我们的生产环境下的node程序运行状态，让它给我们日以继日的处于工作状态。 pm2官方文档 ---- 二、为森么要使用pm2 原始社会的我们开发node服务端程序一般过程：编写好node程序app.js，运行node app.js;或者写入script使用npm运行

2019-03-20

4K0

Koa日志中间件封装开发

Koa日志中间件开发封装对于一个服务器应用来说，日志的记录是必不可少的，我们需要使用其记录项目程序每天都做了什么，什么时候发生过错误，发生过什么错误等等，便于日后回顾、实时掌握服务器的运行状态，还原问题场景。 ---- 日志的作用记录服务器程序运行状态；帮助开发者快速捕获错误，定位以及决解故障。 ---- 日志中间件开发工具log4js 在node当中没有自带的日志模块，所以需要使用第三方模块使用模块：log4js 安装： npm i log4js -S logsjs官方文档日志分类:

2019-03-20

1.3K0

魔法CSS（1）——消失的list-style

有时候一个简单Bug的出现，往往是由于一点知识小细节；但往往这点小细节看似简单，其背后却颇有韵味。（需求）这部分UI给换成这样的看起来相对比较简单，分析下结构：整体为无序列表，需要保留前置

2019-03-13

1.2K0

谈谈React中Diff算法的策略及实现

react 编程算法 html

1、什么是Diff算法传统Diff：diff算法即差异查找算法；对于Html DOM结构即为tree的差异查找算法；而对于计算两颗树的差异时间复杂度为O（n^3）,显然成本太高，React不可能采用这种传统算法； React Diff：之前说过，React采用虚拟DOM技术实现对真实DOM的映射，即React Diff算法的差异查找实质是对两个JavaScript对象的差异查找；基于三个策略： Web UI 中 DOM 节点跨层级的移动操作特别少，可以忽略不计。（tree diff）拥有相同

2019-03-13

1.2K0

一个页面从输入URL到加载显示完成，发生了什么？

面试经典题——URL加载一、涉及基本知识点： 1. 计算机网络五层因特尔协议栈：应用层（dns、http）：DNS解析成IP并完成http请求发送；传输层（tcp、udp）：三次握手四次挥手模式建立tcp连接；网络层（IP、ARP）：IP寻址；数据链路层（PPP）：将请求数据封装成帧；物理层：利用物理介质传输比特流（传输的时候通过双绞线、电磁波等） OIS七层框架:多了两层即，会话层（处理两个通信系统中交换信息的表示方式）和表示层（管理不同用户和进程之间的对话）。 get和post的

2018-09-19

1.6K0

5、React组件事件详解

2.在React中，每个事件处理回调函数都会自动绑定到组件实例（使用ES6语法创建的例外）；

2018-09-19

3.7K0

2、React组件的生命周期

- 因为在ES6语法下，类的每个成员函数在执行时的this并不是和类实例自动绑定的； - 而在构造函数中this就是当前组件实例，所以，为了方便将来调用，往往在构造函数中将这个实例的特定函数绑定this为当前类实例： ... constructor(props){ super(props); this.onClickFunc = this.onClickFunc.bind(this); }

2018-09-19

7460

4、React组件之性能优化

react java redux 编程算法

优化并不嫌早。因为，对性能影响最关键的部分，往往涉及解决方案核心，决定整体的架构，将来要改变的时候牵扯更大。

2018-09-19

6100

1、深入浅出React（一）

npm start启动开发环境，npm run build创建生产环境优化代码，npm test用于测试单元，npm run eject把潜藏在react-scripts中的一序列技术栈“弹射”到应用的顶端，此命令不可逆且会改变和增加一些文件。

2018-09-19

1.6K0

3、React组件中的this

这段代码运行，可以看到student.func()打印了student对象，因为此时this指向student对象；而studentFunc()打印了window，因为此时由window调用的，this指向window。

2018-09-19

2.9K0

前端面试题2（CSS）

对BFC规范(块级格式化上下文：block formatting context)的理解？

2018-09-19

2.8K0

前端面试题1（HTML篇）

html 搜索引擎爬虫 seo ide

html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？

2018-09-19

1.8K0

深入React技术栈之setState详解

抛出问题 class Example extends Component { contructor () { super() this.state = { value: 0, index: 0 } } componentDidMount () { this.setState({value: this.state.value + 1}) console.log(this.state.value) // 第一次输出 this.

2018-09-19

7740

点击加载更多

社区活动

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·干货材料·成员作品最新动态