js
文章平均质量分 67
wangjie962311
从事前端的小白
展开
-
vue-cli4+ 低版本谷歌浏览器兼容
vue-cli4+ 低版本浏览器兼容原创 2023-02-23 10:56:22 · 994 阅读 · 0 评论 -
vue项目架构-多子系统分包运行打包
分析要实现多子系统互相不干扰,并主系统能集成任意子系统,那么我们考虑就需要对每个子系统有一个独立的入口文件,同时主系统也有自己的入口文件。从而实现可拔插式结构。实现方式1、使用脚手架构建项目,在src下新建文件夹projects,用于存放主系统及各子系统文件,其中任何一个项目文件都相当于一个小vue,可以进行单独运行。具体如下:2、任何小vue项目中包含入口文件main.js,以及项目需要的views页面,这里我们将路由进行拆分为index.js,和path.js,目的是便于我们主系统需要子系统原创 2022-05-30 17:28:52 · 5262 阅读 · 4 评论 -
React 中使用 Redux
在 React 中使用 Redux这是一篇介绍 redux 的入门文章,欲知更多内容请查阅 官方文档。本文会通过三种方式实现一个简单到不能呼吸的计数器小例子,先用 React 实现,再慢慢引入 Redux 的内容,来了解什么是 Redux、为什么要使用 Redux 以及如何简单地使用 Redux。1、React 实现计数器上面这个例子用 React 实现起来非常简单,初始化一个 cr...转载 2019-01-03 16:41:39 · 245 阅读 · 0 评论 -
react写的一个九宫格抽奖活动
先看效果代码如下:父组件:import React, { Component } from 'react'import DeomItem from './demo_item.jsx' // 引入子组件export default class demo extends Component { constructor(props) { super(props); thi...原创 2018-12-27 14:11:47 · 1615 阅读 · 1 评论 -
javascript 事件机制
js 事件机制前端在面试的时候经常会遇到js事件机制的原理和使用方法,我呢,开始也是一直都比较模糊,仔细看了一下文档,总结一下我学习到的。事件流是一个事件沿着特定数据结构传播的过程。冒泡和捕获是事件流在DOM中两种不同的传播方法。事件流有三个阶段:1.事件捕获阶段2.处于目标阶段3.事件冒泡阶段什么是捕获和冒泡举个栗子:<div id="div1"> ...原创 2018-11-12 11:33:48 · 458 阅读 · 0 评论 -
vue中解决跨域问题
将接口配置到本地代理的方法一般来说,我们会在正式环境中讲接口配置到和项目路径是一个域名下的。因此,我们没必要在调用接口的时候使用绝对地址,使用相对地址即可。但是开发环境的话,我们本地跑的是localhost:8080地址,当然要使用包含域名的接口地址了。正式环境接口地址 /api/**前端页面地址 /开发环境http://www.xxx.com/api/**http://loca原创 2017-09-21 17:12:37 · 3726 阅读 · 0 评论 -
跑一个本地服务
在有node.js的环境下安装sudo npm i -g http-server运行http-server原创 2017-09-20 13:36:58 · 319 阅读 · 0 评论 -
javascript 数组以及对象的深拷贝(复制数组或复制对象)的方法
前言工作中遇到了很大的坑啊。。。在js中,数组和对象的复制如果使用=号来进行复制,那只是浅拷贝。如下图演示: 如上,arr的修改,会影响arr2的值,这显然在绝大多数情况下,并不是我们所需要的结果。 因此,数组以及对象的深拷贝就是javascript的一个基本功了。数组的深拷贝concat 方法实现数组的深拷贝这个代码也非常简单,原理更加粗暴。它是用于连接多个数组组成一个新的数组的方法。那么,我原创 2017-09-28 10:06:58 · 246 阅读 · 0 评论 -
Vue的好用之处与其他框架的对比
Vue.js 很好,但相比 Angular 或 React 更好吗?Vue.js 是一个用来构建网页界面的 JavaScript 库。同其它的一些工具结合在一起,它也可以成为一个新“框架”。你会了解到 Vue.js 是顶级的 JavaScript 框架之一,它在许多场景中可以被用来替换 Angular 和 React。这就引出了本文要讨论的话题 “Vue.js 是不错,但能比 Angular 或者原创 2017-06-01 10:36:45 · 14262 阅读 · 1 评论 -
对vue虚拟DOM理解
为什么需要虚拟DOMDOM是很慢的,其元素非常庞大,页面的性能问题鲜有由JS引起的,大部分都是由DOM操作引起的。如果对前端工作进行抽象的话,主要就是维护状态和更新视图;而更新视图和维护状态都需要DOM操作。其实近年来,前端的框架主要发展方向就是解放DOM操作的复杂性。更新DOM是非常昂贵的操作当我们使用Javascript来修改我们的页面,浏览器已经做了一些工作,以找到DOM节点进行更改,例如:d原创 2017-06-02 09:51:08 · 6524 阅读 · 0 评论 -
vue的强大功能---组件
组建介绍组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树: 那么什么是组件呢?组件可以扩展HTML元素,封装可重用的HTML代码,我们可以将组件看作自定义的HTML元素。组件的创建和注册Vue.js的组件的使用有3个步骤:创建组件构造器、注册组件和使用组件。 一个小小的demo来说明一下,这个原创 2017-06-01 14:54:13 · 671 阅读 · 0 评论 -
js中的Object.defineProperty方法
这个方法可牛比了。这么说吧,vue.js是通过它实现双向绑定的。俗称属性拦截器。而且专门用来监控对象属性变化的Object.observe方法也被草案发起人撤回了(此方法在node环境中仍能使用)。可见defineProperty的威力之大。首先看一下官方的定义:Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个已经存在的属性, 并返回这个对象。语法原创 2017-06-01 11:40:25 · 2010 阅读 · 0 评论 -
javascript 删除 url 中指定参数,并返回 url
javascript 删除 url 中指定参数,并返回 url前言在之前写了一篇博文《JavaScript 操作 url 中 search 部分方法函数》.在这篇博文里面,我们通过写好的函数可以对url中的各种参数进行查询,设置.实现代码// 删除url中某个参数,并跳转function funcUrlDel(name){ var loca = window.转载 2017-05-19 10:05:24 · 1016 阅读 · 0 评论 -
javascript 删除 url 中指定参数,并返回 url
js原创 2017-05-19 09:59:04 · 379 阅读 · 0 评论