JavaScript this绑定过程深入详解
本文实例形式详细分析了JavaScript this绑定过程。分享给大家供大家参考，具体如下：在理解this 的绑定过程之前，首先要理解调用位置：调用位置就是函数在代码中被调用的位置（而不是...
2020-05-27
ES6的Fetch异步请求的实现方法
在前端的快速发展中，为了契合更好的设计模式，产生了Fetch框架，Fetch返回的信息比XMLHttpRequest更丰富。但它目前还不是一个标准，它支持大部分常用的http 请求和响应的标准。一....
2020-05-27
jQuery时间戳和日期相互转换操作示例
本文实例讲述了jQuery时间戳和日期相互转换操作。分享给大家供大家参考，具体如下：网上找的很多都没都是这样显示的2017-8-7 3:5:3 自己搜索改下了一下加了0这样显示 2017-08-0...
2020-05-27
JS实现的小火箭发射动画效果示例
本文实例讲述了JS实现的小火箭发射动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小火箭发射</title>...
2020-05-27
原生JS实现的放大镜特效示例【测试可用】
本文实例讲述了原生JS实现的放大镜特效。分享给大家供大家参考，具体如下：最近在做ecshop的二次开发，遇到一些jquery插件与ecshop的冲突，调整冲突的需要修改的地方又太多，修改起来...
2020-05-27
JS数组去重的6种方法完整实例
本文实例讲述了JS数组去重的6种方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>www.freexyz.cn 数组去重</title>...
2020-05-27
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
背景•基于Vue-cli 项目产品部署，涉及到的交互的地址等配置信息，每次都要重新打包才能生效，极大的降低了效率。我们的目的是让项目实施的小伙伴重新快乐起来。网上实现的...
2020-05-27
vue打包之后生成一个配置文件修改接口的方法
前言：我们的vue代码打包上传到服务器之后，要是数据接口 以后换了域名什么的，是不是需要重新去vue文件里修改接口。能不能生成一个配置文件，里面可以配置域名或其它什么字段之类...
2020-05-27
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
#在切换路由时，组件会被复用，不过，这也意味着组件的生命周期钩子不会再被调用。 解决办法有两种，1简单地 watch (监测变化) $route 对象：const User = { template: '...',...
2020-05-27
vue form check 表单验证的实现代码
vue-form-check （基于vue的表单验证）具体实现代码如下所述：安装// 安装npm i vue-form-check -S引用// 引用(eg. 在工程的main.js下)import vueFormCheck from 'vue-form-chec...
2020-05-27
Vue源码中要const _toStr = Object.prototype.toString的原因分析
在vue的源码中，vue/src/shared/util.js文件中存放的是一些方法。其中作者用了Object.prototype.toString这个方法来判断类型，但是并没有直接用，而是单独保存在一个变量：
const _...
2020-05-27
Bootstrap 按钮样式与使用代码详解
1. 可用于<a>, <button>, 或 <input> 元素的按钮样式按钮样式使用：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><tit...
2020-05-27
Bootstrap 实现表格样式、表单布局的实例代码
1. 表格的一些样式举例：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>My Test bootstrap</title> <link rel=...
2020-05-27
vue的.vue文件是怎么run起来的(vue-loader)
引子：vue的.vue文件是怎么跑起来的？ 答：通过vue-loader，解析.vue文件，在webpack解析，拆解vue组件1、vue-loader做了什么？vue-loader是一个webpack加载器，这是vue组件的格式：<tem...
2020-05-27
vue中将html字符串转换成html后遇到的问题小结
今天整理之前做vue项目时遇到的一些问题，发现了当时遇到的一个很小但是又会引出很多问题的一个问题（总之就是很有意思，听我慢慢给你到来），这个问题就是当时处理后端数据时，如何将...
2020-05-27
es6基础学习之解构赋值
前言es6的语法已经出了很长的时间了，在使用上也可以通过babel这类的编译工具转译为浏览器可以识别的es5的语法，但是依旧有很多开发在写代码的时候，依旧没有用es6的语法，而是习惯...
2020-05-27
深入理解Vue.js轻量高效的前端组件化方案
Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中，Vue.js有幸受到一定程度的关注，目前在GitHub上已经有5000+的star。本文将从各方面对Vue.js...
2020-05-27
详解为生产环境编译Angular2应用的方法
Angular 2 已经发布了 2.1.2 版本， 相信很多人已经在使用（试用）了， 相比 AngularJS 1.x ， Angular 2 在性能上有了长足的进步， 同时 Angular 2 也变得非常的庞大， 动辄几兆的脚本，...
2020-05-27
BootStrap模态框闪退问题实例代码详解
模态框闪退到你还看不到模态框的内容呢，就屏幕灰了一下就是代码如下<!--搜索注册条--> <div class="container-fluid"> <form class="navbar-form navbar-center" role="Sea...
2020-05-27
webpack优化的深入理解
前言由于前端的快速发展，相关工具的发展速度也是相当迅猛，各大框架例如vue,react都有自己优秀的脚手架工具来帮助我们快速启动一个新项目，也正式因为这个原因，我们对于脚手架中...
2020-05-27
发布Angular应用至生产环境的方法
两年前， 写过一篇使用rollup 来 为生产环境编译 Angular 2 应用 的文章， 因为当时还没有 angular-cli 项目。 而如今 Angular 已经到了 7.x 版本， 对应的工具也是非常的完善， 也...
2020-05-27
JQuery Ajax执行跨域请求数据的解决方案
今天前端因为需要ajax调用两个不同的项目，请求域不一样，所以涉及ajax跨域的问题 ，其实很简单，具体如下原来的ajax请求如下：$.ajax({ type:"post", url:platformUrl +"/security/m...
2020-05-27
引入外部js脚本加载慢与页面白屏问题的解决
问题背景最近做的一个项目需要引入一个外部的第三方js脚本。由于这是一个关于渲染3D建筑的脚本，所以体积比较大，大概有2M，加载完成也得要个好几秒，网速慢的时候十几秒都有可能。...
2020-05-27
微信小程序与后台PHP交互的方法实例分析
本文实例讲述了微信小程序与后台PHP交互的方法。分享给大家供大家参考，具体如下：接下来将讲后台如何与前台进行数据及图片之间的交互，相信这一点是很多人所关注的，因为当时我实...
2020-05-27
jQuery+css last-child实现选择最后一个子元素操作示例
本文实例讲述了jQuery+css last-child实现选择最后一个子元素操作。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http:/...
2020-05-27
详解Angular Forms中自定义ngModel绑定值的方式
在 Angular 应用中，我们有两种方式来实现表单绑定——“模板驱动表单”与“响应式表单”。这两种方式通常能够很好的处理大部分的情况，但是对于一些特殊的表单控件，例如 input[...
2020-05-27
jQuery选择器选中最后一个元素，倒数第二个元素操作示例
本文实例讲述了jQuery选择器选中最后一个元素，倒数第二个元素操作。分享给大家供大家参考，具体如下：HTML部分：<div> <p>元素1</p> <p>元素2</p> <p>元素3</p> <p>元素4</p>...
2020-05-27
微信小程序分享海报生成的实现方法
为了吸引更多的用户，设计好一个分享海报还是很有必要的。而小程序要生成一个海报还是有点坑的，下面分享下我们打卡小程序的一些经验。分享海报的效果图如下：制作要求： 海报以弹...
2020-05-27
JS选取DOM元素常见操作方法实例分析
本文实例讲述了JS选取DOM元素常见操作方法。分享给大家供大家参考，具体如下：JS选取DOM元素的方法注意：原生JS选取DOM元素比使用jQuery类库选取要快很多1、通过ID选取元素docume...
2020-05-27
express 项目分层实践详解
前言上次我们搭建了一个基本的 express 后台，但是这样的项目结构的可扩展性，维护性和代码复用性都不是很好，参照之前学习 JavaWeb 时候的四层架构设计，用分层的思想来对 express...
2020-05-27
JavaScript对象拷贝与赋值操作实例分析
本文实例讲述了JavaScript对象拷贝与赋值操作。分享给大家供大家参考，具体如下：今天在做公司面试题的时候，遇到了一道关于JavaScript之对象拷贝与赋值的问题，突然觉得很有意义，想...
2020-05-27
vue 基于element-ui 分页组件封装的实例代码
具体代码如下所示：
<template> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :page-sizes="[10, 20, 30, 40]" :page-size="page...
2020-05-27
Vue.js子组件向父组件通信的方法实例代码详解
一、场景描述：曾经有个电商项目，其中有个“老带新”模块，而且该模块新增的入口很多，但是新增后展示效果还不一样，当时就考虑将新增的组件单独拿出来，其实就是一个子组件向父组同步...
2020-05-27
vue路由前进后退动画效果的实现代码
vue-route-transition
vue router 切换动画特性 模拟前进后退动画 基于css3流畅动画 基于sessionStorage，页面刷新不影响路由记录 路由懒加载，返回可记录滚动条位置 前进...
2020-05-27
PM2自动部署代码步骤流程总结
公司的项目需要自动部署到服务器上，在网上查询后，发现PM2自带的发布程序可以自动部署并运行。0x01 环境条件本地环境：window10的WSL ubuntu16.04
服务器环境：ubuntu18.04
使用PM...
2020-05-27
微信小程序实现动态获取元素宽高的方法分析
本文实例讲述了微信小程序实现动态获取元素宽高的方法。分享给大家供大家参考，具体如下：我以前一直以为微信小程序不能动态获取view元素的宽高。但是自从看到： wx.createSelect...
2020-05-27
JQuery实现ajax请求的示例和注意事项
最近很多人问我ajax该怎么用，怎么访问后台，怎么取得数据页面显示写一个简单的ajax访问：$.ajax({ url: ctx +"/meeting/getMeetingRoomMap", //请求后台地址 type:"get", /...
2020-05-27
vue+Element-ui实现分页效果实例代码详解
当我们向后台请求大量数据的时候，并要在页面展示出来，请求的数据可能上百条数据或者更多的时候，并不想在一个页面展示，这就需要使用分页功能来去完成了。1.本次所使用的是vue2.0...
2020-05-27
移动端如何用下拉刷新的方式实现上拉加载
实现上拉加载最普遍的方式就是监听滚动条的滚动事件，而移动端的下拉刷新利用的是transform属性来进行位移，那用下拉刷新的方式实现上拉加载怎么样?html结构
<div class="m...
2020-05-27
vue刷新页面时去闪烁提升用户体验效果的实现方法
首先在最外层div添加v-if="isReloadAlive"，并创建变量isReloadAlive = true随后添加provide()以及reload方法，如下：export default { provide() { return { reload: this.rel...
2020-05-27
JS中使用new Option()实现时间联动效果
1、基础准备： 先来了解下，如何运用js实现select动态添加option。//1.动态创建selectfunction createSelect(){ var mySelect = document.createElement("select"); mySel...
2020-05-27
实现Vue的markdown文档可以在线运行的方法示例
markdown 文档中Vue代码 可执行啦，而且可以边看边执行。这样就可以用markdown文档的形式，写自己的Vue博客了， 可以方便介绍自己的原创组件，很酷的执行。Github
https://github.c...
2020-05-27
利用jsonp解决js读取本地json跨域的问题
前言本文主要给大家介绍了关于使用jsonp解决js读取本地json跨域的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧一 、问题描述
通过ajax方式读取本...
2020-05-27
jQuery实现数字自动增加或者减少的动画效果示例
本文实例讲述了jQuery实现数字自动增加或者减少的动画效果。分享给大家供大家参考，具体如下：效果图：1.HTML：<div class="up"></div><br><div class="down"></div>2.JS：$(function...
2020-05-27
详解react阻止无效重渲染的多种方式
在开发React组件的过程中，我们经常会遇到这个问题：什么情况下组件会重新渲染？当内部data发生改变，state发生改变(通过调用this.setState()) 以及父组件传过来的props发生改变时，...
2020-05-27
jQuery实现的模仿雨滴下落动画效果
本文实例讲述了jQuery实现的模仿雨滴下落动画效果。分享给大家供大家参考，具体如下：效果如图： 实现思路：定时器每隔x秒生成宽高、下落速度（即动画执行时间）、left随机的div。1.CSS...
2020-05-27
如何让node运行es6模块文件及其原理详解
最新版的 node 支持最新版 ECMAScript 几乎所有特性，但有一个特性却一直到现在都还没有支持，那就是从 ES2015 开始定义的模块化机制。而现在我们很多项目都是用 es6 的模块化...
2020-05-27
jQuery实现点击旋转，再点击恢复初始状态动画效果示例
本文实例讲述了jQuery实现点击旋转，再点击恢复初始状态动画效果。分享给大家供大家参考，具体如下：今天遇到要做一个点击 + 然后开始旋转动画后变成 x 具体实现如下1.HTML<di...
2020-05-27
vue-cli2.0转3.0之项目搭建的详细步骤
Vue CLI介绍
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型...
2020-05-27
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
本文实例讲述了微信小程序非swiper组件实现的自定义伪3D轮播图效果。分享给大家供大家参考，具体如下：效果如下：我用了很笨的方法实现的，大致就是：1.当前点击的div（view）如果前后都...
2020-05-27
