spring0205的博客

JavaScript V8 acm模式做题记录

spring0205 — Fri, 09 Sep 2022 15:24:08 +0800

昨天第一次做笔试题目，以前都是在力扣上刷题，第一次用acm模式超级不习惯，题目做出来了，输入输出怎么都弄不对，今天找华为的题目来练练手。1.单行输入输出单行。2.多行输入输出单行。

js中this指向问题

spring0205 — Mon, 05 Sep 2022 20:54:17 +0800

js令人头痛的this指向（待补充）

前端秋招准备Day0 确定学习方向和制定学习计划

spring0205 — Tue, 21 Jun 2022 10:58:20 +0800

秋招准备day0

关于css中@路径报错问题

spring0205 — Wed, 01 Jun 2022 10:48:36 +0800

做项目的时候发现用@路径报错而且图片在同一个文件夹里面但是部分识别不出来原因是css里面在@前面加~ 个别可以识别的原因是在js里面可以识别

flex布局学习记录

spring0205 — Mon, 30 May 2022 12:08:14 +0800

常见父项属性 flex-direction设置元素的主轴 justify-content设置元素在主轴上的排列方式使用之前要确定主轴是哪一个 flex-wrap设置子元素是否换行 flex布局中，默认子元素不会换行，如果装不下，会缩小子元素的宽度，放到父元素里面 align-items设置侧轴上的子元素排列方式（单行）适合于子盒子是单行的时候使用拉伸：子盒子不能设置高度沿着侧轴拉伸 align-content设置侧轴上的子元素的排列方式（多行） flex-flow复合属性是flex

小程序开发学习记录——页面导航、页面事件、生命周期、WXS脚本

spring0205 — Wed, 18 May 2022 16:25:42 +0800

页面导航声明式导航在页面上声明一个导航组件通过点击组件实现页面跳转导航到tabBar页面导航到非tabBar页面为了简便后退导航编程式导航调用小程序导航的API 实现页面跳转导航到tabBar界面导航到非tabBar界面后退导航导航传参声明式导航传参编程式导航传参导航传参页面事件下拉刷新事件是移动端的专有名词，指的是通过手指在屏幕上的下拉滑动操作，从而重新加载页面数据的行为全局开启下拉刷新局部开启下拉刷新下拉刷新窗口的样式监听页面

小程序开发学习记录——WXML模板语法、WXSS模板样式、全局配置、页面配置、网络数据请求

spring0205 — Mon, 16 May 2022 15:23:57 +0800

WXML模板语法数据绑定事件绑定事件对象的属性列表 target和currentTarget的区别 bindtap语法格式 WXSS模板样式全局配置页面配置网络数据请求

小程序开发学习记录——通信的主体、通信的模型、运行机制、组件、协同工作和发布

spring0205 — Fri, 13 May 2022 11:08:28 +0800

小程序的项目结构小程序项目的基本组成结构小程序页面的组成部分 json配置文件 json是一种数据格式在实际开发中总是以配置文件的形式出现通过不同的json配置文件可以对小程序项目进行不同级别的配置 app.json sitemapLocation:用来指明sitmap.json的位置 project.config.json 注意：projectname不一定是小程序名称 sitmap.json 关于app.json和index.json的设置新建页面在app.json文件

Git学习——版本控制、简介命令行操作、分支

spring0205 — Wed, 11 May 2022 17:22:15 +0800

