- 博客(24)
- 收藏
- 关注
RSS订阅原创 Object._proto_指向谁？带来的思考
//由问题带来的思考 ????问题1.Object._proto_指向谁？1.Object是个啥:Object是个类，而类的本质是一个构造函数 Function打印一下： console.log(Object.constructor)2._proto_是个啥:_proto_可以找到很多东西的原型 prototype补充知识：①__proto__和constructor属性是对象所独有的；② prototype属性是函数所独有的，因为函数也是一种对象，所以函数也拥有__proto__和const
2021-12-21 21:08:21
1402
2
原创 JS部分总结ing
//作用域 + 闭包1.js闭包：一个访问了自由变量的函数就是闭包 (自由变量：垮了自己的作用域的变量) => 闭包是个函数，他访问了自由变量2.函数变量提升：现在AO中找，找不到再去GO找(GO:global object 全局变量， AO：Activation Object 执行期上下文) => 显示从函数里找，找不到去外面找3.函数是JS的第一公民4.函数作用域[[scope]]：运行期上下文：当函数执行时，会创建一个名为执行期上下文的内部对象，它定义了一个函数执行时的环境。函数
2021-11-15 17:07:08
695
原创 杂论：工作遇见的可服用代码块（vue项目）
1.代码请求参数封装????const defaultParam = { paramsA:'', paramsB:'',};objectParams: Object.assign({}, defaultParam),2.检测输入框中参数都不为空/*watch里监听，常结合动态类实现不同输入情况按钮样式变化，遇见问题如：未检测到所有数据，*/objectParamsInfo:{ handler(val, oldVal){ let params = val th
2021-08-09 13:31:03
135
原创 上传封装方法
这里写目录标题生成预览和上传封装方式二级目录三级目录生成预览和上传封装方式二级目录三级目录<template> <div id="content"> <input type="file" id="file" :ref="id" :accept="type" multiple="multiple" @change="fileChange"> <div id="add" v-show="uploadList.length
2021-05-13 12:00:00
103
原创 vue进阶
vue进阶局部组件的创建和使用组件通信 ：父传子组件通信：子传父平行组件其他方式组件通信匿名插槽具名插槽作用域插槽生命周期异步组件ref使用nextTick 的用法nextTick 的应用对象变更检测混入mixin偷懒技术mixin混入偷懒技术的应用局部组件的创建和使用<body> <div id="app"> <!-- 3.使用子组件 --> <App></App> </div>
2020-10-31 09:22:53
144
2
原创 vuex 基本
VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。调试工具：vue devtoolsVuex就像眼镜：您自会知道什么时候需要它。1、state在store中定义数据，在组件中直接使用：目录：store/index.jsexport default new Vuex.Store({ // state相当于组件中的data，专门用来存放全局的数据 state: { num: 0 }, getters: {}, mut
2020-10-26 14:55:17
230
1
原创 vue基本概述
vue基本概述vue起步和插值v-text和v-html条件渲染v-bindv-on事件绑定v-for 列表渲染v-modelwatch 监听器计算属性计算属性compter的setter过滤器vue起步和插值<body> <div id="app"> <h3>{{ "hello" }}</h3> <h3>{{ {id:1} }}</h3> <h3>{{ 1>
2020-10-25 17:51:54
131
原创 读深入浅出vue后感及抄录笔记。
第1章 遇见Vue.js1.1 MVX模式是什么MVC框架最早出现在Jaca领域，然后慢慢在前端开发中也被提到，后来又出现了MVP，以及现在最成熟的MVVM，下面我们来简单介绍一下各种模式。1.1.1 MVCMVC是应用最广泛的软件架构之一，一般MVC分为：Model（模型）、Controller（控制器）和View（视图）。这主要是基于分层的目的，让彼此的职责分开，如图1-1所示。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9fOC9zPu-1593097988
2020-06-25 23:13:59
477
1
原创 看阮一峰es6摘抄的笔记
ES6复习var let const1.块级作用域2.不存在变量提升3.不允许重复声明4.const :声明的是常量全局对象属性全局对象是最顶层的对象，在浏览器环境指的是window对象，在Node.js指的是global对象。ES5之中，全局对象的属性与全局变量是等价的。变量的解构赋值undefined 和null区别字符串的扩展includes(), startsWith(), endsWith()传统上，JavaScript只有indexOf方法，可以用来确定一个字符串是否包
2020-06-24 21:54:38
376
原创 js面向对象的基本操作概要
函数编程与面向对象编程：js中万物皆对象，函数是服务于对象的，面向对象三大特点1.封装：将客观事物封装成抽象的类，并且类可以把数据和方法让可信的类或者对象进行操作，对不可信的类或者对象进行隐藏。2.继承：能使用现有的类的所有功能，并无须重新编写原来的这些类的基础上对这些功能进行扩展。3.多态：对一个实例的相同方法在不同的情形下有不同的表现形式。操作对象的属性：读取：点语法或者中括号。对象的引用传值：值类型和引用类型展示语法完成参数的合并：…结构赋值（解构操作的简写，多层对象的解构操作.
2020-06-04 08:21:52
120
原创 vue之服务端渲染
什么是服务端渲染？后端先调用数据库，获得数据之后，将数据和页面元素进行拼装，组合成完整的html页面，再直接返回给浏览器，以便用户浏览。网页源代码网页源代码就是服务器发送给客户端，浏览器所接收到的内容。什么是客户端渲染？数据由浏览器通过ajax动态取得，在通过js将数据填充到dom元素上最终展示在网页中。服务端vs客户端1.服务端渲染需要消耗更多的服务器资源（cpu，内存等）2.客户端渲染可以将静态资源部署到cdn上，实现高并发3.服务端渲染对seo更友好vue服务器端渲染的实现网址.
2020-06-03 13:33:11
191
原创 HTTP的基本概括，
多内容预警关于http内容真的非常多，我就走马观花，过了个流程，写了个大概，虽然不细，但是多少懂点这些，有个大致框架，等以后会不会在回来探究。=========Http：1.超文本传输协议（HTTP）是一种通信协议，它允许将超文本标记语言（HTML）文档从web服务器传到客户端的浏览器。2.HTTP是一个属于应用层的面向对象的协议。3.WEB是一种基于超文本和HTTP的，全球性的…图形信息系统4.建立在Internet上的一种网络服务。5.HTTP协议是构建在TCP/IP协议上的，是TCP/
2020-05-27 22:47:29
367
1
原创 再次回顾vue
1.vue:渐进式javascript框架2.声明式渲染=》组件系统=》客户端路由=》集中式状态管理=》项目构建3.Vue代码运行原理分析概述编译过程的概念（vue语法 =》原生语法）:Vue代码=》vue框架=》原生js代码4.v-model :指令双向数据绑定5.v-on(缩写@） 指令用于监听DOM事件 形式如：v-on:click 缩写为 @click;6.v-bind （缩写 :） 动态地绑定一个或多个特性、或一个组件 prop 到表达式。7.v-bind:class，v-
2020-05-26 11:05:10
162
原创 js中如何将伪数组转换为数组
伪数组：不能调用数组的方法1.对象是按索引方式存储数据2.具备length属性{0:‘bb’,1:‘abc’,length:2}//es5中伪数组转换数组// 通俗理解：数组[]的slice方法，+call在传入argumentslet args = [].slice.call(arguments) //collectionlet imgs = [].call(document.qu...
2020-04-15 08:18:54
525
原创 快速认识VUEX
组件直接共享数据的方式：1.父向子传值： v-bind属性绑定2.子向父传值： v-on 事件绑定3.兄弟组件之间共享数据：EventBus$on 接受数据的那个组件$emit 发送数据的那个组件这三种只适合小范围内实现数据共享，如果是大范围的，频繁的，就需要vuexvuex是什么：vuex是实现组件全局状态（数据）管理的一种机制，可以很方便的实现组件之间数据的共享使用Vue...
2020-03-25 17:06:45
194
原创 webpack的快速入门
下载npm install webpack webpack-cli -D项目根目录创建名为 webpack.config.js 配置文件在配置文件写下：module.exports = { mode:'development' //mode 用来指定构建模式}在package.json的scripts节点下写："script":{ "dev":"webpack"/...
2020-03-19 15:44:30
327
原创 vue前端交互
前后端交互模式：认识promise：是异步编程的一种解决方案。1.可以避免多层异步调用嵌套问题2.promis对象提供简洁的api，使得控制异步操作更容易<script type="text/javascript"> /* Promise基本使用 */ // console.log(typeof Promise) //console....
2020-03-18 21:17:13
137
原创 vue组件及插槽
局部组件 <div id="app"> <hello-world></hello-world> <hello-tom></hello-tom> <hello-jerry></hello-jerry> <test-com></test-com> </...
2020-03-18 16:43:48
80
原创 vue特性之指令
vue特性：自定义指令自定义指令：v-focus为自定义指令， <div id="app"> <input type="text" v-focus> <input type="text"> </div> <script src="https://cdn.jsdelivr.net/npm/vue"></sc...
2020-03-18 12:14:57
104
原创 认识express
下载 ：现在文件夹下载一个pack.json文件npm init -y之后下载命令npm install express再在文件中创建一个.js文件//引入express框架const express = require('express')//创建网站服务器const app = express()app.get('/', (req, res) => { se...
2020-03-18 08:58:22
114
原创 node 基本介绍
node.js快速入门npm:node的第三方模块管理工具下载npm install 模块名称卸载npm uninstall 模块名称nodemon：自动重启node工具nodemon .js文件nrm:npm 下载地址切换工具npm install nrm -g 先下载，-g表示全局查询可用下载地址nrm ls 切换npm 下载地址nrm use 下载地址名...
2020-03-17 12:27:37
129
原创 快速认识github
git push 远程仓库地址 分支名称先要创建别名才能用，创建别名在后面。git push 远程仓库地址别名 分支名称git push -u 远程仓库地址别名 分支名称-u记住推送地址及分支，下次推送只需要输入git push 即可这里是创建别名。git remote add 远程仓库地址别名远程仓库地址说明：origin为别名，你也可以定义别的。克隆远程仓库...
2020-03-17 11:25:06
637
原创 git的那些事
git是什么：分布式版本控制软件下载：附上腾讯下载网址：添加链接描述，因为官网可能很慢，下载完成后直接一直点下一步安装。效果：安装完成后，点开鼠标右键之后，就有这个效果使用：在项目文件夹右键点击,git bash here 便可配置用户名邮箱地址，语句分别为。git config --global user.name 自己的用户名git config --global user.ema...
2020-03-16 23:42:14
76
原创 flex布局的基本介绍
flex是啥：flexible box 缩写，弹性布局作用：为盒装模型提供最大的灵活性注意当我们为父盒子设为flex布局之后，子元素的float,clear和vertical-align失效用法```...
2020-03-16 12:31:43
104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人