详解Vue快速零配置的打包工具——parcel
本文介绍了Vue快速零配置的打包工具——parcel，分享给大家，具体如下：特性 快速打包 打包所有资源 自动转换 代码拆分 模块热替换 友好的错误记录如何工作
Parcel 将 资源...
2020-05-27
Parcel 打包示例(React HelloWorld)
Parcel 打包特点
极速打包时间Parcel 使用 worker 进程去启用多核编译。同时有文件系统缓存，即使在重启构建后也能快速再编译。 将你所有的资源打包Parcel 具备开箱即用的对...
2020-05-27
浅谈vue的props，data，computed变化对组件更新的影响
本文介绍了vue的props，data，computed变化对组件更新的影响，分享给大家，废话不多说，直接上代码/** this is Parent.vue */<template> <div> <div>{{'parent data : ' + parentDat...
2020-05-27
详解JavaScript基础知识（JSON、Function对象、原型、引用类型）
1、JSON概念：JavaScript 对象表示法(JavaScript Object Notation)，是一种轻量级的数据交换格式特点：易于程序员编写和查看；易于计算机解析和生成数据结构：Object对象格式 { key...
2020-05-27
基于JavaScript实现抽奖系统
用JavaScript实现一个简单的抽奖系统，有【开始】按钮和【停止】按钮。
功能：
- 点开始按钮开始抽奖，随机出现奖品名称；
- 点停止按钮即可停止抽奖；
- 按下回车键可切换开始抽...
2020-05-27
详解layui中的树形关于取值传值问题
本文介绍了layui中的树形关于取值传值问题，分享给大家，具体如下：这个是我们需要的效果，实际操作中会先执行渲染 然后在执行方法，然后我们发现树形的JSON是空，调试了N遍一直以为是...
2020-05-27
vue单页面打包文件大？首次加载慢？nginx带你飞，从7.5M到1.3M蜕变过程(推荐)
找到nginx多网站配置文件：类似 nginx/sites-available/www.baidu.comserver { listen 80; index index.html index.htm index.nginx-debian.html; server_name www.ba...
2020-05-27
使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析
安装环境 安装node.js并配置环境变量 安装淘宝镜像，npm install -g cnpm --registry=https://registry.npm.taobao.org 安装webpack，cnpm install webpack -g 安装脚手架n...
2020-05-27
微信小程序实现流程进度的图样式功能
最近正在做微信小程序，需要实现一个流程进度的图样式如下面
需求： 没完成的灰色小圆点表示 完成的使用蓝色小圆点设置 当前状态使用有外圈的小圆点表示实现起来比较简单，实...
2020-05-27
AngularJS监听ng-repeat渲染完成的两种方法
本文实例讲述了AngularJS监听ng-repeat渲染完成的两种方法。分享给大家供大家参考，具体如下：监听ng-repeat渲染完成有两种方法一、最实用的方法:<ul class="pprt_content">...
2020-05-27
基于VUE移动音乐WEBAPP跨域请求失败的解决方法
在学习一位vue大牛的课程《VUE2.0移动端音乐App开发》时，由于vue的版本原因遇到了一些问题这是其中之一，花费了很多的时间去解决虽然搞定了这个问题，但是很多东西理解也不是很...
2020-05-27
微信小程序实现image组件图片自适应宽度比例显示的方法
本文实例讲述了微信小程序实现image组件图片自适应宽度比例显示的方法。分享给大家供大家参考，具体如下：一. 了解image组件由于image有默认的固定的宽度和高度，这样我们在做图...
2020-05-27
详解layui弹窗父子窗口之间传参数的方法
本文介绍了layui弹窗父子窗口之间传参数的方法，分享给大家，具体如下：1、父页面打开子页面并向子页面传参数
function setChooseValues(ret){ var oView = document.getEle...
2020-05-27
移动web开发之touch事件实例详解
前面的话iOS版Safari为了向开发人员传达一些特殊信息，新增了一些专有事件。因为iOS设备既没有鼠标也没有键盘，所以在为移动Safari开发交互性网页时，常规的鼠标和键盘事件根本不...
2020-05-27
vue自定义指令directive实例详解
下面给大家介绍vue自定义指令directive，具体内容如下所示： 官网截图实例vue除了一些核心的内部定义的指令（v-model,v-if,v-for,v-show）外，vue也允许用户注册自己的一些功能性的指...
2020-05-27
React-native桥接Android原生开发详解
在开发RN的漫漫长河中,早晚有那么一天要接触到安卓的原生开发,笔者来介绍一下其中的酸甜苦辣.对于一个不懂android的小白来说,刚开始有点难,不过都是万事开头难.语言是想通...
2020-05-27
详解AngularJS之$window窗口对象
一个浏览器窗口对象的引用。它是一个全局对象，在window中是全局可用的，但是它导致一些问题。在Angular中也经常通过$window服务提到它，因此它可以被重写、删除及测试。
验证代...
2020-05-27
VueJs监听window.resize方法示例
Vuejs 本身就是一个 MVVM 的框架。但是在监听 window 上的 事件 时，往往会显得 力不从心。比如 这次是 window.resize恩，我做之前也是百度了一下。看到大家伙都为这个问题而发...
2020-05-27
angularjs 页面自适应高度的方法
需求在angularjs构建的业务系统中，通过ui-view路由实现页面跳转，初始化进入系统后，右侧内容区域需要自适应浏览器高度。实现方案 在ui-view所在的Div添加directive，directive中...
2020-05-27
使用Vue开发一个实时性时间转换指令
前言最近有一个说法，如果你看见某个网站的某个功能，你就大概能猜出背后的业务逻辑是怎么样的，以及你能动手开发一个一毛一样的功能，那么你的前端技能算是进阶中高级水平了。比如...
2020-05-27
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
本文讲述如何实现拥有酷炫背景视频的登录页面，浏览器窗口随意拉伸，背景视频及前景登录组件均能完美适配，背景视频可始终铺满窗口，前景组件始终居中，视频的内容始终得到最大限度的...
2020-05-27
swiper动态改变滑动内容的实现方法
假设当前显示的是1，往左滑动一个递减1，往右滑动一个递增1body下面添加如下代码<div class="swiper-container temp"> <div class="swiper-wrapper"> <div class="swiper-slid...
2020-05-27
详解微信小程序审核不通过的解决方法
前言
近来，微信小程序一直活跃在开发者的眼球中。很多开发者都投身微信小程序的开发中，而这些开发者，总是需要面对最后一道难题：如何以一种优雅的姿势来通过微信官方的审核。本...
2020-05-27
基于vue监听滚动事件实现锚点链接平滑滚动的方法
基于vue监听滚动事件，实现锚点链接平滑滚动近日在做一个vue项目的餐饮模块，小编需要实现一个菜单列表显示的功能(如图所示：左边为菜单类别，右边显示相对应的菜品)小编将此分为三...
2020-05-27
vue-scroller记录滚动位置的示例代码
问题描述:列表页进入详情页，或者tab页切换，然后再返回列表页，希望能切换到之前滚动位置解决问题思路:切换到其他页面前记录位置，返回列表页的时候返回位置。这就需要借助vue-rou...
2020-05-27
angular.js和vue.js中实现函数去抖示例（debounce）
问题描述
搜索输入框中，只当用户停止输入后，才进行后续的操作，比如发起Http请求等。学过电子电路的同学应该知道按键防抖。原理是一样的：就是说当调用动作n毫秒后，才会执行该动作...
2020-05-27
使用npm安装最新版本nodejs
# 安装 nodejs 以下介绍的是命令行安装方法，读者也可以到 nodejs官网 上下载安装最新版。
sudo apt-get install nodejs-legacysudo apt-get instatll npm升级npm为最...
2020-05-27
ajax请求data遇到的问题分析
使用jquery，post请求data:那里要使用data:JSON.stringify(data)$.ajax({ type:"POST", async : false, url:"../../gzq/circle/deleteTeam", dataType:"json", contentType:"...
2020-05-27
nodejs 最新版安装npm 的使用详解
# 安装 nodejs以下介绍的是命令行安装方法，读者也可以到nodejs官网 上下载安装。sudo apt-get install nodejs-legacysudo apt-get instatll npm升级npm为最新版本sudo npm i...
2020-05-27
React Native 真机断点调试+跨域资源加载出错问题的解决方法
写在前面闲来无事，折腾了一下React Native，相比之前，开发体验好了不少。但在真机断点调试那里遇到了跨域资源加载出错的问题，一番探索总算解决，目测是RN新版本调试服务的bug。遇...
2020-05-27
Nuxt.js实战详解
一、为什么选择Nuxt.js多数是基于webpack构建的项目，编译出来的html文件，资源文件都被打包到js中，以下图404页面代码为例。从代码中可以看出，这样的页面是不利于 搜索引擎优化(S...
2020-05-27
Nuxt.js踩坑总结分享
构建问题
1. 如何在 head 里面引入js文件?
背景: 在<head>标签中，以inline的形式引入flexible.js文件。本项目主要为移动端项目，引入flexible.js 实现移动端适配问题。
Nu...
2020-05-27
详解vue-meta如何让你更优雅的管理头部标签
在 Vue SPA 应用中，如果想要修改HTML的头部标签，或许，你会在代码里，直接这么做:// 改下titledocument.title = 'what?'// 引入一段scriptlet s = document.createElement('s...
2020-05-27
vue 动态修改a标签的样式的方法
公司要做一个类似今日头条的项目，用前后端分离的方式做成HTML5页面，先在微信中运行，领导说想看看效果怎么样。今日头条头部的导航是可以滚动和添加类别的，我们这个项目也是一样...
2020-05-27
分享ES6的7个实用技巧
Hack #1 交换元素利用 数组解构来实现值的互换let a = 'world', b = 'hello'[a, b] = [b, a]console.log(a) // -> helloconsole.log(b) // -> worldHack #2 调试我们经常使...
2020-05-27
react-router4 配合webpack require.ensure 实现异步加载的示例
实现异步加载的方法，归根结底大都是根据webpack的require.ensure来实现第一个是自己使用require.ensure实现，第二种 使用loader实现今天我们说的是使用bundle-loader来实现，这...
2020-05-27
JavaScript实现删除数组重复元素的5种常用高效算法总结
本文实例讲述了JavaScript实现删除数组重复元素的5种常用高效算法。分享给大家供大家参考，具体如下：这里就 js 如何实现数组去重整理出5种方法，并附上演示Demo 以及 源码。1.遍...
2020-05-27
js实时监控文本框输入字数的实例代码
需求：实时监控文本输入框的字数，并加以限制1、实时监控当前输入字数，直接使用onkeyup事件方法，给输入框加maxlength属性限制长度。如：<div> <textarea id="txt" maxlength="10"><...
2020-05-27
解决js ajax同步请求造成浏览器假死的问题
一、问题的起因今天做一个需求遇到了这么个情况，就是用户个人中心有个功能，点击按钮，可以刷新用户当前的积分，这个肯定需要使用到ajax的同步请求了，当时喀喀喀三下五除二写玩了，大...
2020-05-27
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
做项目的时候遇到这个问题，，按理说只要是会套模板的，就不该出现这种低级问题。然后我的后台并没有模板，，并且我的js,jquery水平是小学水平，所以这个也困扰了我将近一下午。在此总...
2020-05-27
解决Linux无法正常安装与卸载Node.js的方法
前言
Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。学习Nodejs首先需要会安装环境。实际生产环境，Node.js...
2020-05-27
web前端vue实现插值文本和输出原始html
Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解...
2020-05-27
vue 插值 v-once,v-text, v-html详解
引入Vue.js ，通过script形式，vue官网语法记录创建vue应用，数据和 DOM 已经被建立了关联，所有东西都是响应式的1：插值缺点：让你的网速慢，或者数据加载失败时，会在浏览器中直接渲染插...
2020-05-27
Angular实现搜索框及价格上下限功能
闲来无事，写一个简单的angular的搜索框。1.要求：利用 AngularJS 框架实现手机产品搜索功能，题目要求：
1）自行查找素材，按照原有数据格式将手机产品数据丰富到至少10个以上
2）自行设...
2020-05-27
浏览器调试动态js脚本的方法(图解)
前两天拉取公司前端代码修改，发现在开发者工具的sources选项里边，居然没有列出来我要调试的js脚本，后来观察了一下，脚本是动态在页面里引入的，可能是因为这样所以不显示出来，但是...
2020-05-27
angular1配合gulp和bower的使用教程
一 安装gulp和bowergulp安装: npm install -g gulp
bower安装: npm install -g bower
==注：== angularjs的一些包文件我们是通过bower来管理的
二 bower使用
使用bower初始...
2020-05-27
JS实现碰撞检测的方法分析
本文实例讲述了JS实现碰撞检测的方法。分享给大家供大家参考，具体如下：一个简单的碰撞检测例子，检测div1是否和div2发生碰撞，当div1碰到div2时，改变div2的颜色，看测试图看一下分析...
2020-05-27
详解Node.js模板引擎Jade入门
Jade是Node.js的一个模板引擎，它借鉴了Haml的很多地方，所以语法上和Haml比较相近。并且，Jade也支持空格。1、标签在Jade里，一行开头的任何文本都被默认解释成HTML标签。并且你只...
2020-05-27
node.js文件上传重命名以及移动位置的示例代码
一个关于node上传文件的例子,下面是前端代码， doUpload() { var formData = new FormData($("#uploadForm")[0]); $.ajax({ url: 'http://localhost:3011/upload', typ...
2020-05-27
javascript数组拍平方法总结
在开发过程中有得时候总是碰一些共性的问题，比如将一个二维数组拍平成一维数组，或者三维数组拍平成一维数组。这些问题在遇到的时候总会重新思考，不如将其提炼出来，总结一下。下...
2020-05-27
