姚木木-CSDN博客

原创 15分钟上手vue3.0(小结)

这篇文章主要介绍了15分钟上手vue3.0，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值Vue 3 还没有正式发布，但是 Alpha 版本已经发布了。虽然官方还不推荐在生产环境中直接使用 Vue 3 ，但是提前学习总归是有好处的。嘴上喊着老子学不动了，双手还是很诚实的打开了 Vue 3 文档创建项目Vue 官方很贴心的提供了一个 github 仓库，让我们能快速体验Vue 3的新特性:git clone https://github.com/vuejs/vue-ne

2021-05-06 10:29:40 534

原创 vue3.0是如何做的速度提升的?

一.diff算法优化；vue2.X中的dom是进行全量对比渲染（对应的所有dom都对比一遍，增加了对比次数和渲染速度）；vue3.0添加了静态标记（与上次dom节点对比的时候，只对比有静态标记的dom进行渲染）二.hoistStast 静态提升vue2.x无论元素是否参与更新，每次都要重新创建，然后渲染；vue3.0中对于不参与更新的元素，会做静态提升，只会被创建一次，在渲染时直接复用即可；三.cacheHandlers 事件侦听器缓存vue2.x默认情况下onClick 会被视为动态绑定

2020-12-29 18:31:23 382

原创 Vue开发结构语法规范

1.结构化规范├── index.html 入口页面├── build 构建脚本目录│ ├── build-server.js 运行本地构建服务器，可以访问构后的页面│ ├── build.js 生产环境构建脚本│ ├── dev-client.js 开发服务器热重载脚本，主要用来实现开发阶段的页面自动│ ├── dev-server.js 运行本地开发服务器│ ├── utils.js 构建相关工具方法│ ├── webpack.base.conf.js wabpack基础配置│ ├──

2020-06-11 09:37:25 494

原创 React开发结构语法规范

1.基本结构（使用mobx)├── build 构建脚本目录│ ├── css 打包生成的css目录│ ├── js 打包生成的js目录│ ├──assets 打包生成的静态文件目录│ ├── index.html 运行本地构建服务器，可以访问构后的页面├── package.json npm包配置文件，里面定义了项目的npm脚本，依赖包等信息├── src 项目源码目录│ ├── index.js 入口js文件│ ├── index.html 入口html文件│ ├── routers

2020-06-11 09:31:41 391

原创 JS常用的跳转,刷新,返回页面方式

跳转页面1.window.location.hrefwindow.location.href="http://www.baidu.com/";2.window.navigatewindow.navigate("top.jsp");3.window.loction.replace(注意和第一种方式的区别)window.location.replace("http://www.dayanmei.com") ;比如有三个JSP页面(1.JSP、2.JSP、3.JSP)。默认进入1.JSP。当我进入

2020-05-29 17:59:46 545

原创 JS中var声明与function声明两种函数声明方式的区别

JS中常见的两种函数声明(statement)方式有这两种:// 函数表达式(function expression) var h = function() { // h}// 函数声明(function declaration) function h() { // h}先说两者的显著区别:第一种声明方式也就是var声明方式, 函数只有在var语句声明之后才能被调用第二种生命方式也就是function声明方式, 函数可以在function声明之前被调用这是因为

2020-05-29 14:04:26 640 1

转载简要理解CommonJS规范

写在前面：一个文件就是一个模块。　　另外本文中的示例代码需要在node.js环境中方可正常运行，否则将出现错误。事实上ES6已经出现了模块规范，如果使用ES6的模块规范是无需node.js环境的。因此，需要将commonJS规范和ES6的模块规范区分开来。一、为什么制定CommonJS规范？在后端，JavaScript的规范远远落后并且有很多缺陷，这使得难以使用JavaScript开发大型应用。比如：没有模块系统标准库较少没有标准接口缺乏包管理系统列表内容CommonJS规范的提出，主要

2020-05-29 11:33:42 300

转载如何从 0 到 1 学习好node?

先学习好js的基础(基础扎实的同学们可以跳过)js教程学习 node基础,了解后端知识node教程（注意ES标准开车太快，express这种callback不要学了，直接上async的koa2）最后自己用koa2撸个网站

2020-05-29 09:35:43 281

转载 Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值

Vue2.0 传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们如何进行给子组件进行传值呢？如果是电商网站系统的开发，还会涉及到购物车的选项，这时候就会涉及到非父子组件传值的情况。当然你也可以用Vuex状态管理工具来实现，这部分我们后续会单独介绍。我先给大家介绍Vue开发中常用的三种传值方式。Vue常用的三种传值方式有：父传子子传父非父子传值引用官网的一句话：父

2020-05-26 17:44:15 276

原创 git远程强制覆盖本地

git fetch --allgit reset --hard origin/mastergit pull git强制覆盖本地命令（单条执行）：git fetch --all && git reset --hard origin/master && git pull第一个是：拉取所有更新，不同步；第二个是：本地代码同步线上最新版本(会覆盖本地所有与远程仓库上同名的文件)；第三个是：再更新一次（其实也可以不用，第二步命令做过了其实）...

2020-05-26 17:38:18 597

原创 cmd 命令如何装x 满屏字母滚动

