精彩博客

React 世界的一等公民 - 组件

Choerodon猪齿鱼平台使用 React 作为前端应用框架,对前端的展示做了一定的封装和处理,并配套提供了前端组件库Choerodon UI。结合实际业务情况,不断对组件优化设计,提高代码质量。 本文将...

昨天 09:16
485
2
深入解析Vue 和微信小程序的区别、比较

写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别。 一、生命周期 先贴两张图: vue生命周期 小程序生命周期 相比之下,小程序的钩子函数要简单得多。 vue的...

02/17 16:52
491
1
浅谈Vue数据响应

Vue 中可以用 $watch 实例方法观察一个字段,当该字段的值发生变化时,会执行指定的回调函数(即观察者),实际上和 watch 选项作用相同。如下: vm.$watch('box', () => { console.log('bo...

02/14 22:09
1K
5
Dojo 表单校验

tutorials/1015_form_validation/index.md commit 3e0f3ff1ed392163bc65e9cd015c4705cb9c586e {% section 'first' %} 表单校验 Overview 本教程将介绍如何在示例应用程序的上下文中处理基本的...

02/14 21:22
213
0
深度解析利用ES6进行Promise封装总结

这篇文章主要介绍了如何利用ES6进行Promise封装总结,文中通过示例代码介绍的非常详细,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指...

02/14 15:06
224
2
JavaScript 九种跨域方式实现原理

前言 前后端数据交互经?;崤龅角肭罂缬?,什么是跨域,以及有哪几种跨域方式,这是本文要探讨的内容。 一、什么是跨域? 1.什么是同源策略及其限制内容? 同源策略是一种约定,它是浏览器最核...

02/13 19:59
3.1K
32
css加载会造成阻塞吗

本文由云+社区发表 作者:嘿嘿嘿 可能大家都知道,js执行会阻塞DOM树的解析和渲染,那么css加载会阻塞DOM树的解析和渲染吗?接下来,我就来对css加载对DOM树的解析和渲染的影响做一个测试。 ...

02/12 17:58
2.4K
19
JavaScript中对象的浅复制和深复制

在JavaScript中,如果要复制一个变量我们应该怎么做呢?下面这种做法是最简单的一种形式: //把a复制给b let a = 12; let b = a; 这种复制方法只能适用于基本类型,如果a是对象怎么办呢?我们...

02/08 17:32
1K
5
Chameleon跨端框架——壹个理想主义团队的开源作品

文章较长,信息量很大,请耐心阅读,必然有收获。下面正文开始~ 背景 解决方案 原理 久经考验 生产应用举例 易用性好 多态协议 学习成本低 渐进式接入 业内对比 后期规划 理想主义 历经近20个...

02/01 13:49
967
3
javascript 几种常用继承方法和优缺点分析

1.原型链继承(最简单) 核心 (实现思路):用父类的实例充当子类原型对象 function Person(name) { this.name = name; this.fav = ['basketball', 'football']; this.detail = {country : '中国...

01/25 16:35
27
0
详解利用clear清除浮动的一些问题解决

下面这段代码是用来清除浮动带来的高度塌陷问题 .clearfix:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; } Question 1: 上面的代码的......

01/23 22:16
468
1
React SSR样式及SEO的实践

前一篇主要记录了一下SSR配置以及结合Redux的使用。这里简单说一下React SSR中样式处理和更优雅的SEO SSR样式 在React客户端渲染,添加样式很容易。写一个css样式文件,在对应组件中引用。标...

01/22 22:18
191
0
React Native工程中TSLint静态检查工具的探索之路

背景 建立的代码规范没人遵守,项目中遍地风格迥异的代码,你会不会抓狂? 通过测试用例的程序还会出现Bug,而原因仅仅是自己犯下的低级错误,你会不会抓狂? 某种代码写法存在问题导致崩溃时...

01/22 10:53
317
0
如何使用less实现随机下雪动画详解

冬天来了,设计师说摇摇乐的场景需要随机下落的雪花动画,第一时间就想到的方法是canvas比较好,项目非常紧急,然而小程序对canvas支持不够友好,容易在项目中出现无法预估的兼容性问题 ,马...

01/21 22:17
1K
6
开源 UI 库中,唯一同时实现了大表格虚拟化和树表格的 Table 组件

背景 有这样一个需求,一位 React Suite(以下简称 rsuite)的用户,他需要一个 Table 组件能够像 Jira Portfolio 一样,支持树形数据,同时需要支持大数据渲染。 截止到目前(2019年1月18日...

01/18 15:06
2.9K
4
使用 ale.js 制作一个小而美的表格编辑器(3)

今天来教大家如何使用 ale.js 制作一个小而美的表格编辑器,首先先上 gif: 是不是还是有一点非常 cool 的感觉的?那么我们现在开始吧! 这是我们这篇文章结束后完成的效果(如果想继续完成请...

01/17 17:00
264
0
深度解析JavaScript事件对象

这篇文章主要介绍了JavaScript事件对象,结合实例形式深入分析了javascript DOM、IE及其他浏览器相关事件对象操作技巧与注意事项,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可...

01/16 21:30
327
0
使用 ale.js 制作一个小而美的表格编辑器(2)

今天来教大家如何使用 ale.js 制作一个小而美的表格编辑器,首先先上 gif: 是不是还是有一点非常 cool 的感觉的?那么我们现在开始吧! 这是我们这篇文章结束后完成的效果(如果想继续完成请...

01/16 16:57
453
0
使用 ale.js 制作一个小而美的表格编辑器(1)

今天来教大家如何使用 ale.js 制作一个小而美的表格编辑器,首先先上 gif: 是不是还是有一点非常 cool 的感觉的?那么我们现在开始吧! 这是我们这篇文章结束后完成的效果(如果想继续完成请...

01/15 17:27
582
2
如何优雅地查看 JS 错误堆栈?

本文由云+社区发表 在前端,我们经?;嵬ü?window.onerror 事件来捕获未处理的异常。假设捕获了一个异常,上报的堆栈是这个: TypeError: Cannot read property 'module' of undefined at O...

01/15 11:56
509
1

没有更多内容

加载失败,请刷新页面

浅谈Vue数据响应

Vue 中可以用 $watch 实例方法观察一个字段,当该字段的值发生变化时,会执行指定的回调函数(即观察者),实际上和 watch 选项作用相同。如下: vm.$watch('box', () => { console.log('bo...

02/14 22:09
1K
5
JavaScript 九种跨域方式实现原理

前言 前后端数据交互经?;崤龅角肭罂缬?,什么是跨域,以及有哪几种跨域方式,这是本文要探讨的内容。 一、什么是跨域? 1.什么是同源策略及其限制内容? 同源策略是一种约定,它是浏览器最核...

02/13 19:59
3.1K
32
css加载会造成阻塞吗

本文由云+社区发表 作者:嘿嘿嘿 可能大家都知道,js执行会阻塞DOM树的解析和渲染,那么css加载会阻塞DOM树的解析和渲染吗?接下来,我就来对css加载对DOM树的解析和渲染的影响做一个测试。 ...

02/12 17:58
2.4K
19
JavaScript中对象的浅复制和深复制

在JavaScript中,如果要复制一个变量我们应该怎么做呢?下面这种做法是最简单的一种形式: //把a复制给b let a = 12; let b = a; 这种复制方法只能适用于基本类型,如果a是对象怎么办呢?我们...

02/08 17:32
1K
5
开源 UI 库中,唯一同时实现了大表格虚拟化和树表格的 Table 组件

背景 有这样一个需求,一位 React Suite(以下简称 rsuite)的用户,他需要一个 Table 组件能够像 Jira Portfolio 一样,支持树形数据,同时需要支持大数据渲染。 截止到目前(2019年1月18日...

01/18 15:06
2.9K
4
大前端时代安全性如何做

之前在上家公司的时候做过一些爬虫的工作,也帮助爬虫工程师解决过一些问题。然后我写过一些文章发布到网上,之后有一些人就找我做一些爬虫的外包,内容大概是爬取小红书的用户数据和商品数据...

01/15 01:18
4.4K
26
这样做动画交互,一点都不费力!

本文由云+社区发表 作者:paulzeng **导语:**Lottie是Airbnb开源的一个面向 iOS、Android、React Native 的动画库,可实现非常复杂的动画,使用也及其简单,极大释放人力,值得一试。 一、简...

01/09 12:00
3.5K
14
深入解析Koa之核心原理

这篇文章主要介绍了玩转Koa之核心原理分析,本文从封装创建应用程序函数、扩展res和req、中间件实现原理、异常处理的等这几个方面来介绍,写的十分的全面细致,具有一定的参考价值,对此有需...

01/09 10:39
2.3K
6
如何使用Meteor开发以太坊Dapp

本教程将向你展示如何设置Meteor应用程序以用作Dapp,并可能回答几个关于为什么应该使用Meteor的问题。 常问问题 Meteor不是一个完整的堆栈框架,它是如何适应Dapp开发的 是的,Meteor是一...

2018/12/03 08:57
844
3
vue技术分享之你可能不知道的7个秘密

本文是vue源码贡献值Chris Fritz在公共场合的一场分享,觉得分享里面有不少东西值得借鉴,虽然有些内容我在工作中也是这么做的,还是把大神的ppt在这里翻译一下,希望给朋友带来一些帮助。 ...

2018/11/27 15:08
3.5K
13
JavaScript对象继承方式

一、对象冒充 其原理如下:构造函数使用 this 关键字给所有属性和方法赋值(即采用类声明的构造函数方式)。因为构造函数只是一个函数,所以可使 Parent 构造函数 成为 Children 的方法,然后...

2018/11/06 20:07
1K
13
immutability因React官方出镜之使用总结分享!

引言   之前项目中遇到数据拷贝、引用之间数据层级嵌套过深,拷贝的值相互之间影响的问题,后来引入了immutability-helper,使用过程中的一些总结,跟大家分享下,至于为什么不是immutable...

2018/11/05 08:40
857
0
前端安全系列之二:如何防止CSRF攻击?

背景 随着互联网的高速发展,信息安全问题已经成为企业最为关注的焦点之一,而前端又是引发企业安全问题的高危据点。在移动互联网时代,前端人员除了传统的 XSS、CSRF 等安全问题之外,又时常...

2018/10/12 10:43
5.1K
29
揭密 Vue 的双向绑定

Vue 中需要输入什么内容的时候,自然会想到使用 的方式来实现双向绑定。下面是一个最简单的示例 What's your name:

2018/10/05 11:31
3K
5
Vue CLI 3搭建vue+vuex 最全分析

一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令) CLI ...

2018/09/14 13:35
5.6K
9
Vue CLI 2.x搭建vue,目录最全分析

一、vue-cli介绍 vue-cli是一个用于快速搭建vue项目的 脚手架。 二、vue-cli安装、更新 安装过nodeJs 、cnpm 后,全局安装vue-cli(以后其他项目可直接使用): cnpm install -g vue-cli 更新...

2018/09/12 17:32
3.3K
9
vue开源项目

包括一些ui库和比较完整的小项目。ui库会对主要的单选框,多选框,级联选择器,滑块,日期/时间选择器,进度条,分页,弹框,通知,导航菜单,步骤条等截图比较 写在前面的 评价纯属个人主观...

2018/09/12 00:36
11.6K
52
用 D3.js 画一个手机专利关系图, 看看苹果,三星,微软间的专利纠葛

用 D3.js 画一个手机专利关系图, 看看苹果,三星,微软间的专利纠葛 前言 本文灵感来源于Mike Bostock 的一个 demo 页面 原 demo 基于 D3.js v3 开发, 笔者将其使用 D3.js v5 进行重写, 并改为...

2018/07/16 10:08
3.5K
5
Vue 兼容 ie9 的全面解决方案

排列5的开奖号码 www.7jqdc.com.cn 前言 背景情况 vue - 2.5.11 vue-cli 使用模板 webpack-simple http请求:axios Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+,即是 ie9 及更高的版本。经过测试,Vue 的核心框架 vuej...

2018/06/19 10:11
4K
6
如何选择 Web 前端模板引擎?

Web 模板就在那里 模板引擎负责组装数据,以另外一种形式或外观展现数据。 浏览器中的页面是 Web 模板引擎最终的展现。 无论你是否直接使用模板引擎,Web 模板一直都在,不在前端就在后端,它...

2018/06/06 15:16
1K
4

没有更多内容

加载失败,请刷新页面

个推Node.js 微服务实践:基于容器的一站式命令行工具链

作者:个推Node.js 开发工程师 之诺 背景与摘要 由于工程数量的快速增长,个推在实践基于 Node.js 的微服务开发的过程中,遇到了如下问题: 1. 每次新建项目都需要安装一次依赖,这些依赖之间...

刚刚
0
0
vue跨页面调用与传参

主页面包含区域设置 <router-view @my-event="getMyEvent" ref="childrenmode" ></router-view> 其中 @my-event="getMyEvent" 用来给子页面调用的 子页面调用方法 this.$emit('my-event','r...

26分钟前
0
0
Winform动态创建控件对DPI的处理

先在100%环境下调试好动态控件的位置,然后对应的位置再*dpiRatio Graphics currentGraphics = Graphics.FromHwnd(IntPtr.Zero); double dpixRatio = currentGraphics.DpiX / 96; ![......

44分钟前
0
0
Canvas基本动画-太阳系的动画

动画的基本步骤 1、清空canvas 除非接下来要画的内容会完全充满canvas(例如背景图),否则你需要清空所有,最简单的方法是使用clearRect方法 2、保存canvas状态 如果你要改变一些会改变canva...

今天 13:24
3
0
全职ui设计师岗位需要具备哪些工作技能

好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。Ui设计师可以让网页变的更美,让图片变的更真实,而今,ui设计师成了一个公司不可...

今天 11:22
2
0
Angular webpack打包内存泄漏问题解决(FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out )

编译项目出现如下错误 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 原因 node的堆内存上限大概在1.7G,如果超过就会出现次错误 解决方法 全局安装...

今天 10:11
1
0
React的组件模式

摘要: 组件是 React 的核心。 原文:React的组件模式 作者:前端小智 Fundebug经授权转载,版权归原作者所有。 组件是 React 的核心,因此了解如何利用它们对于创建优秀的设计结构至关重要。...

今天 09:40
3
0
QQ音乐的动效歌词是如何实践的?

本文由云+社区发表 作者:QQ音乐技术团队 一、 背景 1. 现状 歌词浏览已经成为音乐app的标配,展示和动画效果也基本上大同小异,主要是单行的逐字染色的卡拉OK效果和多行的滚动效果。当然,我...

昨天 19:33
7
0
Java开源诊断工具 Arthas 发布v3.1.0

Arthas 自2018年9月份上线以来「传送门」,已收获近万个star,感谢开发者们的认可。此次Arthas 3.1.0版本的发布,不仅带来大家投票出来的新LOGO,还带来强大的新功能和更好的易用性,下面一一...

昨天 16:25
5
0

前言 在SOA、微服务架构流行的年代,许多复杂业务上需要支持多资源占用场景,而在分布式系统中因为某个资源不足而导致其它资源占用回滚的系统设计一直是个难点。我所在的团队也遇到了这个问题...

昨天 16:18
2
0
使用 QuickBI 搭建酷炫可视化分析

随着各行各业大数据的渗透,BI 类数据分析需求与日俱增,如何让可视化更好的展现数据的价值,是 BI 类产品一直努力的方向。对此国内外的BI产品都有自己的方法,如国外大牌的 PowerBI、Table...

昨天 16:01
0
0
自学web前端课程大纲分享,适合所有人学习

前端开发不仅就业前景好,而且薪资也较高,所以,现在学习前端的同学也越来越多,有转行的也有刚毕业的大学生,其中可能不少人会选择自学web前端的课程来达到就业的目的,那么对于初入web前端...

昨天 16:01
2
0
云HBase发布全文索引服务,轻松应对复杂查询

云HBase发布了“全文索引服务”功能,自2019年01月25日后创建的云HBase实例,可以在控制台免费开启此“全文索引服务”功能。使用此功能可以让用户在HBase之上构建功能更丰富的搜索业务,不再...

昨天 15:54
0
0
Bootstrap学习笔记

Bootstrap4 目前是 Bootstrap 的最新版本,是一套用于 HTML、CSS 和 JS 开发的开源工具集??佳癇ootstrap之前,需要具备HTML,CSS,JS的知识。具备这些前端知识后,可以通过Bootstrap的官...

昨天 15:43
4
0
ES6 对象的新功能与解构赋值介绍

ES6 通过字面量语法扩展、新增方法、改进原型等多种方式加强对象的使用,并通过解构简化对象的数据提取过程。 一、字面量语法扩展 在 ES6 模式下使用字面量创建对象更加简洁,对于对象属性来...

昨天 15:20
5
0
npm ERR! Unexpected end of JSON input while parsing near '...wrap":false,"director'

npm install 的时候出现错误: npm ERR! Unexpected end of JSON input while parsing near '...","webpack-dev-server' 解决方案: 第一步: npm cache clean --force 第二步:(再安装) ...

昨天 14:25
3
0
Visual Studio系列教程:使用XAML工具创建用户界面(二)

Visual Studio是一款完备的工具和服务,可帮助您为Microsoft平台和其他平台创建各种各样的应用程序。在本系列教程中将介绍如何为图像编辑创建基本的用户界面,有任何建议或提示请在下方评论区...

昨天 12:03
4
0
使用按钮代替input file

使用label标签

昨天 11:42
6
0
nodejs实践---webpack入门教程

一:Webpack介绍 Webpack 是一个前端资源加载/打包工具。它将根据??榈囊览倒叵到芯蔡治?,然后将这些??榘凑罩付ǖ墓嬖蛏啥杂Φ木蔡试?。 webpack是一个前端构建工具。那么什么是构...

昨天 11:08
5
0
puppeteer尝试-爬链家

const puppeteer = require('puppeteer'); (async () => { const browser = await (puppeteer.launch({ //设置超时时间 timeout: 15000, //如果是访问https页面 此属性会忽略https错误 ......

昨天 11:06
0
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部
  • 劳动创造价值,看生产队求工分值之实践。事实说劳动创造价值,能否认的了吗? 2019-02-20
  • 红网定位党网 首页改版上线打造“五大平台” 2019-02-20
  • 中国电信安康分公司60家智慧家庭便民服务中心盛大开业中国电信安康-最新活动 2019-02-20
  • 5G标准出炉!与4G有啥不一样? 或1秒内下载1G电影 2019-02-20
  • 甘肃裕河:“美猴王”下山 2019-02-19
  • 比利时并不轻松地击败巴拿马 2019-02-19
  • 【对话马克思·院长名家谈②】郝立新:马克思给我们留下怎样丰富的思想遗产 2019-02-19
  • 洪崖洞、长江索道、李子坝轻轨站……这些网红景点21年前的模样你知道吗? 2019-02-18
  • 正义感爆棚:流浪狗“路见不平” 赶跑打劫男子 2019-02-18
  • 北京三环内“最贵”麦田 变为城市独特风景线 2019-02-18
  • 凝聚合作共赢的价值公约数 2019-02-17
  • 紫光阁中共中央国家机关工作委员会 2019-02-17
  • 以古鉴今,习近平多次提及屈原 2019-02-17
  • 迈向5G新世界:将彻底改变我们的社交与互动方式 2019-02-16
  • [理上网来·辉煌十九大]蔡昉:转向高质量发展“三谈” 2019-02-16
  • 310| 65| 339| 229| 464| 975| 821| 856| 50| 684|