听阳光的猫

道阻且长、望你如一

0%

发表于 分类于
本文字数： 1.1k 阅读时长 ≈ 1 分钟

一、JS语法
入门：《JavaScript DOM编程艺术》
☆☆☆《JavaScript高级程序设计（第四版）》（红宝书）
在线版：现代JavaScript教程 （https://zh.javascript.info/）
ES6补充阅读：《practice modern JavaScript》
-——————————————————–
二、横向拓展
《JavaScript 忍者秘籍》
《JavaScript 框架设计》
《JavaScript设计模式与开发实践》
《算法（第四版）》
-——————————————————–
三、语言设计细节
☆☆☆《你不知道的JavaScript（上卷）》（黄宝书）
☆☆☆《JavaScript语言精髓与编程实践》（绿宝书）
电子书：《JavaScript20周年》（https://zhuanlan.zhihu.com/p/257990478）
-——————————————————–
四、小书
《DOM启蒙》
《JavaScript函数式编程指南》
-——————————————————–
五、经典（略微过时）
《JavaScript 语言精粹》（蝴蝶书）
《JavaScript权威指南》（犀牛书）
《精通JavaScript开发》

  1. 红宝书第四版 https://book.douban.com/subject/35175321/
  2. 爱民老师绿宝书 https://book.douban.com/subject/35085910/
  3. 精通css https://book.douban.com/subject/30450258/
  4. 计算机程序的构造与解释 https://book.douban.com/subject/1148282/
  5. 面向对象分析与设计 https://book.douban.com/subject/3892590/
  6. C++编程语言 https://book.douban.com/subject/4604591/ part4
  7. 新手不太推荐《设计模式》， 私货太多 自认为高手后再学 https://book.douban.com/subject/1052241/
  8. 人月神话 https://book.douban.com/subject/1102259/
  9. 重构 https://book.douban.com/subject/4262627/
  10. 算法导论 https://book.douban.com/subject/20432061/
  11. 算法第四版 https://book.douban.com/subject/19952400/
  12. 怎样解题 https://book.douban.com/subject/30373956/
  13. 组合数学与离散数学 https://book.douban.com/subject/2115207/

发表于 分类于
本文字数： 19k 阅读时长 ≈ 18 分钟

黑马商城实战项目

项目搭建

  • 利用HBuilder X创建基本项目结构

  • 运行项目

  • 整理基本项目结构，并修改窗口外观

    1
    2
    3
    4
    5
    6
    "globalStyle": {
      "navigationBarTextStyle": "white",
      "navigationBarTitleText": "黑马商城",
      "navigationBarBackgroundColor": "#1989fa",
      "backgroundColor": "#F8F8F8"
    }
配置tabbar

  • 创建tabbar对应的四个页面和图标准备好

  • 将页面路径配置到pages.json中的pages数组中

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
    		{
    			"path": "pages/index/index"
    		},
    		{
    			"path": "pages/member/member"
    		},
    		{
    			"path": "pages/cart/cart"
    		},
    		{
    			"path": "pages/search/search"
    		}
    	]

  • 配置tabbar

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    {
    	"tabBar": {
    		"list": [
    			{
    				"pagePath":"pages/index/index",
    				"text":"首页",
    				"iconPath":"static/icon/home.png",
    				"selectedIconPath":"static/icon/home-active.png"
    			},
    			{
    				"pagePath":"pages/member/member",
    				"text":"会员",
    				"iconPath":"static/icon/member.png",
    				"selectedIconPath":"static/icon/member-active.png"
    			},
    			{
    				"pagePath":"pages/cart/cart",
    				"text":"购物车",
    				"iconPath":"static/icon/cart.png",
    				"selectedIconPath":"static/icon/cart-active.png"
    			},
    			{
    				"pagePath":"pages/search/search",
    				"text":"搜索",
    				"iconPath":"static/icon/search.png",
    				"selectedIconPath":"static/icon/search-active.png"
    			}
    		]
    		
    	}
    }
阅读全文 »

发表于 分类于
本文字数： 22k 阅读时长 ≈ 20 分钟

uni-app的基本使用

课程介绍：

基础部分：

  • 环境搭建
  • 页面外观配置
  • 数据绑定
  • uni-app的生命周期
  • 组件的使用
  • uni-app中样式学习
  • 在uni-app中使用字体图标和开启scss
  • 条件注释跨端兼容
  • uni中的事件
  • 导航跳转
  • 组件创建和通讯，及组件的生命周期
  • uni-app中使用uni-ui库

项目：黑马商城项目

uni-app介绍 官方网页

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。

即使不跨端，uni-app同时也是更好的小程序开发框架。

具有vue和微信小程序的开发经验，可快速上手uni-app

为什么要去学习uni-app？

相对开发者来说，减少了学习成本，因为只学会uni-app之后，即可开发出iOS、Android、H5、以及各种小程序的应用，不需要再去学习开发其他应用的框架，相对公司而言，也大大减少了开发成本。

阅读全文 »

发表于 更新于 分类于
本文字数： 38k 阅读时长 ≈ 35 分钟



4.5 盛扬信远

axios配置

它是基于promise的http库

传值的方法深浅拷贝

区别：浅拷贝只是增加了一个指针指向已存在的内存地址，仅仅是指向被复制的内存地址，如果原地址发生改变，那么浅复制出来的对象也会相应的改变。深拷贝是增加了一个指针并且申请了一个新的内存，使这个增加的指针指向这个新的内存。

浅拷贝：

（1）for···in只循环第一层

（2）Object.assign方法

（3）直接用=赋值

深拷贝：

（1）采用递归去拷贝所有层级属性

（2） 通过JSON对象来实现深拷贝

（3）通过jQuery的extend方法实现深拷贝

（4）lodash函数库实现深拷贝

（5）Reflect法

（6）如果对象的value是基本类型的话，也可以用Object.assign来实现深拷贝，但是要把它赋值给一个空对象

（7）用slice实现对数组的深拷贝

（8）用concat实现对数组的深拷贝

（9）直接使用var newObj = Object.create(oldObj)，可以达到深拷贝的效果。

（10）使用扩展运算符实现深拷贝

计算属性惰性求值

$set

$nextTick

类数组如何变成数组

阅读全文 »

发表于 分类于
本文字数： 1.5k 阅读时长 ≈ 1 分钟

大部分答案可以在谷歌上搜到

套路：1.举例 2.将不会的变成会的 3. 侃侃而谈

HTML押题

  1. 必考：你是如何理解 HTML 语义化的？
  2. meta viewport 是做什么用的，怎么写？
  3. 你用过哪些 HTML 5 标签？
  4. H5 是什么？

image-20210318174014371

HTML5语义化

canvas入门手册

阅读全文 »

发表于 更新于 分类于
本文字数： 0 阅读时长 ≈ 1 分钟

发表于 更新于 分类于
本文字数： 50k 阅读时长 ≈ 46 分钟

制作自己的官网

npm i -D vuepress

mkdir docs && echo '# Hello VuePress' > docs/README.md

npm run docs:dev

docs/README.md

1
2
3
# 轮子 UI 官网

 轮子 UI 是一个好用的 UI 框架，提供了 …… 等常用组件，适合移动端和 PC 端使用。
阅读全文 »

发表于 更新于 分类于
本文字数： 128k 阅读时长 ≈ 1:57

框架搭建

项目初始化

请使用git、Github和npm初始化一个仓库，要求：

  1. 在Github上有一个远程仓库
  2. 仓库在有一个package.json
  3. 仓库在有一个LICENSE文件
  4. 仓库在有一个README.md文件
  5. 仓库在有一个index.html文件
阅读全文 »