精彩博客

Yarn(包管理器) 的基本用法

Yarn是一个快速、可靠、安全的依赖管理工具,是npm的代替品。 Yarn对你的代码来说是一个包管理工具,你可以通过它使用全世界开发者的代码,或者分享自己的代码。 安装Yarn: 操作系统不同,安...

昨天 14:54
59
0
基于Vue组件化的日期联动选择器功能的实现代码

我们的社区前端工程用的是element组件库,后台管理系统用的是iview,组件库都很棒,但是日期、时间选择器没有那种“ 年份 - 月份 -天数 ” 联动选择的组件。虽然两个组件库给出的相关组件也很...

前天 16:08
33
0
Vue组件参数名命名与组件属性转化示例

本文主要介绍了VueJS 组件参数名命名与组件属性转化问题,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。 HTML 特性是不区分大小写的。所以,当使用的不...

前天 16:07
26
0
利用Vue构造器创建Form组件的通用解决方法

在前端平常的业务中,无论是官网、展示页还是后台运营系统都离不开表单,它承载了大部分的数据采集工作。所以如何更好地实现它,是平常工作中的一个重要问题。 在应用Vue框架去开发业务时,会...

12/07 19:41
200
0
Vue 实现双向绑定的几种方法

1. v-model 指令 <input v-model="text" /> 上例不过是一个语法糖,展开来是: <input :value="text" @input="e => text = e.target.value" /> 2. .sync 修饰符 <my-dialog :visible.sync="...

12/07 17:30
154
0
iOS App冷启动治理:来自美团外卖的实践

一、背景 冷启动时长是App性能的重要指标,作为用户体验的第一道“门”,直接决定着用户对App的第一印象。美团外卖iOS客户端从2013年11月开始,历经几十个版本的迭代开发,产品形态不断完善,...

12/07 14:57
26
0
vue嵌套路由与404重定向实现方法分析

第一部分: vue嵌套路由 嵌套路由是什么? 嵌套路由就是在一个被路由过来的页面下可以继续使用路由,嵌套也就是路由中的路由的意思。 比如在vue中,我们如果不使用嵌套路由,那么只有一个<ro...

12/06 19:53
133
0
CSDN文章自动展开全文无需登录插件(仅限Chrome)!

众所周知csdn里所有blog都记录了程序员们多年的技术积累,他们不吝啬技术,免费分享经验,随着资料的丰富,那些踩过的坑,报过的错,全被前人当成树种下了,现在各类问题基本都能在网上得到解...

12/06 14:34
535
5
foy: 轻量级的基于 nodejs 的通用 build 工具

npm 的 scripts 下写的命令太多就很容易很乱,各种第三方轮子都只能解决一部分问题,总感觉不是很好用,想找个类似 make 的工具只能找到 jake, 可是 jake 的 API 太老,居然很多都不支持 pr...

12/05 18:35
159
0
看了就学会之React redux入门示例

本篇文章主要介绍了react redux入门示例,现在分享给大家,也给大家做个参考。如有不足之处,欢迎批评指正。 环境准备 为了方便,这里使用create-react-app搭建react环境 create-react-app m...

12/04 22:09
202
1
浅谈JavaScript对象添加getter与setter的5种方法