在cmd环境下打开文件和文件夹。喜欢装逼的大伙可以看看。打开文件夹的话用start命令例如start 文件夹打开文件进入指定目录后直接键入文件名就行或者直接start 路径例如start g:\tmp <-- 打开文件夹start g:\tmp\1.txt <–打开文件改变cmd 颜色color a0 = 黑色 8 = 灰色1 = 蓝色 9 = 淡蓝色2 = 绿色 A = 淡绿色3 = 浅绿色 B =

2020-05-26 17:19:16 2967

原创可以拿来装X的cmd命令

可以拿来装X的cmd命令一，ping它是用来检查网络是否通畅或者网络连接速度的命令。作为一个生活在网络上的管理员或者黑客来说，ping命令是第一个必须掌握的DOS命令，它所利用的原理是这样的：网络上的机器都有唯一确定的IP地址，我们给目标IP地址发送一个数据包，对方就要返回一个同样大小的数据包，根据返回的数据包我们可以确定目标主机的存在，可以初步判断目标主机的操作系统等。下面就来看看它的一些常用的操作。先看看帮助吧，在DOS窗口中键入：ping /? 回车，。所示的帮助画面。在此，我们只掌握一些基本的很

2020-05-26 17:15:33 6494

原创在线浏览你的github项目

教你如何直接在github上预览html网页效果一些demo经常放到github上进行托管, 打开直接是源代码，看不到效果。怎么直接看效果不用下载？方法一、只需要在需要查看的网页的目录前面增加http://htmlpreview.github.io/?如下图方法二、将github上demo的html文件链接复制到，打开下面网址后出现的输入栏中，点击按钮即可。http://htmlpreview.github.io/GitHub & BitBucket HTML Preview方法

2020-05-26 17:12:08 995

转载 vue路由跳转,模拟原生网页判断是否回到顶部

const router = new VueRouter({ routes: [...], scrollBehavior(to,from,savedPosition){ // return {x:100,y:100} //浏览器以页面的x:100,y:100的位置开始显示 // return{ selector : '.a' } ...

2019-10-09 17:28:15 237

原创 js中的闭包内存泄漏垃圾回收

1.闭包的概念闭包：指有权访问另一个函数作用域中的变量的函数。闭包的本质是将函数内部和函数外部连接起来的一座桥梁。2.如何创建闭包例1：function outer(){　　　　var a=1;　　　　function inner(){　　　　 a++;　　　　　　alert(a);　　　　}　　　　return inner;}var f1=outer();//创建...

2019-09-20 15:34:37 297

原创常见的四种前端布局方式

常见的网页布局主要有四种：1.自适应2.响应式3.静态4.流式刚刚接触网页设计的时候，常常分不清响应式布局和自适应布局，其实他们就是“傻傻分不清楚”…静态布局（Static Layout）即传统Web设计，对于PC设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分；对于移动设备，单独设计一个布局，使用不同的域名如wap.或m.。流式布局（Liquid ...

2019-09-20 15:30:11 2150

转载 IE浏览器下常见的css兼容问题

宽高bug【1】IE6-浏览器下子元素能撑开父级设置好的宽高<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>body{ margin: 0;}ul{ ...

2019-09-20 15:27:07 260

原创 Vue.JS项目中5个经常用到的Vuex插件

使用 Vuex 来管理 Vue 的状态，有很多好的理由。其中之一就是，通过 Vuex 插件可以非常容易的扩展一些很酷的功能。Vuex 社区中的开发人员已经创建了大量的免费插件供你使用，有许多你能想象的功能，还有一些你可能没有想到的功能。状态持久化同步标签页、窗口语言本地化管理多个加载状态缓存操作1. 状态持久化vuex-persistedstate 使用浏览器的本地存储（ local sto...

2019-08-29 10:42:29 302

转载带你解析函数防抖与函数节流

函数节流与函数防抖函数防抖一部分我是学习于《JavaScript 高级程序设计》第三版，但是文中标题错误标为函数节流，实则为函数防抖。网上大部分文章也是节流[throttle]防抖[debounce]分不清楚，其实这两个名称是极其形象的。throttle-函数节流：一个水龙头在滴水，可能一次性会滴很多滴，但是我们只希望它每隔 500ms 滴一滴水，保持这个频率。即我们希望函数在以一个可以接受...

2019-08-29 10:31:04 351

转载值得一看的前端 50 道面试题

1. javascript的typeof返回哪些数据类型.答案：string,boolean,number,undefined,function,object2. 例举3种强制类型转换和2种隐式类型转换?答案：强制（parseInt,parseFloat,number）隐式（== ===）3. split() join() 的区别答案：前者是将字符串切割成数组的形式，后者是将数组转换...

2019-08-29 10:21:27 115

原创 vue单页面与多页面的优缺点

vue单页面PK多页面单页面应用多页面应用单页面应用页面跳转JS渲染优点：页面切换快缺点：首屏时间慢，SEO优化差Vue提供了服务器端渲染，我们可以完美解决掉单页面之中的问题多页面应用页面跳转返回HTML优点：首屏时间快，SEO优化效果好缺点：页面切换慢...

2019-08-29 10:04:58 7172

姚木木的博客