精彩博客

foy: 轻量级的基于 nodejs 的通用 build 工具

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

今天 18:35
24
0
看了就学会之React redux入门示例

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

昨天 22:09
85
1
浅谈JavaScript对象添加getter与setter的5种方法

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

昨天 21:28
79
0
几个简单的技巧让你写出的vue.js代码更优雅

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

前天 21:37
460
0
vue-router中scrollBehavior的巧妙用法

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

前天 19:05
123
0
如何使用Meteor开发以太坊Dapp

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

前天 08:57
79
0
vue权限路由实现的方法示例总结

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

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

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

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

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

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

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

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

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

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

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

11/28 22:02
601
3
深入解析vue.js数据绑定操作

废话不多说,直接进入正题?。?! 数据绑定 响应式的数据绑定系统。建立绑定之后,DOM将和数据保持同步,无须手动维护DOM。使代码能够更加简洁易懂、提升效率。 数据绑定语法 1.文本插值 {{ }...

11/28 22:00
188
0
vue实现多个元素或多个组件之间动画效果

多个元素的过渡 <style>   .v-enter,.v-leave-to{     opacity: 0;   }   .v-enter-acitve,.v-leave-active{     opacity: opacity 1s;   } </style> <div id='app'>   <...

11/28 21:58
140
0
4个顶级开源JavaScript图表库

图表对于可视化数据和使网站具有吸引力非常重要??墒踊菔臼狗治龃罂槭莺痛镄畔⒈涞酶尤菀?。JavaScript图表库使你能够以易于理解和交互的方式可视化数据,并改善网站的设计。有四个顶...

11/28 15:24
456
1
月下载量千万的 npm 包被黑客篡改,Vue 开发者可能正在遭受攻击

转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 【年末促销】葡萄城 2018 岁末福利火热放送中 原文转载自 公众号 justjavac 早起看手机,结果...

11/28 08:44
778
3
深入解析vue.js响应式原理与实现

vue.js响应式原理解析与实现。angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后,再接触了vue.js,当时也一度很好奇vue.js是如何监测数据更新并且重新渲染页面。vue.js响应式原理...

11/27 16:54
269
2
教你如何在Angular中使用better-scroll插件

本文主要介绍了Angular中使用better-scroll插件的方法,小编觉得挺不错的,现在分享给大家。 better-scroll的使用 由于需要在一个固定的的高度做无限滚动,本来css的overflow-y也可以完成的,...

11/27 16:28
57
0

在开发复杂Web应用的时候,通常需要把各个功能进行拆分、封装到不同的文件并在需要的时候引用该文件,即进行代码的??榛芾?。几乎所有的编程语言都有自己的??樽橹绞?,比如Java中的包、...

11/27 16:26
101
0
深入解析Vue中的computed工作原理

我们通过实现一个简单版的和Vue中computed具有相同功能的函数来了解computed是如何工作的。 JS属性: JavaScript有一个特性是 Object.defineProperty ,它能做很多事,但我在这篇文章只专注于...

11/27 15:15
135
0

没有更多内容

加载失败,请刷新页面

vue技术分享之你可能不知道的7个秘密

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

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

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

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

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

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

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

10/12 10:43
4.7K
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
4K
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 的全面解决方案

广东十一选五推荐号 www.qhysp.com 前言 背景情况 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
Token 认证的来龙去脉

Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证,服务端认证成功,那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位...

01/27 19:22
6.8K
31

没有更多内容

加载失败,请刷新页面

js的同步与异步

JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。那么,为什么JavaScript不能有多个线程呢?这样能提高效率啊。 JavaScript的单线程,与它的用途有关。作为浏览器脚...

今天 22:26
3
0
详解使用vuex的state状态对象的5种方式

vuex是一个专门为vue.js设计的状态管理模式,并且也可以使用devtools进行调试。 下面是store文件夹下的state.js和index.js内容 //state.js const state = { headerBgOpacity:0, loginStatus:...

今天 22:22
4
0
Node的十个技巧

从问世到现在将近20年,JavaScript一直缺乏其它有吸引力的编程语言,比如Python和Ruby,的很多优点:命令行界面,REPL,包管理器,以及组织良好的开源社区。感谢Node.js和npm,现如今的JavaS...

今天 22:00
2
0
webstorm和vue中es6语法报错的解决方式

1.webstorm中es6语法报错,解决方法: 打开 Settings => Languages & Frameworks => Javascript 把 Javascript Language version 改为 ECMAScript 6 这样做所有的.js文件中es6不再报错,但是...

今天 21:57
5
0
Node.js开发者必须了解的4个JS要点

Node.js是一个面向服务器的框架,立足于Chrome强大的V8 JS引擎。尽管它由C++编写而成,但是它及其应用是运行在JS上的。本文为开发者总结了4个Node.js要点。 1. 非阻塞(Non-blocking)或异步I...

今天 21:50
3
0
vue中watch,computed,mehtod执行顺序

在vue中数据存在的方式有:data , props , computed 由于vue的双向数据绑定,自动更新数据的机制,在数据变化后,对此数据依赖 的所有数据,watch事件都会被更新、触发。所以,只有数据本身变...

今天 18:50
5
0
深入浅析Vue中的Prop

Prop 基本用法 Prop的基本用法很简单,只需要在子组件的Vue实例中定义该属性并把值设为目标属性的数组即可 Vue.component('child', { ... // 接收message props: ['message'] ... }) tips:由...

今天 17:57
3
0
拖放实现音频音量控制

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, mini......

今天 17:31
2
0
BootstrapTagsInput-基础避坑指南

1.简介 BootstrapTagsInput是一个基于jQuery和Bootstrap.css的用于管理标签的插件。 官网在这:官网 这个官网呢,怎么说呢,比较简洁。示例聊胜于无。 最简单的用法就是在引入jquery,和Boots...

今天 17:20
2
0
前端框架全家桶

一、VUE 组件:ivew、element、Weex (移动端) http库:axios 状态管理模式+库: vuex

今天 16:30
3
0
一文读懂JavaScript和ECMAScript的区别

一文读懂JavaScript和ECMAScript的区别 这篇文章代表了我目前对 JavaScript 和 ECMAScript 之间差异的理解。文章适合那些熟悉 JavaScript 但又想更加清楚地了解其与 ECMAScript、web 浏览器、...

今天 16:28
2
0
JavaScript数组去重的N种方法

对于数组去重我们有n种方法可以实现。 es5实现方法 for循环+indexOf function unique(arr) { var uniqueArr = [], len = arr.length for (var i = 0; i < len; i++) { if (uniqueArr.indexO...

今天 16:28
4
0
mvvm 原理

看完这篇关于MVVM的文章,面试通过率提升了80% 来看看目前最火的MVVM 今天面试又被问到什么是MVVM? 光靠说理论已经糊弄不过去了? 什么!MVVM的实现不止一种啊? 往下看~ 亲手带你剖析MVVM原理!...

今天 16:05
3
0
小标题两侧加横线或背景图片自适应布局实现技巧

<div class="tit-bar"> <div class="deg">满意度调查</div> </div> .tit-bar .deg { width:100%; font-size: 16px; color: #555; margin: 0 auto; position: relative; text-align: cent......

今天 15:51
4
0
跨域传递参数

我们在开发中经?;嵊龅娇缬虼蔚囊?。 1.例如,我需要把这个页面的参数传到另一个web页面(不通过地址栏) window对象有一个name属性,在一个window的生命周期里面,本窗口载入的所有的页...

今天 15:45
4
0
Web语义化

学术届将web语义化称为Web3.0的核心,目标是将当前的网页提升为计算机能够“理解”和处理的网页。 核心思想是标注网页对象使其对应本体中的实体,并通过逻辑等手段进行自动推理。 作用在于更...

今天 15:34
2
0
css 盒模型

前端面试对于CSS这块不可或缺的一个考察点就是盒模型(BOX),通过对BOX的提问就可以了解你在CSS知识方面的掌握程度。本文主要介绍CSS中的盒模型在面试中可能会问到的相关问题和知识点,不足...

今天 15:27
1
0
前端工程化、为什么需要工程化

前端工程化 ??前端工程化的概念在近些年来逐渐成为主流构建大型web应用不可或缺的一部分,在此我通过以下这三方面总结一下自己的理解。 为什么需要前端工程化。 前端工程化的演化。 怎么实...

今天 15:17
4
0
node搭建服务器(一)

一个简单而完整的node服务需要哪些部门: 提供wen页面,需要一个HTTP服务器; 对于不同的请求,根据请求的URL,服务器给予不同的响应,因此需要路由; 当请求被服务器接收并通过路由传递后需...

今天 14:37
7
0
JavaScript:checkbox单选框的控制

1.Html <div class="layui-inline xm_wb"> <label class="layui-form-label xmbj_zt">是否在编</label> <div class="layui-input-inline xmbj_pt"> <input type="checkbox" id="isBusi" name...

今天 14:17
3
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部