JavaScript中引用vs复制示例详析
前言好像一般很少人讲到js中的引用和复制，不过弄清楚这个概念可以帮助理解很多东西先讲一下很基础的东西，看看js中几种数据类型分别传的什么
引用：对象、数组、函数
复制：数字、...
2020-05-27
Vue-CLI3.x 设置反向代理的方法
最近在项目中使用了Vue CLI 3.0版本，项目中需要设置反向代理解决跨域问题，下面记录一下设置过程。
如何安装vue-cli3呢？首先，你要有一个nodejs环境Node 版本要求Vue CLI 需要 No...
2020-05-27
vue通过指令(directives)实现点击空白处收起下拉框
日常开发中有时会有这样的需求，就是展开下拉框的时候，通过点击空白处，可以实现让下拉框收回。这里我们通过vue2.0中的自定义指令来简单实现。貌似截图尺寸有点大(╯﹏╰)vue自定...
2020-05-27
vue中v-for通过动态绑定class实现触发效果
vue动态绑定class练习。：class=“{ ‘类名1'：条件表达式，‘类名2'：条件表达式… }”<template> <div class="app-*"> <ul> <li v-for="(item,i) of list" :key="i"...
2020-05-27
初探Vue3.0 中的一大亮点Proxy的使用
前言不久前，也就是11月14日-16日于多伦多举办的 VueConf TO 2018 大会上，尤雨溪发表了名为 Vue3.0 Updates 的主题演讲，对 Vue3.0 的更新计划、方向进行了详细阐述，表示已经放弃...
2020-05-27
微信小程序实现通过js操作wxml的wxss属性示例
本文实例讲述了微信小程序实现通过js操作wxml的wxss属性。分享给大家供大家参考，具体如下：微信小程序如何通过js操作html的css属性：在web端、手机端、webApp中可以通过js获取do...
2020-05-27
详解Webstorm 下的Angular2.0开发之路(图文)
人一旦上了年纪，记忆力就变得越来越不好。最近写了许多的博文，倒不是为了给谁看，而是方便自己来搜索，不然一下子又忘记了。如果恰巧帮助到了你，也是我的荣幸~~~~~~~~~~~~废话不多...
2020-05-27
微信小程序dom操作的替代思路实例分析
本文实例讲述了微信小程序dom操作的替代思路。分享给大家供大家参考，具体如下：微信小程序无法操作dom，这意味着之前js中的各种习惯方法必须换一种思路实现在尝试了几类情况后，发...
2020-05-27
angular中两种表单的区别(响应式和模板驱动表单)
angular的表单
angular的表单分为两种，一种是响应式的表单，另一种是模板驱动表单。使用'@angular/forms'库中的FormGroup, FormControl，FormArray,FormBuilder 等类构建出的数...
2020-05-27
js防抖和节流的深入讲解
前言：我们在做页面事件绑定的时候，经常要进行节流处理，比如鼠标异步点击，去执行一个异步请求时，需要让它在上一次没执行时不能再点击，又或者绑定滚动事件，这种持续触发进行dom判断...
2020-05-27
jQuery动态操作表单示例【基于table表格】
本文实例讲述了jQuery动态操作表单。分享给大家供大家参考，具体如下：<html><head> <title>jquery表格操作</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquer...
2020-05-27
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
本文实例讲述了jQuery分页插件jpaginate用法。分享给大家供大家参考，具体如下：jpaginate是一个自带滑动动画效果的jQuery分页插件，用户可以通过单击或只是悬停在箭头上的使页码...
2020-05-27
详解Vue-axios 设置请求头问题
在axios向后端传参时需要设置请求头，确保请求参数的格式为JSON字符串（此时用JSON.stringify(obj)无效时）this.$axios({ method:'', url:'', headers: { 'Content-Typ...
2020-05-27
谈谈React中的Render Props模式
概述Render Props模式是一种非常灵活复用性非常高的模式，它可以把特定行为或功能封装成一个组件，提供给其他组件使用让其他组件拥有这样的能力，接下来我们一步一步来看React组...
2020-05-27
微信小程序冒泡事件及其阻止方法实例分析
本文实例讲述了微信小程序冒泡事件及其阻止方法。分享给大家供大家参考，具体如下：事件的类别分为几种： 点击事件：tap 长按事件：longtap 触摸事件：touchstart； touchend；touchcanc...
2020-05-27
使用react render props实现倒计时的示例代码
react的组件模式可以观看Michael Chan的演讲视频，平时大家常听到的react模式也是HOC, HOC的使用场景很多，譬如react-redux的connect，这里不赘述HOC相关，感兴趣可以自行了解。首...
2020-05-27
详解nodejs解压版安装和配置(带有搭建前端项目脚手架)
nodejs 安装 我先前用了nvm，觉得nvm挺厉害可以随时更换nodejs版本，但是研究了下，可能自己功力不够还是什么，并不好用，中间还出现了错误；所以最后还是卸载了；本文图文并茂的一步一步...
2020-05-27
vant(ZanUi)结合async-validator实现表单验证的方法
最近在开发一个移动端商城项目，用到了有赞的 vant ，因为最近大都采用 element ui 在做PC端的东西，对比来说，vant的完成度还是偏低了点，很多细节都虽然都实现了接口，但是想使用得自...
2020-05-27
详解在create-react-app使用less与antd按需加载
使用antd按需加载
使用react-app-rewired对 create-react-app 的默认配置进行自定义1、yarn add react-app-rewired --dev/* package.json */"scripts": {- "start": "reac...
2020-05-27
vue webpack打包后图片路径错误的完美解决方法
项目用run dev build 打包后，发现很多图片都不显示，在本地是没有问题的啊！找原因发现通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的。因为我们的图片路径都是经历...
2020-05-27
微信小程序实现两边小中间大的轮播效果的示例代码
好久没跟新博客了 今天没啥事来记录一下我的成果 哈哈哈今天产品小姐姐过来跟我说改一下产品活动页的样式 我看了一眼发现有个轮播样式两边小中间大 这个我以前是没有写...
2020-05-27
JavaScript栈和队列相关操作与实现方法详解
本文实例讲述了JavaScript栈和队列相关操作与实现方法。分享给大家供大家参考，具体如下：一、栈的介绍栈就是和列表类似的一种数据结构，数据只能在栈顶添加或者删除。栈是一种特...
2020-05-27
angular学习之动态创建表单的方法
准备工作
使用ng new async-form创建一个新工程，在app.module.ts中引入ReactiveFormsModule模块并在根模块中导入import { ReactiveFormsModule } from '@angular/forms';@Ng...
2020-05-27
JS实现随机生成10个手机号的方法示例
本文实例讲述了JS实现随机生成10个手机号的方法。分享给大家供大家参考，具体如下：JS部分：<script>function getMoblieNum(){var numArray = new Array("139","138","137","136"...
2020-05-27
详解如何为你的angular app构建一个第三方库
Angular 团队 在 angular6 中，使得创建 Angular 第三方库变得更为简单。如果你以前尝试过操作，你会发现其实不是很简单！那么流程是什么呢？首页我们构建一个搭建一个简单的环境，环...
2020-05-27
vue+SSM实现验证码功能
源码：https://github.com/HannahLihui/StudentManager-SSM/tree/master/SSM-git/StudentManager-SSM-master1.前端有一个img引入，这里this.src=this.src+'?'就会调用映射...
2020-05-27
JavaScript时间与时间戳的转换操作实例分析
本文实例讲述了JavaScript时间与时间戳的转换操作。分享给大家供大家参考，具体如下：一、时间转时间戳：javascript获得时间戳的方法有五种，都是通过实例化时间对象 new Date() 来...
2020-05-27
如何手动实现es5中的bind方法详解
前言
this的指向在javascript中一直是个谜一样的存在，但是很多地方又会用到this，所以理解和使用this非常重要，关于this的理解这篇文章不做介绍，因为这篇的目的是改变this的指向...
2020-05-27
React 使用recharts实现散点地图的示例代码
一、前端框架react+ant design UI
二、首先安装rechartsnpm install recharts或者
yarn add recharts三、引入插件及chinaJSON.js（里面有经纬度信息）
由于项目需要我是全部存...
2020-05-27
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
