详解Webpack-dev-server的proxy用法
前言
如果你有单独的后端开发服务器 API，并且希望在同域名下发送 API 请求 ，那么代理某些 URL 会很有用。
解决开发环境的跨域问题(不用在去配置nginx和host, 爽歪歪~~)
在web...
2020-05-27
浅谈从React渲染流程分析Diff算法
React中最神奇的部分莫过于虚拟DOM，以及其高效的Diff算法。这让我们可以无需担心性能问题而”毫无顾忌”的随时“刷新”整个页面，由虚拟DOM来确保只对界面上真正变化的部分进...
2020-05-27
vue弹窗插件实战代码
vue做移动端经常碰到弹窗的需求, 这里写一个功能简单的vue弹窗popup.vue
<template> <div class="popup-wrapper" v-show="visible" @click="hide"> <div class="popup-tex...
2020-05-27
js代码规范之Eslint安装与配置详解
什么是 ESLint
ESLint（中文站点）是一个开源的 JavaScript 代码检查工具，使用 Node.js 编写，由 Nicholas C. Zakas 于 2013 年 6 月创建。ESLint 的初衷是为了让程序员可以创建自...
2020-05-27
react 父子组件之间通讯props
实现父子组件双向数据流整体的思路是：
1，父组件可以向子组件传递props，props中带有初始化子组件的数据，还有回调函数
2，子组件的state发生变化时，在子组件的事件处理函数中，手动触...
2020-05-27
vue移动端下拉刷新和上拉加载的实现代码
由于自身的项目比较简单，只有几个H5页面，用来嵌入app中，所有没有引入移动端的UI框架，但是介于能让用户在浏览H5页面时有下拉刷新和上拉加载，有更好的用户体验，自己写组件实现。1、...
2020-05-27
vue-router的HTML5 History 模式设置
VUE是当下最火爆的前端框架之一，vue-router是vue项目中几乎都会用到的组件，然而体验一时爽，其实坑不少。本篇经验将详细介绍vue-router的两种mode效果和开发测试环境下的问题，并...
2020-05-27
js实现文件上传功能 后台使用MultipartFile
本文为大家分享了js实现文件上传功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>XMLHttpRequest上传文件</title> <s...
2020-05-27
JS实现可视化文件上传
本文实例为大家分享了JS可视化文件上传的具体代码，供大家参考，具体内容如下
测试-Style<style type="text/css"> .imgbox,.imgbox1 { position: relative; wi...
2020-05-27
原生JS实现前端本地文件上传
本文实例为大家分享了JS实现前端本地文件上传的具体代码，供大家参考，具体内容如下通过input type = file来选择本地文件<div> <form> <input type="file" id="file-input"...
2020-05-27
React Native开发封装Toast与加载Loading组件示例
在App开发中，我们避免不了使用的两个组件，一个Toast，一个网络加载Loading，在RN开发中，也是一样，React Native官方并没有提供者这两个常用组件，需要开发者自己根据需求来自定义。作...
2020-05-27
在vue项目中集成graphql(vue-ApolloClient)
1.什么是graphql
GraphQL 是一个用于 API 的查询语言，是一个使用基于类型系统来执行查询的服务端运行时
下图展示graphql所处的位置
2.优点1.GraphQL API 有强类型 schema
G...
2020-05-27
详解在vue-cli中使用graphql即vue-apollo的用法
1、首先我们需要安装一下vue-apollo 具体执行命令如下：
复制代码 代码如下:npm install –save vue-apollo graphql apollo-client apollo-link apollo-link-http apollo-ca...
2020-05-27
JavaScript读写二进制数据的方法详解
前言二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数，如果想要在前端中处理音频和视频。那你必须要对二进制数据有很好地掌握和操作能力。下面...
2020-05-27
Bootbox将后台JSON数据填充Form表单的实例代码
序言：刚结束公司的三个月试用期，意味着我即将正式步入社会成为广大从事IT行业的一员。作为一个编程小白，无论从技术层面还是知识层面都是比较薄弱的，想要成为一个优秀的程序员不...
2020-05-27
微信小程序文章详情页面实现代码
先自己绘制了一个丑陋的原型图，然后开始在小程序上绘制页面，然后设计样式，一路过来总结就是哪里不懂查哪里之旅~原型设计和分析原型图效果文章详情.png为什么要这么设计？正常情...
2020-05-27
浅谈微信小程序flex布局基础
1：Flex布局Flex布局如图1所示
图11.1 Flex容器属性
1.2 Flex容器内元素属性
align如果定义会覆写掉容器属性中的justify-content，align-items设置的属性微信小程序开发工程中...
2020-05-27
Vuejs 实现简易 todoList 功能 与 组件实例代码
todoList结合之前 Vuejs 基础与语法
•使用 v-model 双向绑定 input 输入内容与数据 data
•使用 @click 和 methods 关联事件
•使用 v-for 进行数据循环展...
2020-05-27
ES6使用export和import实现模块化的方法
在ES6前， 前端就使用RequireJS或者seaJS实现模块化， requireJS是基于AMD规范的模块化库， 而像seaJS是基于CMD规范的模块化库， 两者都是为了为了推广前端模块化的工具， 更多有关...
2020-05-27
在Vue 中使用Typescript的示例代码
Vue 中使用 typescript什么是typescripttypescript 为 javaScript的超集，这意味着它支持所有都JavaScript都语法。它很像JavaScript都强类型版本，除此之外，它还有一些扩展的语...
2020-05-27
webuploader分片上传的实现代码（前后端分离）
本文介绍了webuploader分片上传的实现代码（前后端分离），分享给大家，具体如下：WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在...
2020-05-27
详解Vue.js使用Swiper.js在iOS<11时出现错误
前言
swiper这是一个很强大的轮播展示工具，但往往也会有一些未知BUG，尤其是在手机端，由于性能局限，会导致效果和PC测试的时候有完全不一样的效果
在H5项目中，需要用到翻页效果，通...
2020-05-27
详解vue-router传参的两种方式
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路...
2020-05-27
在Angular中使用JWT认证方法示例
本文介绍了在Angular中使用JWT认证方法示例，分享给大家，具体如下：项目地址: grading-system 基于session的认证和基于token的认证的方式已经被广泛使用。在session认证中，服务端...
2020-05-27
vue插件实现v-model功能
最近在开发自己的富文本编辑器插件，在开发中遇到了很多问题其中我觉得比较好的问题就是在你定义的插件中实现双向绑定。就好像input中v-model的功能类似。v-model语法：在vue中...
2020-05-27
vue axios数据请求及vue中使用axios的方法
axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：--------------------------------------------------------------------------...
2020-05-27
vue弹窗组件的实现示例代码
vue弹窗组件的样子
我们先看一下，我们要实现出来的弹窗组件长什么样子：呐，我们要用vue组件实现的弹窗就是这个样子，跟我们用js插件实现的效果一样，下面我们开始讲述怎么实现一个...
2020-05-27
bootstrap自定义样式之bootstrap实现侧边导航栏功能
bootstrap自带的响应式导航栏是向下滑动的，有时满足不了个性化的需求，需要做一个类似于android drawerLayout 侧滑的菜单，这就是我要实现的bootstrap自定义侧滑菜单，参考了很多...
2020-05-27
详解Eslint 配置及规则说明
本文介绍了详解Eslint 配置及规则说明，分享给大家，具体如下：中文官方网站安装
可以全局安装，也可以在项目下面安装。
如下是在项目中安装示例，只需要在 package.json 中添加如下...
2020-05-27
vue中使用input[type="file"]实现文件上传功能
注意:input[type="file"] 标签中的属性accept="application/msword,application/pdf" 在pc上正常,但是在手机ios和android上这个文件格式限制会被忽略,所以需要在js中增加格...
2020-05-27
Angular6 正则表达式允许输入部分中文字符
之前接到新需求，要求允许输入汉字的输入框允许输入中文括号，写正则表达式let filter2=/^[\（ \）\u4e00-\u9fa5]+$/;测试正常，执行ng build --prod命令打包之后运行出错。发现，正则...
2020-05-27
vue2.0$nextTick监听数据渲染完成之后的回调函数方法
vue里面本身带有两个回调函数：一个是`Vue.nextTick(callback)`，当数据发生变化，更新后执行回调。另一个是`Vue.$nextTick(callback)`，当dom发生变化，更新后执行的回调。栗子： ...<...
2020-05-27
Vue监听数据渲染DOM完以后执行某个函数详解
实例如下： vm.$watch('某data数据',function(val){ vm.$nextTick(function() { 某事件(); }); }) 以上这篇Vue监听数据渲染DOM完以后执行某个函数详解就是小编分享给...
2020-05-27
JavaScript基础教程之如何实现一个简单的promise
前言我们在开发过程中大多会用到promise，想必大家对promise的使用都很熟练了，今天我们就来实现一个简单的promise，实现的效果如有出入还往指正。Promise/A+规范：
首先重新阅读...
2020-05-27
nodejs高大上的部署方式(PM2)
如果直接通过node app来启动，如果报错了可能直接停在整个运行，supervisor感觉只是拿来用作开发环境的。再网上找到pm2.目前似乎最常见的线上部署nodejs项目的有forever,pm2这...
2020-05-27
webpack的CSS加载器的使用
什么是loader
loader用于转换应用程序的资源文件，他们是运行在nodejs下的函数，使用参数来获取一个资源的来源并且返回一个新的来源（资源的位置），例如：你可以使用loader来告诉webpa...
2020-05-27
vue1.0和vue2.0的watch监听事件写法详解
如下所示：watch: { aaa: { handler: function (newVal,oldVal) { console.log('当前的值：'+ newVal); console.log('旧的值' + oldVal); }, deep: true //深度监听 }}...
2020-05-27
webpack css加载和图片加载的方法示例
css加载器
在webpack中，所有的资源（js文件、css文件、模板文件，图片文件等等）都被看成是一个模块，因此多有的资源都是可以被加载的。加载这些资源我们要在module属性定义这些加载...
2020-05-27
详解webpack模块加载器兼打包工具
什么是 webpack？webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。我们可以直接使用 req...
2020-05-27
解决Vue2.0 watch对象属性变化监听不到的问题
问题很早之前就遇到一个问题，父组件向子组件传值，子组件监听传入对象的某个属性。发现子组件使用deep watch都不能观察到对象中属性的变化，今天终于找到为啥出现这种问题和解决...
2020-05-27
JavaScript中Array方法你该知道的正确打开方法
前言在过去的几个月，我发现我的拉取请求中存在四个完全相同的 JavaScript 错误。于是我写了这篇文章，总结了如何在 JavaScript 中正确使用地使用 Array 的方法！Array对象为Java...
2020-05-27
vue首次赋值不触发watch的解决方法
最近有个新需求，表单要求增量提交，但是身份证要求无则可提交，有错无法提交，只能新写个校验，但是还不能进组件就监控，后来发现watch有个immediate 选项watch:{"aaa":{ immediate:...
2020-05-27
解决vue props 拿不到值的问题
方案一：在子组件中设置v-if='flag',初始值false，在成功获取数据后设置为true// 子组件 <echarts :datas="conditionStatisticsData" v-if="flag"></echarts>// 成功获取数据后...
2020-05-27
vue props传值失败 输出undefined的解决方法
如果在prop中传的值为一个没有使用特殊命名规则的变量如:（type），可以顺利传值：
<code class="language-html"><div id="app"> <test :type="type"></test> </div> Vue.component...
2020-05-27
原生js检测页面加载完毕的实例
原生js的页面加载完毕的使用方法为window.onload=function(){ //somecode}在jquery的影响下的错误写法为：window.onload(function(){ //somecode})以上这篇原生js检测页面加...
2020-05-27
浅谈Webpack核心模块tapable解析
本文介绍了Webpack核心模块tapable，分享给大家，具体如下：前言Webpack 是一个现代 JavaScript 应用程序的静态模块打包器，是对前端项目实现自动化和优化必不可少的工具，Webpack 的...
2020-05-27
NodeJS 实现多语言的示例代码
什么是多语言？
我们平时访问一些文档类型的网站时，经常可以看到页面右上角有一个下拉框用来选择当前页面支持的语言，并在选中后将整个网页的内容切换为选中的语言，这就是项目中...
2020-05-27
Vue在页面数据渲染完成之后的调用方法
在使用Vue框架的时候，有时候需要在Vue在页面数据渲染完成之后调用方法，不然获取不到准确的数据，特别是在获取列表的高度的时候，由于数据没有加载完，获取不到准确的高度。之前在使...
2020-05-27
node.js之基础加密算法模块crypto详解
crypto作为nodeJS已经稳定下来的模块在整个node中具有举足轻重的地位，一切app都需要加密解密，那么crypto就是一个提供加密功能的模块。在这个模块中已经打包了OpenSSL hash, H...
2020-05-27
Webpack之tree-starking 解析
tree-sharking 简介
tree-sharking 是 Webpack 2 后续版本的优化功能，顾名思义，就是将多余的代码给 “摇晃” 掉，在开发中我们经常使用一些第三方库，而这些第三方库只使用了这个...
2020-05-27
