精彩博客
foy: 轻量级的基于 nodejs 的通用 build 工具
原
荐
npm 的 scripts 下写的命令太多就很容易很乱，各种第三方轮子都只能解决一部分问题，总感觉不是很好用，想找个类似 make 的工具只能找到 jake, 可是 jake 的 API 太老，居然很多都不支持 pr...
看了就学会之React redux入门示例
原
荐
本篇文章主要介绍了react redux入门示例，现在分享给大家，也给大家做个参考。如有不足之处，欢迎批评指正。 环境准备 为了方便，这里使用create-react-app搭建react环境 create-react-app m...
浅谈JavaScript对象添加getter与setter的5种方法
原
荐
定义 getter 与 setter 1.通过对象初始化器在创建对象的时候指明（也可以称为通过字面值创建对象时声明） (function () { var o = { a : 7, get b(){return this.a +1;},//通过 get,set的 b,...
几个简单的技巧让你写出的vue.js代码更优雅
原
荐
本文参考自油管上某个国外大神的公开演讲视频，学习了一下觉得很不错，所以在项目中也使用了这些不错的技巧。 1. watch 与 computed 的巧妙结合 如上图，一个简单的列表页面。 你可能会这么做...
vue-router中scrollBehavior的巧妙用法
原
荐
问题:使用keep-alive标签后部分安卓机返回缓存页位置不精确问题 解决方案: <div id="app"> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-...
如何使用Meteor开发以太坊Dapp
原
荐
本教程将向你展示如何设置Meteor应用程序以用作Dapp，并可能回答几个关于为什么应该使用Meteor的问题。 常问问题 Meteor不是一个完整的堆栈框架，它是如何适应Dapp开发的 是的，Meteor是一...
vue权限路由实现的方法示例总结
原
荐
使用全局路由守卫 实现 前端定义好路由，并且在路由上标记相应的权限信息 const routerMap = [ { path: '/permission', component: Layout, redirect: '/permission/index', alwaysShow: tru...
vue---生命周期
原
荐
这里所说的vue的生命周期指的就是vue组件的生命周期，组件从创建到销毁的过程代表一个完整的生命周期。 在vue组件中，组件的实例从创建前(beforeCreate)、创建后(created)、挂载前(beforeMo...
深入解析VueJs中的V-bind指令
原
荐
v-bind 主要用于属性绑定，比方你的class属性，style属性，value属性，href属性等等，只要是属性，就可以用v-bind指令进行绑定.这次主要介绍了VueJs中的V-bind指令,需要的朋友可以参考下 v-...
Vue高版本中一些新特性的使用详解
原
荐
一、深度作用选择器（ >>> ） 严格来说，这个应该是vue-loader的功能?！眝ue-loader”: “^12.2.0” 在项目开发中，如果业务比较复杂，特别像中台或B端功能页面都不可避免的会用到第三方组件...
深入浅出Vue 使用中的小技巧
原
荐
众所周知在vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日?？⒌氖焙蛴玫降男〖记?，在下将不定期更新~ 1. 多图表...
ES6的这些操作技巧，你会吗？
原
荐
ES6出来已经有好几年了，同时很多新特性可以被巧妙地运用在项目中。本文就讲述ES6的这些操作技巧，你会吗？ 1. 强制要求参数 ES6提供了默认参数值机制，允许你为参数设置默认值，防止在函数被...
深入解析vue.js数据绑定操作
原
荐
废话不多说，直接进入正题?。?！ 数据绑定 响应式的数据绑定系统。建立绑定之后，DOM将和数据保持同步，无须手动维护DOM。使代码能够更加简洁易懂、提升效率。 数据绑定语法 1.文本插值 {{ }...
vue实现多个元素或多个组件之间动画效果
原
荐
多个元素的过渡 <style> .v-enter,.v-leave-to{ opacity: 0; } .v-enter-acitve,.v-leave-active{ opacity: opacity 1s; } </style> <div id='app'> <...
4个顶级开源JavaScript图表库
原
荐
图表对于可视化数据和使网站具有吸引力非常重要?？墒踊菔臼狗治龃罂槭莺痛镄畔⒈涞酶尤菀?。JavaScript图表库使你能够以易于理解和交互的方式可视化数据，并改善网站的设计。有四个顶...
月下载量千万的 npm 包被黑客篡改，Vue 开发者可能正在遭受攻击
原
荐
转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 【年末促销】葡萄城 2018 岁末福利火热放送中 原文转载自 公众号 justjavac 早起看手机，结果...
深入解析vue.js响应式原理与实现
原
荐
vue.js响应式原理解析与实现。angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后，再接触了vue.js，当时也一度很好奇vue.js是如何监测数据更新并且重新渲染页面。vue.js响应式原理...
教你如何在Angular中使用better-scroll插件
原
荐
本文主要介绍了Angular中使用better-scroll插件的方法，小编觉得挺不错的，现在分享给大家。 better-scroll的使用 由于需要在一个固定的的高度做无限滚动，本来css的overflow-y也可以完成的，...
荐
在开发复杂Web应用的时候，通常需要把各个功能进行拆分、封装到不同的文件并在需要的时候引用该文件，即进行代码的?？榛芾?。几乎所有的编程语言都有自己的?？樽橹绞?，比如Java中的包、...
深入解析Vue中的computed工作原理
原
荐
我们通过实现一个简单版的和Vue中computed具有相同功能的函数来了解computed是如何工作的。 JS属性： JavaScript有一个特性是 Object.defineProperty ,它能做很多事，但我在这篇文章只专注于...
没有更多内容
加载失败，请刷新页面
vue技术分享之你可能不知道的7个秘密
原
荐
本文是vue源码贡献值Chris Fritz在公共场合的一场分享，觉得分享里面有不少东西值得借鉴，虽然有些内容我在工作中也是这么做的，还是把大神的ppt在这里翻译一下，希望给朋友带来一些帮助。 ...
JavaScript对象继承方式
原
荐
一、对象冒充 其原理如下：构造函数使用 this 关键字给所有属性和方法赋值（即采用类声明的构造函数方式）。因为构造函数只是一个函数，所以可使 Parent 构造函数 成为 Children 的方法，然后...
immutability因React官方出镜之使用总结分享！
原
荐
引言 之前项目中遇到数据拷贝、引用之间数据层级嵌套过深，拷贝的值相互之间影响的问题，后来引入了immutability-helper，使用过程中的一些总结，跟大家分享下，至于为什么不是immutable...
前端安全系列之二：如何防止CSRF攻击？
原
荐
背景 随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之外，又时常...
揭密 Vue 的双向绑定
原
荐
Vue 中需要输入什么内容的时候，自然会想到使用 的方式来实现双向绑定。下面是一个最简单的示例 What's your name:
Vue CLI 3搭建vue+vuex 最全分析
原
荐
一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件： CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令） CLI ...
Vue CLI 2.x搭建vue,目录最全分析
原
荐
一、vue-cli介绍 vue-cli是一个用于快速搭建vue项目的 脚手架。 二、vue-cli安装、更新 安装过nodeJs 、cnpm 后，全局安装vue-cli（以后其他项目可直接使用）： cnpm install -g vue-cli 更新...
vue开源项目
原
荐
包括一些ui库和比较完整的小项目。ui库会对主要的单选框，多选框，级联选择器，滑块，日期/时间选择器，进度条，分页，弹框，通知，导航菜单，步骤条等截图比较 写在前面的 评价纯属个人主观...
用 D3.js 画一个手机专利关系图, 看看苹果,三星,微软间的专利纠葛
原
荐
用 D3.js 画一个手机专利关系图, 看看苹果,三星,微软间的专利纠葛 前言 本文灵感来源于Mike Bostock 的一个 demo 页面 原 demo 基于 D3.js v3 开发, 笔者将其使用 D3.js v5 进行重写, 并改为...
Vue 兼容 ie9 的全面解决方案
原
荐
广东十一选五推荐号 www.qhysp.com 前言 背景情况 vue - 2.5.11 vue-cli 使用模板 webpack-simple http请求：axios Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+，即是 ie9 及更高的版本。经过测试，Vue 的核心框架 vuej...
如何选择 Web 前端模板引擎？
原
荐
Web 模板就在那里 模板引擎负责组装数据，以另外一种形式或外观展现数据。 浏览器中的页面是 Web 模板引擎最终的展现。 无论你是否直接使用模板引擎，Web 模板一直都在，不在前端就在后端，它...
自定义跨平台比特币实时行情看板
原
荐
 ### 一、前言 前段时间跟朋友炒币，总是需要打开交易平台才能看行情，有点麻烦，而且那个窗口也特别大，内容也很杂。...
JavaScript成语消消乐
原
荐
一 预览 二 开发步骤 基本面向过程的思想。没有面向对象的部分。 准备好成语库。db.js 选出每一关的成语。 对成语进行乱序。 初始化表格的同时，将单个字放到每个单元格的按钮上展示。 对tbo...
使用Remix编译和部署以太坊智能合约
原
荐
 Remix 是一个开源的 Solidity 智能合约开发环境，提供基本的编译、部署至本地...
手把手教你打造一个可视化接口自动化测试系统
原
荐
现如今，接口开发几乎成为一个互联网公司的标配了，无论是web还是app，哪怕是小程序，都离不开接口作为支撑，当然，这里的接口范围很广，从http到websocket，再到rpc，只要能实现数据通信的都...
合格前端系列第十弹-揭秘组件库一二事
原
荐
是不是很想自己造一个类似 element-ui，vant，vux 等等优秀的组件库，那你还等什么？跟着我一起开始吧 ~
快速开发 HTML5 WebGL 的 3D 斜面拖拽生成模型
原
荐
如何在一个斜面上创建 3D 模型？如何通过拖拽创建 3D 模型？这些我们在实际项目中用到的概率也着实不低。我们知道，空间中存在无数个面，一个点和一条法线就能创建一个面，如何利用好这两个部...
你需要Mobx还是Redux？
原
荐
在过去一年，越来越多的项目继续或者开始使用React和Redux开发，这是目前前端业内很普遍的一种前端项目解决方案，但是随着开发项目越来越多，越来越多样化时，个人又有了不同的感受和想法。是...
基于 HTML5 WebGL 的 3D 网络拓扑结构图
原
荐
现在，3D 模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型；电影行业将它们用于活动的人物、物体以及现实电影；视频游戏产业将它们作为计算机与视频游戏中的资源；在科学...
Token 认证的来龙去脉
原
荐
Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证，服务端认证成功，那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位...
没有更多内容
加载失败，请刷新页面
js的同步与异步
原
JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。 JavaScript的单线程，与它的用途有关。作为浏览器脚...
详解使用vuex的state状态对象的5种方式
原
vuex是一个专门为vue.js设计的状态管理模式，并且也可以使用devtools进行调试。 下面是store文件夹下的state.js和index.js内容 //state.js const state = { headerBgOpacity:0, loginStatus:...
Node的十个技巧
原
从问世到现在将近20年，JavaScript一直缺乏其它有吸引力的编程语言，比如Python和Ruby，的很多优点：命令行界面，REPL，包管理器，以及组织良好的开源社区。感谢Node.js和npm，现如今的JavaS...
webstorm和vue中es6语法报错的解决方式
原
1.webstorm中es6语法报错，解决方法： 打开 Settings => Languages & Frameworks => Javascript 把 Javascript Language version 改为 ECMAScript 6 这样做所有的.js文件中es6不再报错，但是...
Node.js开发者必须了解的4个JS要点
原
Node.js是一个面向服务器的框架，立足于Chrome强大的V8 JS引擎。尽管它由C++编写而成，但是它及其应用是运行在JS上的。本文为开发者总结了4个Node.js要点。 1. 非阻塞(Non-blocking)或异步I...
vue中watch,computed,mehtod执行顺序
原
在vue中数据存在的方式有：data , props , computed 由于vue的双向数据绑定，自动更新数据的机制，在数据变化后，对此数据依赖 的所有数据，watch事件都会被更新、触发。所以，只有数据本身变...
深入浅析Vue中的Prop
原
Prop 基本用法 Prop的基本用法很简单，只需要在子组件的Vue实例中定义该属性并把值设为目标属性的数组即可 Vue.component('child', { ... // 接收message props: ['message'] ... }) tips：由...
拖放实现音频音量控制
原
<!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......
BootstrapTagsInput-基础避坑指南
原
1.简介 BootstrapTagsInput是一个基于jQuery和Bootstrap.css的用于管理标签的插件。 官网在这：官网 这个官网呢，怎么说呢，比较简洁。示例聊胜于无。 最简单的用法就是在引入jquery,和Boots...
一文读懂JavaScript和ECMAScript的区别
转
一文读懂JavaScript和ECMAScript的区别 这篇文章代表了我目前对 JavaScript 和 ECMAScript 之间差异的理解。文章适合那些熟悉 JavaScript 但又想更加清楚地了解其与 ECMAScript、web 浏览器、...
JavaScript数组去重的N种方法
原
对于数组去重我们有n种方法可以实现。 es5实现方法 for循环+indexOf function unique(arr) { var uniqueArr = [], len = arr.length for (var i = 0; i < len; i++) { if (uniqueArr.indexO...
小标题两侧加横线或背景图片自适应布局实现技巧
转
<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......
Web语义化
转
学术届将web语义化称为Web3.0的核心，目标是将当前的网页提升为计算机能够“理解”和处理的网页。 核心思想是标注网页对象使其对应本体中的实体，并通过逻辑等手段进行自动推理。 作用在于更...
前端工程化、为什么需要工程化
转
前端工程化 ??前端工程化的概念在近些年来逐渐成为主流构建大型web应用不可或缺的一部分，在此我通过以下这三方面总结一下自己的理解。 为什么需要前端工程化。 前端工程化的演化。 怎么实...
node搭建服务器（一）
原
一个简单而完整的node服务需要哪些部门： 提供wen页面，需要一个HTTP服务器； 对于不同的请求，根据请求的URL，服务器给予不同的响应，因此需要路由； 当请求被服务器接收并通过路由传递后需...
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...
没有更多内容
加载失败，请刷新页面
