uniApp框架学习笔记
介绍说明
官网介绍:uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台
之前的学习效率糟糕透了,什么都想吃透,笔记使劲的写啊写,记不住多少内容还浪费大量时间。换一种学习方式,采用记录时间加上刻意学习
记录时间:今天写明天想要做的事情,不必记录几时几分完成某件事,而是某件事开始时记录当前时间,最后看剩余时间剩多少
刻意学习:边看边学,带上脑去思考问题,不刷手机视频,坚持不住可以1~2小时休息10分钟;不需要吃透整本书、文档,我们需要做的是提炼总结,这才是写笔记。能理解的地方不需要重复记,反倒是经常出错的地方值得你记一记
uni-app官方介绍
vue项目练习
网易云音乐项目项目说明
简介:这个项目仅用于练习vue,功能并未完善,bug也非常多,目前已完成主页、歌单列表、音乐播放、歌词;如果你想运行项目,需要下载musicapp与NeteaseCloudMusicApi-master,分别注入依赖后同时运行;素材不下载也没关系,并不妨碍运行项目;如果你希望加入新功能,可以点击下方文档
点我进入网易云音乐项目教学视频
点我进入网易云音乐NodeJS版API文档
如果链接失效,谷歌搜索网易云音乐NodeJS版API
下载项目代码
musicapp是项目代码,注入依赖后运行:npm run serve
NeteaseCloudMusicApi-master是后端代码,配合上面文档使用,注入依赖后运行:node app.js
素材是新建项目时才会用到的图片、图标
百度网盘:https://pan.baidu.com/s/1r_1CzfI82FLNEpha6YeGdQ 提取码: 17cn阿里网盘:https://www.aliyundrive.com/s/DFPfeZPjAdM 提取码: 51ll
脚手架创建musicapp项目
创建mus ...
vue框架学习笔记
使用体验
Vue是JS延伸出的一种框架,能在一个组件中写HTML、CSS、JS,它不需要操作DOM,而是通过渲染方式挂载到页面上,效率是不是会高一些呢?
写代码也很爽,我想给一个功能添加点击事件,只需要给标签绑定@click,再到方法里写绑定事件的函数,这样就好了;对比原生js,你需要到html添加id属性,在回到js获取id,再给id绑定事件写函数,步骤是不是较为繁琐?
说说不好的点,你需要记住大量指令,经常查阅文档是家常便饭的事
安装过程与创建hello-world项目
安装Node,选择长期维护版,自带npm
12345// 查询node版本node -v// 查询npm版本npm -v
通过npm指令安装nrm,nrm是管理npm的工具,由于npm服务器在国外,通过npm下载依赖会因为墙问题,导致项目运行不起来,所以需要nrm修改下载源,比如taobao镜像源在国内,下载速度会快一些
12345678// 安装nrmnpm install nrm -g// 查看所有支持源nrm ls// 使用taobao镜像源nrm use taobao
安装vue脚手架,用游戏方 ...
freecodecamp练习
前言介绍下freecodecamp组织,以”帮助人们免费学习编程”为使命,创建了大量免费的编程教程,包括交互式课程、视频课程、文章等。看完HTML、CSS、JS理论知识后,我已经等不及想在freecodecamp实战啦!每次课题挑战成功,我会截图保存下来,总结自己遇到难题
如果题目太难或不理解,抄作业总会吧?
第一篇 响应式网页设计认证1.Tribute Page这是一个链接,点我查看致敬页
2.Survey Form这是一个链接,点我查看调查表单
3.Product Landing Page这是一个链接,点我查看产品登入页
4.Technical Documentation Page这是一个链接,点我查看技术文档页
5.Personal Portfolio这是一个链接,点我查看个人作品集展示页
第二篇 JavaScript算法和数据结构1. 回文检查器123456789101112function palindrome(str) { // 除了英文数字,过滤其他符号 let a = str.match(/[a-zA-Z0-9]/g).join('') ...
《JavaScript高级程序设计》读书笔记
学习方法:全部内容都要看,内容能理解换下一个,无法理解上b站看解说,找不到解说上Google看文章,依然无法理解,那么抱着疑问回到书中继续往下看吧
第一章 简介1.2 JavaScript实现
完整的JavaScript实现包含:
核心(ECMAScript)
文档对象模型(DOM)
浏览器对象模型(BOM)
ECMAScript提供语言核心功能;DOM提供与网页内容交互的方法和接口;BOM提供与浏览器交互的方法和接口
第二章 HTML中的JavaScript2.1 Script元素
标签位置:为了避免加载JS文件导致页面空白,现代Web应用程序通常将所有JS引用放在元素中的页面内容后面
延迟脚本:defer属性脚本在执行时不会影响页面加载,脚本会被延迟到整个页面都解析完毕后再运行;延迟脚本不一定总会按顺序执行,因此最好只包含一个脚本
1<script defer src="example1.js"></script>
异步脚本:async属性脚本同样不会影响页面加载,脚本下载完不管页面是否解析完直接运行;同样不一定会按顺序执 ...
八乡山之旅
前阵子搭建完网站想休息一会,正巧朋友问要不要去八乡山,我立马答应了( ^ω^ )听说他们以前骑自行车上山 🚴,看了眼窗外的路,路不仅陡还很远,甚至还开起玩笑问要不要再骑一次,他表示骑到一半开始后悔了😂
来到山顶,风景极其美丽!明明太阳很大却不热,甚至还有一些冷。上面有凉亭和废弃建筑,不远处还有发电厂,以及不允许进入的军事管辖地。我们走了很长一段路,在某处休息时,看到一只很大的稚鸡飞过,吓了一跳 Σ(・□・;)
后来想去看瀑布,可惜车子快没油了,只能匆忙下山返程。偶尔跟朋友来一场说走就走的旅行,不管去哪都非常有意思 :)
奥睿科拓展坞与M2三星硬盘体验
Macbook系统盘256G是真的不够用╮(╯▽╰)╭趁打折期间入了奥睿科拓展坞,里边内置硬盘盒,桌面清爽党狂喜
拆包,扭螺丝,贴散热胶(赠送的)
体验方面:
M2三星读写600M左右,传输文件400M/s,没办法发挥硬盘性能
解决了macbook接口问题,缺点输入接口只有一个,比方说你没办法用USB口连接电脑
拓展坞是靠金属散热,没有风扇散热,正常使用是足够的,除非频繁使用温度会飙到50°+
不知道为什么拓展坞,偶尔会发出“滴滴”声😅,虽说大部分时间很安静就是了
罗技无线鼠标有时会卡顿,不少网友表示是苹果的锅?
除了“滴滴”声,鼠标有时卡顿,整体很满意
Mac罗技无线鼠标卡顿解决方法第一个方案:系统设置改网络服务顺序,蓝牙PAN调到顶,本质上是减少干扰(没用)第二个方案:下载厂家提供的驱动,罗技无线鼠标用的是USB微型接收器,免驱动无蓝牙显示(没用)第三个方案:2.4GWiFi与蓝牙使用的频段产生干扰,无线鼠标卡顿真正原因(有用)
WiFi设置成5G信号频段,两者互不干扰,但我家的路由器老旧无5G信号频段,下面有另一种解决方法
电脑接上网线,电脑关闭WiFi连接 ...
hexo搭建博客教程,hexo指令与解决报错,图床
我是在哪里学习hexo搭建呢?介绍:我是在下方链接中学习,up主讲的很详细,有需要可以看看作者:卷二兔链接:https://www.bilibili.com/video/BV1aV411p7Bc/?spm_id_from=333.788
hexo指令12345678910111213141516171819202122##全部指令在博客根目录下,打开终端输入指令##hexo安装npm install hexo -g##初始化博客hexo init [文件夹名字]##安装依赖npm install##生成文章页面hexo new 文章标题名##静态页面生成hexo g##本地服务器预览,ctrl+c关闭服务器hexo s##部署到服务器hexo d
Hexo部署出现err: Error: Spawn failed123456789FATAL { err: Error: Spawn failed at ChildProcess.<anonymous> (C:\Users\myosotis\Desktop\Hexo_blog\node_modules\he ...
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo server
More info: Server
Generate static files1$ hexo generate
More info: Generating
Deploy to remote sites1$ hexo deploy
More info: Deployment