版本控制 SVN和Git在版本管理的区别版本控制工具集中式版本控制工具： **SVN** CVS VSS ![在这里插入图片描述](https://img-blog.csdnimg.cn/c88861d765944abda5305f957946d6b3.png) 缺点：客户机保存的只是当前的状态如果服务器损坏版本历史全部丢失——单点故障分布式版本控制工具： Git Mercurial Bazaar Darcs 任何人都有全部的数据互相可以传数据——避免了单点故障 ...

ES6学习记录——symbol基本使用、迭代器

spring0205 — Tue, 10 May 2022 15:49:38 +0800

symbol基本使用是js语言的第七种数据类型表示独一无二的值是一种类似于字符串的数据类型特点： symbol的值是唯一的用来解决命名冲突的问题不能和其他数据进行运算不能使用for…In循环遍历但是可以用reflect.ownKeys来获取对象的所有键名 Symbol的创建方式 let s2 = Symbol('abc'); let s3 = Symbol('abc'); console.log(s2===s3);//false let

Vue学习记录——数据绑定、el和data两种写法、MVVM模型

spring0205 — Tue, 10 May 2022 15:48:26 +0800

Vue学习记录容器和实例是一一对应的关系数据绑定 v-bind和v-model v-bind是单向绑定不能通过界面修改数据 v-model是双向绑定可以通过界面修改数据 v-model的使用是有范围的，只能应用在表单类元素类（input、select） v-model：value可以简写为 v-model 因为v-model默认收集的就是value的 el和data两种写法 el：（两种都可以用）第一种写法：el：‘#root’ 第二种写法：v.$mount(‘#root’) data 第一种写法

Vue学习记录（codewhy）——Vuex

spring0205 — Tue, 10 May 2022 15:43:22 +0800

什么是Vuex Vuex是一个专门为Vue.js应用程序开发的状态管理模式采用集中式存储管理应用到所有组件的状态并以相应的规则保证状态以一种可预测的方式发生变化状态管理是什么：其实就是将需要多个组件共享的变量全部存储在一个对象里面然后将这个对象放在顶层的vue实例中让其他组件可以使用和我们自己写的比起来有“响应式”的特点 Vues管理什么状态需要在多个界面共享的问题比如用户的登录状态、用户名称和地理位置信息等比如商品的收藏、购物车中的物品等 Vuex单页面到多页面状态管理切换想要让he

Vue学习记录（codewhy）前置内容ES6——Promise

spring0205 — Mon, 09 May 2022 10:36:28 +0800

Promise sync-同步 async-异步是异步编程的一种解决方案——出现了“回调地狱” 什么情况下需要用到promise？一般情况下是有异步操作的时候使用promise对这个异步操作进行封装在执行传入的回调函数的时候会传入两个参数resolve和reject 可以写为这种写法实现请求和处理的分离让代码更加优雅需要传递参数的时候 promise的三种状态发送网络请求后就是等待状态pending promise的另一种写法 ...

Vue学习记录（codewhy）——cli的使用、通过代码方式修改路由、router参数传递——params、query、全局导航守卫、keep-alive

spring0205 — Sat, 07 May 2022 11:57:29 +0800

cli的使用 Router 什么是路由和其中的映射关系

Vue学习记录（codewhy）——模块化开发知识、前端路由和后端路由对比、vue3的router配置方式

spring0205 — Fri, 29 Apr 2022 16:11:12 +0800

模块化开发常见的模块化规范： CommonJS AMD CMD ES6的Modules 模块化有两个核心：导入和导出 CommonJS 导出对象中定义的变量导入导入导出函数、类或者 export default 某些情况下一个模块中包含着某个功能我们不希望给这个功能命名而且让导入者可以自己来命名这个时候就可以用export default 注意在同一个模块中不能出现多个export default 统一全部导入 Webpack 本质上来讲：是一个现代的JavaScr

Vue学习记录（codewhy）——组件化补充知识点slot

spring0205 — Thu, 28 Apr 2022 13:52:07 +0800

slot插槽插槽的基本使用组建的插槽是为了让我们封装的组件更加有拓展性让使用者可以决定组件内部的一些内容到底展示什么原来的写法四个组件输出的都是一样的想要进行某一个的不同设置无法做到可扩展性不强相似性很强结构一样但是内容不一样用slot 抽取共性保留不同出现插槽里面button过多只有一两个不一样的时候此时再一个一个设置button就有点繁琐可以给插槽设置默认值为button 如果同时出现多个值则当做一个全部把默认的slot（button）进行替换掉最

Vue学习记录（codewhy）注册组件步骤、语法糖、子组件和父组件、组件和模板分离、数据存放问题、父子组件的通信、父子组件的访问方式

spring0205 — Thu, 28 Apr 2022 11:07:00 +0800

什么是组件化将一个页面拆分成一个一个小的功能块每一个功能块完成属于自己这部分独立的功能 name之后整个页面的管理和维护就变得非常容易了

Vue学习记录（codewhy）——JavaScript高阶函数、v-model

spring0205 — Tue, 26 Apr 2022 16:44:44 +0800

编程范式：命令式编程、声明式编程或：面向对象编程（第一公民：对象）、函数式编程（第一公民：函数） JavaScript的高阶函数不适用高阶函数的时候对数组的操作如下需求1 取出所有小于100的数字 let newNums = [] for (let n of nums) { if (n < 100) { newNums.push(n) } } 需求2 将所有小于100的数字进行转化全部*2 let new2Nums = [] for (let n of newN

Vue学习记录（coderwhy）——生命周期、mustache、v-once、v-html、v-text、v-pre、v-cloak、v-bind、计算属性、v-on、v-show、v-if、响应式

spring0205 — Tue, 26 Apr 2022 13:52:03 +0800

Vue初体验原来用js——命令式编程 1.创建div元素设置id属性 2.定义一个变量交message 3.将message变量放在前面的div元素中显示一步一步告诉你怎么做现在用Vue——声明式编程可以实现数据和界面的完全分离