定义 getter 与 setter 1.通过对象初始化器在创建对象的时候指明(也可以称为通过字面值创建对象时声明) (function () { var o = { a : 7, get b(){return this.a +1;},//通过 get,set的 b,...

12/04 21:28
224
1
几个简单的技巧让你写出的vue.js代码更优雅

本文参考自油管上某个国外大神的公开演讲视频,学习了一下觉得很不错,所以在项目中也使用了这些不错的技巧。 1. watch 与 computed 的巧妙结合 如上图,一个简单的列表页面。 你可能会这么做...

12/03 21:37
731
2
vue-router中scrollBehavior的巧妙用法

问题:使用keep-alive标签后部分安卓机返回缓存页位置不精确问题 解决方案: <div id="app"> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-...

12/03 19:05
171
0
如何使用Meteor开发以太坊Dapp

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

12/03 08:57
769
3
vue权限路由实现的方法示例总结

使用全局路由守卫 实现 前端定义好路由,并且在路由上标记相应的权限信息 const routerMap = [ { path: '/permission', component: Layout, redirect: '/permission/index', alwaysShow: tru...

12/01 10:38
299
0
vue---生命周期

这里所说的vue的生命周期指的就是vue组件的生命周期,组件从创建到销毁的过程代表一个完整的生命周期。 在vue组件中,组件的实例从创建前(beforeCreate)、创建后(created)、挂载前(beforeMo...

11/29 16:30
361
0
深入解析VueJs中的V-bind指令

v-bind 主要用于属性绑定,比方你的class属性,style属性,value属性,href属性等等,只要是属性,就可以用v-bind指令进行绑定.这次主要介绍了VueJs中的V-bind指令,需要的朋友可以参考下 v-...

11/29 16:01
165
0
Vue高版本中一些新特性的使用详解

一、深度作用选择器( >>> ) 严格来说,这个应该是vue-loader的功能。”vue-loader”: “^12.2.0” 在项目开发中,如果业务比较复杂,特别像中台或B端功能页面都不可避免的会用到第三方组件...

11/29 14:34
363
0
深入浅出Vue 使用中的小技巧

众所周知在vue的使用过程中会遇到各种场景,当普通使用时觉得没什么,但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧,在下将不定期更新~ 1. 多图表...

11/29 14:07
321
0
ES6的这些操作技巧,你会吗?

ES6出来已经有好几年了,同时很多新特性可以被巧妙地运用在项目中。本文就讲述ES6的这些操作技巧,你会吗? 1. 强制要求参数 ES6提供了默认参数值机制,允许你为参数设置默认值,防止在函数被...

11/28 22:02
653
4

没有更多内容

加载失败,请刷新页面

如何使用Meteor开发以太坊Dapp

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

06/06 15:16
1K
4
自定义跨平台比特币实时行情看板

![](https://static.oschina.net/uploads/img/201805/24192235_l9n0.png) ### 一、前言 前段时间跟朋友炒币,总是需要打开交易平台才能看行情,有点麻烦,而且那个窗口也特别大,内容也很杂。...

05/23 17:04
1K
1
JavaScript成语消消乐

一 预览 二 开发步骤 基本面向过程的思想。没有面向对象的部分。 准备好成语库。db.js 选出每一关的成语。 对成语进行乱序。 初始化表格的同时,将单个字放到每个单元格的按钮上展示。 对tbo...

05/23 11:44
2.3K
9
使用Remix编译和部署以太坊智能合约

![以太坊remix汇智网](https://static.oschina.net/uploads/img/201804/20113835_7UHh.png "以太坊remix汇智网") Remix 是一个开源的 Solidity 智能合约开发环境,提供基本的编译、部署至本地...

04/20 11:15
1K
2
手把手教你打造一个可视化接口自动化测试系统

现如今,接口开发几乎成为一个互联网公司的标配了,无论是web还是app,哪怕是小程序,都离不开接口作为支撑,当然,这里的接口范围很广,从http到websocket,再到rpc,只要能实现数据通信的都...

04/19 12:33
2.8K
7
合格前端系列第十弹-揭秘组件库一二事

是不是很想自己造一个类似 element-ui,vant,vux 等等优秀的组件库,那你还等什么?跟着我一起开始吧 ~

03/17 18:02
2.6K
11
快速开发 HTML5 WebGL 的 3D 斜面拖拽生成模型

如何在一个斜面上创建 3D 模型?如何通过拖拽创建 3D 模型?这些我们在实际项目中用到的概率也着实不低。我们知道,空间中存在无数个面,一个点和一条法线就能创建一个面,如何利用好这两个部...

03/13 07:57
1K
0
你需要Mobx还是Redux?

在过去一年,越来越多的项目继续或者开始使用React和Redux开发,这是目前前端业内很普遍的一种前端项目解决方案,但是随着开发项目越来越多,越来越多样化时,个人又有了不同的感受和想法。是...

02/11 13:37
1K
2
基于 HTML5 WebGL 的 3D 网络拓扑结构图

现在,3D 模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型;电影行业将它们用于活动的人物、物体以及现实电影;视频游戏产业将它们作为计算机与视频游戏中的资源;在科学...

01/29 06:14
3K
7

没有更多内容

加载失败,请刷新页面

从源码里解析vue中的nextTick的用法

今天做了一个需求,场景是这样的: 在页面拉取一个接口,这个接口返回一些数据,这些数据是这个页面的一个浮层组件要依赖的,然后我在接口一返回数据就展示了这个浮层组件,展示的同时,上报...

昨天 22:12
2
0
基于React+Redux的SSR实现方法

为什么要实现服务端渲染(SSR) 总结下来有以下几点: SEO,让搜索引擎更容易读取页面内容 首屏渲染速度更快(重点),无需等待js文件下载执行的过程 代码同构,服务端和客户端可以共享某些代码...

昨天 22:03
2
0
通过Ajax方式绑定select选项数据的实例

今天小编就为大家分享一篇通过Ajax方式绑定select选项数据的实例,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。 问题描述 在编写Web页面的时候常常需...

昨天 21:57
2
0
JavaScript 继承使用解析

继承,通俗地说,之前你写过一些类,这些类中有一些是而你现在要写的类的功能的子集或者基本相同,那么你不用完全重新写一个新的类,你可以把之前写的类拿过来使用.这样的一种代码重用过程就叫做继...

昨天 21:48
0
0
深入解析JavaScript 原型继承

JavaScript 原型继承,学习js面向对象的朋友可以看看。十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。 Object.prototype JavaScript是...

昨天 21:46
1
0
深入解析JSON与XML优缺点对比

本文从各个方面向大家对比展示了json和xml的优缺点,十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。 #1. 定义介绍 1.1 XML定义 扩展标...

昨天 21:37
3
0
Vue 单页应用(spa)前端路由实现原理

一文搞懂单页应用原理Vue项目History模式路由机制 源码分析VueVueRouter Vue 单页应用(spa)前端路由实现原理 写在前面:通常 SPA 中前端路由有2种实现方式: window.history location.hash...

昨天 21:36
3
0
Vuex的初探与实战小结

1.概述 每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。 Vuex 和单纯的全局对象有以下两点不同: 1.Vuex 的状态存储是响...

昨天 21:34
4
0
CSS 背景图片全屏显示

<style> html { background: url(./static/login/xia.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-......

昨天 21:31
4
0
jquery

语法 描述 实例 $("*") 选取所有元素 在线实例 $(this) 选取当前 HTML 元素 在线实例 $("p.intro") 选取 class 为 intro 的 <p> 元素 在线实例 $("p:first") 选取第一个 <p> 元素 在线实例 ...

昨天 21:04
4
0
react程序开发问题记录

1、webpack.config.dev.js文件的publicpath配置

昨天 18:03
4
0
javascript 值转换为布尔值

任意javascript 的值都可以转换为布尔值。 特别是在 if() 等判断中使用的时候: 下面这些值会被转换为 false undefined , null , 0 , -0 , NaN , "" 空字符串 来自 JavaScript 权威指南 书籍...

昨天 17:59
4
0
基于echarts实时温度折线图表

这里动态数据使用了js模拟生成,使用时修改一下即可。 效果图 a.html代码: <!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 100%...

昨天 16:52
5
0
js实现0 1 互转

这个在区分2种情况的时候还是非常有用的 下面介绍两种方式: 第一种:使用异或的方式,异或运算符^,即参加运算的两个对象,如果两个相应位为“异”(值不同),则该位结果为1,否则为0。 1^...

昨天 15:45
4
0
ES6私有变量的实现

1. 约定 实现 class Example { constructor() { this._private = 'private'; } getName() { return this._private } } var ex = new Example(); console.log(ex.getName()); // private cons...

昨天 15:28
6
0
Yarn(包管理器) 的基本用法

Yarn是一个快速、可靠、安全的依赖管理工具,是npm的代替品。 Yarn对你的代码来说是一个包管理工具,你可以通过它使用全世界开发者的代码,或者分享自己的代码。 安装Yarn: 操作系统不同,安...

昨天 14:54
59
0
2018开发人员路线图

![任何开发人员都需要学习的](https://oscimg.oschina.net/oscnet/12464d4adebec0e33a77ba79635aee857ba.jpg "任何开发人员都需要学习的") ![前端路线图](https://oscimg.oschina.net/oscnet...

昨天 14:23
10
0
slot分发内容

slot元素作为组件模板之中的内容分发插槽。这个元素自身将被替换。 有 name 特性的 slot 称为具名 slot。 有 slot 特性的内容将分发到名字相匹配的具名 slot。 内容分发就是指混合父组件的内...

昨天 13:58
5
0
angular测试

1、Karma+Jasmine单元测试 2、Protractor 3、强大的f2etest见githup是阿里的东西:https://github.com/alibaba/f2etest...

昨天 13:24
3
0
8张图让你一步步看清 async/await 和 promise 的执行顺序

**摘要:**面试必问 原文:8张图帮你一步步看清 async/await 和 promise 的执行顺序 作者:ziwei3749 Fundebug经授权转载,版权归原作者所有。 为什么写这篇文章? 说实话,关于js的异步执行顺...

昨天 11:32
6
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部