JavaScript - 教程之家

55浏览

0评论

vue的.vue文件是怎么run起来的(vue-loader)

引子：vue的.vue文件是怎么跑起来的？　　　答：通过vue-loader，解析.vue文件，在webpack解析，拆解vue组件1、vue-loader做了什么？vue-loader是一个webpack加载器，这是vue组件的格式：<tem...

2020-05-27

54浏览

0评论

vue中将html字符串转换成html后遇到的问题小结

今天整理之前做vue项目时遇到的一些问题，发现了当时遇到的一个很小但是又会引出很多问题的一个问题（总之就是很有意思，听我慢慢给你到来），这个问题就是当时处理后端数据时，如何将...

2020-05-27

62浏览

0评论

es6基础学习之解构赋值

前言es6的语法已经出了很长的时间了，在使用上也可以通过babel这类的编译工具转译为浏览器可以识别的es5的语法，但是依旧有很多开发在写代码的时候，依旧没有用es6的语法，而是习惯...

2020-05-27

46浏览

0评论

深入理解Vue.js轻量高效的前端组件化方案

Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中，Vue.js有幸受到一定程度的关注，目前在GitHub上已经有5000+的star。本文将从各方面对Vue.js...

2020-05-27

57浏览

0评论

详解为生产环境编译Angular2应用的方法

Angular 2 已经发布了 2.1.2 版本，相信很多人已经在使用（试用）了，相比 AngularJS 1.x ， Angular 2 在性能上有了长足的进步，同时 Angular 2 也变得非常的庞大，动辄几兆的脚本，...

2020-05-27

37浏览

0评论

BootStrap模态框闪退问题实例代码详解

模态框闪退到你还看不到模态框的内容呢，就屏幕灰了一下就是代码如下 <div class="container-fluid"> <form class="navbar-form navbar-center" role="Sea...

2020-05-27

49浏览

0评论

webpack优化的深入理解

前言由于前端的快速发展，相关工具的发展速度也是相当迅猛，各大框架例如vue,react都有自己优秀的脚手架工具来帮助我们快速启动一个新项目，也正式因为这个原因，我们对于脚手架中...

2020-05-27

66浏览

0评论

发布Angular应用至生产环境的方法

两年前，写过一篇使用rollup 来为生产环境编译 Angular 2 应用的文章，因为当时还没有 angular-cli 项目。而如今 Angular 已经到了 7.x 版本，对应的工具也是非常的完善，也...

2020-05-27

62浏览

0评论

JQuery Ajax执行跨域请求数据的解决方案

