- 博客(11)
- 收藏
- 关注
RSS订阅原创 Vue2原码之Object的变化检测
Vue2原码之Object的变化检测目的学习工具追踪变化怎么知道对象中的值的变化和值的获取呢分析（仅个人）proxy拦截（钙中钙版本）对比proxy的拦截分析 目的 买了本《深入检出Vue》，来来回回看了四五次放下了四五次，学得也比较迷迷糊糊的，果然代码还是得手敲，不然根本看不懂。分析原码主要是学习，写博客主要是进行巩固及后续复习，原码能学习什么呢？我主要学习是思考问题的思路和方法。会根据书本进行说明，但并不是照本宣科，因为照着敲的时候你也会有很多疑问，根据我自己对书本的理解和其中的疑问进行分析，争取做到婴
2021-07-31 02:57:42
250
原创 webpack
webpack third css-loader残留的疑问 打包后的文件通过css-loader和style-loader后打包的文件确实有了明显变化，但是为什么css文件是被解压到了打包后的js文件中呢？ 这个是style-loader的作用，将css代码转换为了js的字符串，然后在运行的时候将css通过style标签插入到head中。简单验证可以随便创建一个index.html然后通过script标签引入打包后的文件，打开创建的html。通过F12查看就可以发现如下图所示： 缺点：导致JavaSc
2021-04-17 17:04:32
230
原创 webpack
webpack second 本着学习的态度去写文章，对于错误或不全支出还望不吝啬的指正出来（无论对错，重在讨论），十分感谢。 开始写文章主要是为了督促自己学习，买了很多很多书，但是每天上完班下来就懒得动，一天一天的过去，天天写业务逻辑，前端知识停滞不前，还附带遗忘属性，有点罩不住。别着急，先练基本功。 1. loader是什么？ 引用官方的话说就是，算了别说了。就是一个解析非JavaScript的转换器，转换为webpack可以识别的语言后，让webpack可以进行相关的处理。 2. 别管那么多，先用了
2021-04-16 00:01:50
160
原创 webpack
webpack first one 本着学习的态度去写文章，对于错误或不全支出还望不吝啬的指正出来（无论对错，重在讨论），十分感谢。 开始写文章主要是为了督促自己学习，买了很多很多书，但是每天上完班下来就懒得动，一天一天的过去，天天写业务逻辑，前端知识停滞不前，还附带遗忘属性，有点罩不住。别着急，先练基本功。 起步：对于webpack是运行，是基于nodeJS的，可自行去官网安装电脑系统对应的版本。 1. 初始化 使用npm init -y初始化项 初始化的文件夹不能为中文名，-y会默认使用文件夹的名字。
2021-04-15 23:20:44
158
原创 webpack基础使用
webpack的基本使用 webpack配置 入口： entry 出口： output 插件： plugins 转换： loaders 开发者服务器配置： devServe. 模块： module 模式： mode webpack3和4的区别。 4免配置。 3必须配置。 4默认入口，src文件下的index.js 默认出口， dist目录下的main.js 使用前需要安装webpack和w...
2020-05-02 09:36:05
223
原创 vue父组件向子组件传值的方式
父组件向子组件传值 定义组件 //1.全局定义的方式 Vue.component('com1',{ template:'<p>这个就是全局创建的组件哦</p>' }) //2.也可以将第二个参数提出来 var temp = { template:'<h3>提取出来第二个参数创建的</h3>' Vue.component('com2'...
2020-03-17 17:44:40
123
原创 简易的express、mongoDB、apidoc的使用
express 创建项目 创建express项目的时候可以指定使用的模板，比如--view=ejs/pug/jade等。 如果没有指定模板，默认使用jade模板。 项目创建后需要安装项目依赖的第三方依赖库（第三方模块），使用npm i或yarn 依赖安装后会多一个node_modules的文件夹。 项目的运行 项目创建完成及安装依赖后可以进行运行，运行的命令可以在生成的package.json中...
2020-03-10 12:54:47
233
原创 javascript的函数（部分）
javascript的函数 函数的作用 对于相同功能的代码进行统一封装，可以多次调用，可以实现代码的简介，防止代码冗余。实现高内聚、低耦合的目的。 函数的定义 表达式定义 var test = function (){ //匿名函数表达式 } var test2 = function hello(){ //命名函数表达式 } 该方式定义的函数都会有个name属性，可以使用函数名.nam...
2020-03-08 19:37:13
190
原创 html、css基础知识
display:none和visibility:hidden的区别 display可以使元素从文档中消失（不占据空间） visibility还会占据空间 link和@import的区别 link是HTML的标签。页面加载的时候会同事加载 @import是CSS的，会等到页面加载完成后再加载；如果网速不佳的情况下会更易出现样式的脱离。 @import存在兼容问题，需要在IE5以上，link不存在 p...
2020-02-27 15:06:09
212
原创 cookie、localStorage、sessionStorage
Cookie的弊端 cookie的生成数量 在IE6以下，最多20个cookie IE7以后的版本最多50个cookie Firefox最多50个cookie Chrome和Safari没有硬性限制 IE和Opera会清理近期没有使用的cookie，Firefox随机清理 cookie最大为4096字节，为了兼容性一般不会超过4095字节 IE5以上提供了userData,每个域名下最多存储...
2020-02-27 11:44:14
209
原创 javascript闭包学习
闭包 闭包的概念 闭包（Closure）的概念比较抽象，闭包是能够读取其他函数内部变量的函数。我理解，闭包可以在函数内部定义的函数，继承定义的函数的变量。能够有自己独立的作用域。 2.一个简单的闭包 function a(){ var i = 1 function b (){ console.log(i++) } return b } const c = a() c() c() c(...
2020-02-23 20:20:09
138
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人