微信小程序实现两边小中间大的轮播效果的示例代码

不啰嗦,直接上代码了 `imgUrls: [` `{` `url:` `'[http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg](http://img02.tooopen.com/images/20150928/...

2018-12-09 18:01:35

阅读数 1516

评论数 0

canvas探照灯效果

canvas中的clip()方法用于从原始画布中剪切任意形状和尺寸。一旦剪切了某个区域,则所有之后的绘图都会被限制在被剪切的区域内(不能访问画布上的其他区域) 也可以在使用clip()方法前通过使用save()方法对当前画布区域进行保存,并在以后的任意时间通过restore()方法对其进行恢...

2018-11-29 20:03:34

阅读数 719

评论数 0

业务,程序员都是怎么做好的

前言   技术能做两种事情,通过技术实现业务和通过技术支持技术。我们大部分时候做的是前者,养活我们的大部分也是业务。 近两个月,作为项目负责人角色从0到1经历了新项目的几个版本迭代,跨入了部分新领域,也有一定收获,对如何做好业务也比以前有了更深的理解,所以作此博客记录项目中经历的事情,和自己对业...

2018-11-22 21:34:41

阅读数 652

评论数 0

基于Vue实现动态组织结构图

最近一个项目里有个前端绘制家谱图的需求,大概是下面这个样子: 基于Vue实现动态组织结构图 点击节点会弹出操作菜单,实现增删改查等操作,查阅网上资料发现,现有案例基本都是基于orgchart这个jQuery插件实现的,我们的项目是基于Vue的,不希望因为这个功能引入jQuery,所以就基于Vue实...

2018-10-20 21:46:58

阅读数 1000

评论数 1

Node.js模拟发起http请求从异步转同步的5种方法

使用 Node.js 模拟发起 http 请求很常用的,但是由于 Node 模块(原生和第三方库)提供里面的方法都是异步,对于很多场景下应用很麻烦,不如同步来的方便。下面总结了几个常见的库 API 从异步转同步的几种方法。模块有: request , request-promise , reque...

2018-09-28 21:23:38

阅读数 775

评论数 0

JavaScript链式调用实例浅析

本文实例分析了JavaScript链式调用。分享给大家供大家参考,具体如下: 对$函数你已经很熟悉了。它通常返回一个html元素或一个html元素的集合,如下: function$(){ var elements = []; for(vari=0,len=arguments.length;...

2019-02-15 22:09:29

阅读数 3

评论数 0

浅谈Vue数据响应

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

2019-02-14 22:09:06

阅读数 10

评论数 0

深入理解Vue.js轻量高效的前端组件化方案

Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在GitHub上已经有5000+的star。本文将从各方面对Vue.js做一个深入的介绍。 Vue.js 是我在2014年2月开源的一个前端开发库,通过简洁的 API 提...

2019-02-14 16:53:22

阅读数 8

评论数 0

JavaScript 九种跨域方式实现原理

前言 前后端数据交互经常会碰到请求跨域,什么是跨域,以及有哪几种跨域方式,这是本文要探讨的内容。 一、什么是跨域? 1.什么是同源策略及其限制内容? 同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到 XSS、CSFR 等攻击。所谓同源是指&quo...

2019-02-13 19:59:48

阅读数 33

评论数 0

详解利用clear清除浮动的一些问题解决

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

2019-01-23 22:17:22

阅读数 47

评论数 0

React SSR样式及SEO的实践

前一篇主要记录了一下SSR配置以及结合Redux的使用。这里简单说一下React SSR中样式处理和更优雅的SEO SSR样式 在React客户端渲染,添加样式很容易。写一个css样式文件,在对应组件中引用。标签上通过className这个属性调用对应样式就万事Ok了。当然我们需要在webpack...

2019-01-22 22:20:12

阅读数 15

评论数 0

如何使用less实现随机下雪动画详解

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

2019-01-21 22:17:06

阅读数 21

评论数 0

发布一款npm包帮助理解npm的使用

npm 在前端工程化中扮演着不可或缺的角色,前端工程师每天通过npm安装项目依赖,通过npm发布自己的包,更新包,通过npm 脚本运行开发环境,打包等。 平时专注于实现业务,一直没有去了解一款包的发布流程,忙里偷闲,今天就体验下编写并发布一个package的过程,记录下来分享给大家。 一个包诞生的...

2019-01-21 22:13:02

阅读数 18

评论数 0

玩转Koa之核心原理分析

Koa作为下一代Web开发框架,不仅让我们体验到了async/await语法带来同步方式书写异步代码的酸爽,而且本身简洁的特点,更加利于开发者结合业务本身进行扩展。 本文从以下几个方面解读Koa源码: 封装创建应用程序函数 扩展res和req 中间件实现原理 异常处理 一、封装创建应用程序函数 利...

2019-01-20 22:07:59

阅读数 18

评论数 0

你真的需要了解一下CSS变量 var()的用法

当Web项目变得越来越大时,他的CSS会变得像天文数字那么大而且还变得混乱。为了帮助我们解决这个问题,新的CSS变量很快就会出现在主流浏览器中,它让开发人员能够重用并轻松编辑重复出现的CSS属性。用过SASS或Less的人应该知道他的变量功能有多棒,但这些变量是预处理器,需要在使用前进行编译。现在...

2019-01-18 22:08:20

阅读数 12

评论数 0

浅谈webpack devtool里的7种SourceMap模式

这篇文章主要介绍了浅谈webpack devtool里的7种SourceMap模式,主要介绍了这7种模式的使用和打包编译后的结果的不同,非常具有实用价值,有兴趣的可以了解一下 我们先来看看文档对这 7 种模式的解释: 注1: webpack不仅支持这 7 种,而且它们还是可以任意组合上面的eva...

2019-01-17 22:00:23

阅读数 13

评论数 0

编写可维护的 JavaScript

几乎每个程序员都有接手维护别人遗留项目的经历。或者,有可能一个老项目某一天又被重新启动。 通常情况下,接手老项目都会让人恨不得抛弃掉整个代码库从头开始。老代码凌乱、文档缺失、需要研究很多天才能完全搞明白它。然而,通过合适的规划、分解和 好的工作流,项目代码可以变得干净、有组织和可扩展。 我曾经接手...

2019-01-16 22:15:33

阅读数 28

评论数 0

你可以看下这些年来,编程领域有什么重要进展?

编程语言层出不穷,然而内核是万变不离其宗。我个人看法觉得是以下几个方面的变化比较明显。 语言本身: ##1. 工业标准 网页标准有 W3C 控制,尤其是浏览器的开发,所有主流的浏览器都会自觉符合这个组织的标准,当然这些开发商本身就是这个组织的成员。所以新的 HTML5,CSS3,ES6 Jav...

2019-01-15 22:05:35

阅读数 23

评论数 0

15 个有趣的 JavaScript 与 CSS 库

在十一月份的前端技术列表中,我们整合了一些令人感到惊叹的 GitHub 项目,其中包含了新的 CSS 框架、node.js包管理器,以及用于实现图标、加载效果、工具提示的纯 CSS 解决方案。 那么,让我们一起来看看吧。Have Fun ! 1. Wing Wing ...

2019-01-14 20:47:37

阅读数 27

评论数 0

《你是全沾,全站,还是全栈程序员呢》

与其他互联网热词一样,”全栈“程序员也是英译过来的,英文全文是:Full-Stack Developer,你想啊,中国人民怎么会用客栈的栈、堆栈的栈来形容工程师呢? 谈论一个概念,首先得给伊个定义,一般来说,全栈工程师就是指技术多面手,掌握多种技能,能够独立完成 non-trivial appli...

2019-01-11 22:06:47

阅读数 38

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