今天前端因为需要ajax调用两个不同的项目，请求域不一样，所以涉及ajax跨域的问题，其实很简单，具体如下原来的ajax请求如下：$.ajax({ type:"post", url:platformUrl +"/security/m...

2020-05-27

56浏览

0评论

引入外部js脚本加载慢与页面白屏问题的解决

问题背景最近做的一个项目需要引入一个外部的第三方js脚本。由于这是一个关于渲染3D建筑的脚本，所以体积比较大，大概有2M，加载完成也得要个好几秒，网速慢的时候十几秒都有可能。...

2020-05-27

85浏览

0评论

微信小程序与后台PHP交互的方法实例分析

本文实例讲述了微信小程序与后台PHP交互的方法。分享给大家供大家参考，具体如下：接下来将讲后台如何与前台进行数据及图片之间的交互，相信这一点是很多人所关注的，因为当时我实...

2020-05-27

53浏览

0评论

jQuery+css last-child实现选择最后一个子元素操作示例

本文实例讲述了jQuery+css last-child实现选择最后一个子元素操作。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http:/...

2020-05-27

51浏览

0评论

详解Angular Forms中自定义ngModel绑定值的方式

在 Angular 应用中，我们有两种方式来实现表单绑定——“模板驱动表单”与“响应式表单”。这两种方式通常能够很好的处理大部分的情况，但是对于一些特殊的表单控件，例如 input[...

2020-05-27

77浏览

0评论

jQuery选择器选中最后一个元素，倒数第二个元素操作示例

本文实例讲述了jQuery选择器选中最后一个元素，倒数第二个元素操作。分享给大家供大家参考，具体如下：HTML部分：<div> <p>元素1</p> <p>元素2</p> <p>元素3</p> <p>元素4</p>...

2020-05-27

85浏览

0评论

微信小程序分享海报生成的实现方法

为了吸引更多的用户，设计好一个分享海报还是很有必要的。而小程序要生成一个海报还是有点坑的，下面分享下我们打卡小程序的一些经验。分享海报的效果图如下：制作要求：海报以弹...

2020-05-27

57浏览

0评论

JS选取DOM元素常见操作方法实例分析

本文实例讲述了JS选取DOM元素常见操作方法。分享给大家供大家参考，具体如下：JS选取DOM元素的方法注意：原生JS选取DOM元素比使用jQuery类库选取要快很多1、通过ID选取元素docume...

2020-05-27

62浏览

0评论

express 项目分层实践详解

前言上次我们搭建了一个基本的 express 后台，但是这样的项目结构的可扩展性，维护性和代码复用性都不是很好，参照之前学习 JavaWeb 时候的四层架构设计，用分层的思想来对 express...

2020-05-27

98浏览

0评论

JavaScript对象拷贝与赋值操作实例分析

本文实例讲述了JavaScript对象拷贝与赋值操作。分享给大家供大家参考，具体如下：今天在做公司面试题的时候，遇到了一道关于JavaScript之对象拷贝与赋值的问题，突然觉得很有意义，想...

2020-05-27

88浏览

0评论

vue 基于element-ui 分页组件封装的实例代码

具体代码如下所示：
<template> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :page-sizes="[10, 20, 30, 40]" :page-size="page...

2020-05-27

65浏览

0评论

Vue.js子组件向父组件通信的方法实例代码详解

一、场景描述：曾经有个电商项目，其中有个“老带新”模块，而且该模块新增的入口很多，但是新增后展示效果还不一样，当时就考虑将新增的组件单独拿出来，其实就是一个子组件向父组同步...

2020-05-27

61浏览

0评论

vue路由前进后退动画效果的实现代码

vue-route-transition
vue router 切换动画特性模拟前进后退动画基于css3流畅动画基于sessionStorage，页面刷新不影响路由记录路由懒加载，返回可记录滚动条位置前进...

2020-05-27

74浏览

0评论

PM2自动部署代码步骤流程总结

公司的项目需要自动部署到服务器上，在网上查询后，发现PM2自带的发布程序可以自动部署并运行。0x01 环境条件本地环境：window10的WSL ubuntu16.04
服务器环境：ubuntu18.04
使用PM...

2020-05-27

46浏览

0评论

微信小程序实现动态获取元素宽高的方法分析

本文实例讲述了微信小程序实现动态获取元素宽高的方法。分享给大家供大家参考，具体如下：我以前一直以为微信小程序不能动态获取view元素的宽高。但是自从看到： wx.createSelect...

2020-05-27

79浏览

0评论

JQuery实现ajax请求的示例和注意事项

最近很多人问我ajax该怎么用，怎么访问后台，怎么取得数据页面显示写一个简单的ajax访问：$.ajax({ url: ctx +"/meeting/getMeetingRoomMap", //请求后台地址 type:"get", /...

2020-05-27

65浏览

0评论

vue+Element-ui实现分页效果实例代码详解

当我们向后台请求大量数据的时候，并要在页面展示出来，请求的数据可能上百条数据或者更多的时候，并不想在一个页面展示，这就需要使用分页功能来去完成了。1.本次所使用的是vue2.0...

2020-05-27

62浏览

0评论

移动端如何用下拉刷新的方式实现上拉加载

实现上拉加载最普遍的方式就是监听滚动条的滚动事件，而移动端的下拉刷新利用的是transform属性来进行位移，那用下拉刷新的方式实现上拉加载怎么样?html结构
<div class="m...

2020-05-27

47浏览

0评论

vue刷新页面时去闪烁提升用户体验效果的实现方法

首先在最外层div添加v-if="isReloadAlive"，并创建变量isReloadAlive = true随后添加provide()以及reload方法，如下：export default { provide() { return { reload: this.rel...

2020-05-27

61浏览

0评论

JS中使用new Option()实现时间联动效果

1、基础准备：　　先来了解下，如何运用js实现select动态添加option。//1.动态创建selectfunction createSelect(){ var mySelect = document.createElement("select"); mySel...

2020-05-27

69浏览

0评论

实现Vue的markdown文档可以在线运行的方法示例

markdown 文档中Vue代码可执行啦，而且可以边看边执行。这样就可以用markdown文档的形式，写自己的Vue博客了，可以方便介绍自己的原创组件，很酷的执行。Github
https://github.c...

2020-05-27

55浏览

0评论

利用jsonp解决js读取本地json跨域的问题

前言本文主要给大家介绍了关于使用jsonp解决js读取本地json跨域的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧一、问题描述
通过ajax方式读取本...

2020-05-27

56浏览

0评论

jQuery实现数字自动增加或者减少的动画效果示例

本文实例讲述了jQuery实现数字自动增加或者减少的动画效果。分享给大家供大家参考，具体如下：效果图：1.HTML：<div class="up"></div><br><div class="down"></div>2.JS：$(function...

2020-05-27

56浏览

0评论

详解react阻止无效重渲染的多种方式

在开发React组件的过程中，我们经常会遇到这个问题：什么情况下组件会重新渲染？当内部data发生改变，state发生改变(通过调用this.setState()) 以及父组件传过来的props发生改变时，...

2020-05-27

47浏览

0评论

jQuery实现的模仿雨滴下落动画效果

本文实例讲述了jQuery实现的模仿雨滴下落动画效果。分享给大家供大家参考，具体如下：效果如图：实现思路：定时器每隔x秒生成宽高、下落速度（即动画执行时间）、left随机的div。1.CSS...

2020-05-27

80浏览

0评论

如何让node运行es6模块文件及其原理详解

最新版的 node 支持最新版 ECMAScript 几乎所有特性，但有一个特性却一直到现在都还没有支持，那就是从 ES2015 开始定义的模块化机制。而现在我们很多项目都是用 es6 的模块化...

2020-05-27

55浏览

0评论

jQuery实现点击旋转，再点击恢复初始状态动画效果示例

本文实例讲述了jQuery实现点击旋转，再点击恢复初始状态动画效果。分享给大家供大家参考，具体如下：今天遇到要做一个点击 + 然后开始旋转动画后变成 x 具体实现如下1.HTML<di...

2020-05-27

87浏览

0评论

vue-cli2.0转3.0之项目搭建的详细步骤

Vue CLI介绍
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型...

2020-05-27

62浏览

0评论

微信小程序非swiper组件实现的自定义伪3D轮播图效果示例

本文实例讲述了微信小程序非swiper组件实现的自定义伪3D轮播图效果。分享给大家供大家参考，具体如下：效果如下：我用了很笨的方法实现的，大致就是：1.当前点击的div（view）如果前后都...

2020-05-27

88浏览

0评论

vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解

vue-cli 3.0 正式版于 8月10号发布，但是3.0 与 2.0 版本在搭建项目时到底有何不同呢？下面做一下简单的介绍，希望可以帮到有需要的朋友1、全局安装vu-cli 3.0 npm install -g...

2020-05-27

93浏览

0评论

微信小程序实现的3d轮播图效果示例【基于swiper组件】

本文实例讲述了微信小程序实现的3d轮播图效果。分享给大家供大家参考，具体如下：前面写过一篇3d轮播，就是这篇，使用的方法比较笨拙，而且代码不简洁。这次发现swiper也能实现同样的...

2020-05-27

64浏览

0评论

jQuery使用bind动态绑定事件无效的处理方法

最近在进行页面开发，在做页面特效的时候，需要给一个动态加载的按钮赋予一个事件于是不假思索的用$(obj).bind(); 来绑定事件。但是这样存在一个问题：bind确实能绑定事件，但是...

2020-05-27

56浏览

0评论

微信小程序实现两个页面传值的方法分析

本文实例讲述了微信小程序实现两个页面传值的方法。分享给大家供大家参考，具体如下：需求：发送页面通过url传值，接收页面获取值。发送页面的jsvar nowid='10';wx.navigateTo({ u...

2020-05-27

53浏览

0评论

微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例

本文实例讲述了微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能。分享给大家供大家参考，具体如下：怎样实现jq中的slideUp或者slideDown这种动画效果呢，我的思路是...

2020-05-27

69浏览

0评论

Vuex 单状态库与多模块状态库详解

什么情况下使用vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗...

2020-05-27

50浏览

0评论

简单的React SSR服务器渲染实现

为什么要SSR
单页应用将UI层和内容都由javascript来渲染，搜索引擎或网页爬虫需要完成的HTML结构，因此单页应用如果只在客户端渲染，不利于SEO，此外尽管我们可以通过按需加载的形...

2020-05-27

57浏览

0评论

Vue入门之数量加减运算操作示例

本文实例讲述了Vue入门之数量加减运算操作。分享给大家供大家参考，具体如下：效果图：HTML:<div class="count3"> <ul> <li v-for="(key,idx) in liList" :key="key.id">...

2020-05-27

96浏览

0评论

vue 内置过滤器的使用总结(附加自定义过滤器)

前言
vue中过滤器filters的作用是什么？过滤器是一个通过输入数据，能够及时对数据进行处理并返回一个数据结果的简单函数。Vue有很多很便利的过滤器，可以参考官方文档。
能够帮...

2020-05-27

88浏览

0评论

浅谈Vue 性能优化之深挖数组

背景最近在用 Vue 重构一个历史项目，一个考试系统，题目量很大，所以核心组件的性能成为了关注点。先来两张图看下最核心的组件 Paper 的样式。从图中来看，分为答题区与选择面板...

2020-05-27

65浏览

0评论

详解Vue源码之数据的代理访问

概念解析：1) 数据代理: 通过一个对象代理对另一个对象(在前一个对象内部)中属性的操作(读/写)
2) vue 数据代理: 通过 vm 对象（即this）来代理 data 对象中所有属性的操作
3) 好...

2020-05-27

44浏览

0评论

js中的数组对象排序分析

一、普通数组排序　　　　js中用方法sort()为数组排序。sort()方法有一个可选参数，是用来确定元素顺序的函数。如果这个参数被省略，那么数组中的元素将按照ASCII字符顺序进行...

2020-05-27

57浏览

0评论

js中位运算的运用实例分析

我们可能很少在编程中用位运算，如果没深入学习，可能也很难理解。平时的数值运算，其实是要先转换成二进制再进行运算的，而位运算就是直接进行二进制运算，所以位运算的执行效率肯定...

2020-05-27

热门文章