- 博客(26)
- 收藏
- 关注
RSS订阅原创 vue2中defineProperty和vue3中proxy区别
根据他们的监听方式的不同我们就知道，当对象新增属性的时候，defineProperty 没有对新增的属性进行劫持，自然就不会监听到对象新增的属性变化，而proxy 是对对象进行代理，自然就能监听到对象属性的新增。defineProperty 只能劫持对象的某一个属性，不能对整个对象进行劫持，如果需要监听某一个对象的所有属性，需要遍历对象的所有属性并对其进行劫持来进行监听。defineProperty 是循环遍历对象属性的方式来进行监听，自然会比 proxy 对整个对象进行监听的方式要耗性能。
2023-02-15 15:03:30
1009
原创 写出诗一样的代码
2.推荐使用属性值cmn-Hans-CN（简体,中国大陆），但是考虑浏览器和操作系统的兼容性，目前仍然使用zh-CN属性值。ClassName的命名应该尽量精短、明确，必须以字母开头命名，且全部字母为小写，单词之间统一使用下划线“_”连接。还有extend继承，for循环，each循环，function函数等使用，大大减少重复代码。样式选择器，属性名，属性值关键字全部使用小写字母书写，属性字符串允许使用大小写。注释内容前后各一个空格字符，注释位于要注释代码的上面，单独占一行。...
2022-07-18 10:00:18
604
原创 vue项目架构-多子系统分包运行打包
分析要实现多子系统互相不干扰，并主系统能集成任意子系统，那么我们考虑就需要对每个子系统有一个独立的入口文件，同时主系统也有自己的入口文件。从而实现可拔插式结构。实现方式1、使用脚手架构建项目，在src下新建文件夹projects，用于存放主系统及各子系统文件，其中任何一个项目文件都相当于一个小vue，可以进行单独运行。具体如下：2、任何小vue项目中包含入口文件main.js，以及项目需要的views页面，这里我们将路由进行拆分为index.js，和path.js，目的是便于我们主系统需要子系统
2022-05-30 17:28:52
5202
4
转载 React 中使用 Redux
在 React 中使用 Redux这是一篇介绍 redux 的入门文章，欲知更多内容请查阅 官方文档。本文会通过三种方式实现一个简单到不能呼吸的计数器小例子，先用 React 实现，再慢慢引入 Redux 的内容，来了解什么是 Redux、为什么要使用 Redux 以及如何简单地使用 Redux。1、React 实现计数器上面这个例子用 React 实现起来非常简单，初始化一个 cr...
2019-01-03 16:41:39
229
原创 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
1596
1
原创 javascript 事件机制
js 事件机制前端在面试的时候经常会遇到js事件机制的原理和使用方法，我呢，开始也是一直都比较模糊，仔细看了一下文档，总结一下我学习到的。事件流是一个事件沿着特定数据结构传播的过程。冒泡和捕获是事件流在DOM中两种不同的传播方法。事件流有三个阶段：1.事件捕获阶段2.处于目标阶段3.事件冒泡阶段什么是捕获和冒泡举个栗子：<div id="div1"> ...
2018-11-12 11:33:48
428
转载 CSS技巧收集
一些CSS技巧的收集，能够帮助你提升专业水平。1. 使用 :not() 为导航添加/取消边框很多人会这样给导航添加边框，然后给最后一个取消掉：[css] view plain copyprint?/* add border */ .nav li { border-right: 1px solid #666; } /* remove
2017-09-29 15:01:46
240
转载 html 中 a 链接的 download 属性的神奇使用
html 中 a 链接的 download 属性的神奇使用一般来说，我们在页面中提供下载的时候，都需要去配置一些服务端的东西，比如指定 zip 文件就通知浏览器下载这个文件。但是，比如 .jpg 这样的图片文件，如何使它变成下载呢？浏览器可以直接打开访问这个文件的呀。再比如，.pdf 文件，有的浏览器支持直接打开，有的浏览器不支持，则会下载。等等之类的问题。好，现在的问题是，我需要
2017-09-29 14:54:49
1190
转载 CSS居中完全指南
原载于CSS-Trick，本文着重提取文中的方法，不完全翻译。如有需要，直接原文查看。人们经常抱怨在CSS中居中元素的问题，其实这个问题其实并不复杂，只是因为方法众多，需要根据情况从众多方法中选取一个出来。接下来，我们做一个‘决定树’来帮我们把问题变的简单一点。首先你需要居中：水平需要居中 inline 或者 inline-* 元素（如文字或者链接）？需要居中
2017-09-29 10:30:41
244
原创 linux常用命令
笔记1、切换用户当前工作目录 cd .. 2、显示目录内容列表 ls 3、用于删除给定的文件和目录 rm 4、用于删除文件夹 rm -rf 5、新建文件夹 mkdir文件名 6、新建文件 touch 文件 7、将文件移动到另一个文件 mv 文件 目标地址 8、文件更名 mv 文件旧名 文件新名一个很全的linux 命令介绍 ： http://www.cnblogs.com
2017-09-29 10:03:19
184
原创 javascript 数组以及对象的深拷贝（复制数组或复制对象）的方法
前言工作中遇到了很大的坑啊。。。在js中，数组和对象的复制如果使用=号来进行复制，那只是浅拷贝。如下图演示： 如上，arr的修改，会影响arr2的值，这显然在绝大多数情况下，并不是我们所需要的结果。 因此，数组以及对象的深拷贝就是javascript的一个基本功了。数组的深拷贝concat 方法实现数组的深拷贝这个代码也非常简单，原理更加粗暴。它是用于连接多个数组组成一个新的数组的方法。那么，我
2017-09-28 10:06:58
233
原创 vue中解决跨域问题
将接口配置到本地代理的方法一般来说，我们会在正式环境中讲接口配置到和项目路径是一个域名下的。因此，我们没必要在调用接口的时候使用绝对地址，使用相对地址即可。但是开发环境的话，我们本地跑的是localhost:8080地址，当然要使用包含域名的接口地址了。正式环境接口地址 /api/**前端页面地址 /开发环境http://www.xxx.com/api/**http://loca
2017-09-21 17:12:37
3708
转载 图片自适应父元素大小，并左右上下居中的css方法
效果图：代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
2017-09-21 16:35:39
578
转载 CSS3 常用四个动画（旋转、放大、旋转放大、移动）
在页面设计中，给一些图标或者图片加上一些动画效果，会给人非常舒服的感觉。这里收集了四个常用动画效果，以便不时之需。效果一：360°旋转 修改rotate(旋转度数)* { transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease
2017-09-21 16:31:17
1064
原创 git flow 工作流
git flow 工作流最近在项目开发中，在项目提交和发布版本的时候遇到了很多的问题，先说一下我公司开发项目出现的严重情况，在项目中我们多人合作完成，有些人负责修改bug，有些人负责新功能的开发，但是我们同在master主分支，这样我们在修改完bug，在发布版本的时候，我们还有未完成的新功能，一些优化好的地方也会发布出去，那么就出现了严重的问题，所以我们就采用了git flow工作流来解决这一问题。
2017-07-01 15:14:24
813
原创 对vue虚拟DOM理解
为什么需要虚拟DOMDOM是很慢的，其元素非常庞大，页面的性能问题鲜有由JS引起的，大部分都是由DOM操作引起的。如果对前端工作进行抽象的话，主要就是维护状态和更新视图；而更新视图和维护状态都需要DOM操作。其实近年来，前端的框架主要发展方向就是解放DOM操作的复杂性。更新DOM是非常昂贵的操作当我们使用Javascript来修改我们的页面，浏览器已经做了一些工作，以找到DOM节点进行更改，例如：d
2017-06-02 09:51:08
6503
转载 JS实例操作QQ空间自动点赞方法
1 打开QQ空间 2 按下 F12 ，并选中 Console 节点 3 将以下代码复制到打开的 Console 节点中，并回车，程序开始执行，并会发现已经开始自动点赞，代码如下jQuery("a.qz_like_btn_v3[data-clicklog='like']").each(function(index,item){ console.log(item); jQuery(ite
2017-06-01 16:32:14
981
1
原创 vue的强大功能---组件
组建介绍组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树： 那么什么是组件呢？组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素。组件的创建和注册Vue.js的组件的使用有3个步骤：创建组件构造器、注册组件和使用组件。 一个小小的demo来说明一下，这个
2017-06-01 14:54:13
654
原创 js中的Object.defineProperty方法
这个方法可牛比了。这么说吧，vue.js是通过它实现双向绑定的。俗称属性拦截器。而且专门用来监控对象属性变化的Object.observe方法也被草案发起人撤回了(此方法在node环境中仍能使用)。可见defineProperty的威力之大。首先看一下官方的定义：Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个已经存在的属性， 并返回这个对象。语法
2017-06-01 11:40:25
1984
原创 Vue的好用之处与其他框架的对比
Vue.js 很好，但相比 Angular 或 React 更好吗？Vue.js 是一个用来构建网页界面的 JavaScript 库。同其它的一些工具结合在一起，它也可以成为一个新“框架”。你会了解到 Vue.js 是顶级的 JavaScript 框架之一，它在许多场景中可以被用来替换 Angular 和 React。这就引出了本文要讨论的话题 “Vue.js 是不错，但能比 Angular 或者
2017-06-01 10:36:45
14237
1
转载 javascript 删除 url 中指定参数,并返回 url
javascript 删除 url 中指定参数,并返回 url前言在之前写了一篇博文《JavaScript 操作 url 中 search 部分方法函数》.在这篇博文里面,我们通过写好的函数可以对url中的各种参数进行查询,设置.实现代码// 删除url中某个参数,并跳转function funcUrlDel(name){ var loca = window.
2017-05-19 10:05:24
1001
转载 vue学习（一）
之前写的博客没有采用打包工具，而是直接引用js的方式来做的。这种方式很扯淡，也因此，我写了三篇博客之后就没有再写了。通过几个月的学习和实战，基本厘清了Vue1 + VueRouter1 + browserify的一些技术点。并且通过几个实际项目的工作，已经验证了自己利用该技术完成项目是没有问题的了。但是，现在主流的打包方式已经变成了webpack了，而在guthub上面找的很多插件在bro
2017-05-02 11:17:50
484
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人