qq_41689712的博客

uniapp基础部分有文档还看什么教程？官网文档非常的详细，但是如果没有接触过的新人看文档其实是没法学的，因为他不知道要完成一个开发，需要学习那些知识点，而且如何正确的使用文档也不清楚本次内容主要是为后面的实战课打基础，如果你会的话完全可以不看，也大可不必说什么风言风语，你会不代表别人都会，说这种话真的让人挺难受的其实我昨天晚上凌晨已经录了一套视频是完全现场看文档录的，效果不好，还是得写个简单的文档来录（肝????）本次的内容主要就是带你看文档，没错就是看文档，让你学会看文档，并且有个整体的认知

初探寻鸿蒙os的应用开发本期视频已发布到bilibili更多文章请查我的个人博客注意是应用开发，没错码农（应用开发）一般关注这个就行了IDE点击应用开发以后，点击链接下载IDE,DevEco Studio是基于IDEA开源版魔改的，别再说什么抄袭Androidstudio了，使用这个工具没毛病，快速适应，gradle（gradle是打包构建工具，和Maven这种类似）的下载终于快了一次了安装过程没什么好说的，就是如果你C盘不够了，安装SDK的时候可以先不确定，进入IDE以后修改安装位置再安装

本文已经发布视频点击查看关于页面的直接调试基本都在这个面板里面进行点击1.可以选择节点，我们选择2.这个节点，然后就直接进入元素面板了快速展开全部子节点的方式 ：按住alt再点击节点的展开符号节点调试你可以通过这个方式选择页面中的任意节点来进行调试，也可以直接在右方的元素面板点击切换节点，在任意节点通过鼠标右键都可以激活更多的功能编辑节点在1.这个区域你可以直接编辑节点的属性，比编辑器更为直观和迅速；拷贝节点在2.这个区域你可以进行拷贝这个节点的一些东西，比如js选择器，节点样式或者

前言开发过程中，浏览器的调试非常重要，可以说是必备的技巧，本文我就会分享一些自己掌握的技巧，欢迎补充我们默认使用Chrome浏览器，但是你使用新edge浏览器也是可以的在开发者界面中，你可以使用ctrl + shift +P打开快捷输入运行常用命令，这和mac上的非常相似本文已经发布视频点击查看也可以点击此处查看更多官方文档界面点击Dock side可以切换控制台显示位置，点击1.可以打开控制台设置在设置页面的appearance中可以进行更多的页面设置快捷键很多人去百度快捷键，完

观众朋友们大家好啊，我是lookroot，很久没有更新视频了，在网页开发中，很多的效果需要借助JavaScript才能实现，今天就和大家一起盘点一下一些你可能不太熟悉，但十分有趣的html标签点击此处可体验 盘点一些你不太熟悉但是十分有趣的HTML标签 Input输入框如果你需要一个取色器 <input type="color" >拖动条<input typ

这个真的是好用到爆炸常用功能截图标注文字悬浮图片截图历史精确控制选区支持分屏真的是提高效率的好帮手 win10商店就可以下载而且轻量无广告截图下载地址商店链接立即直达官网立即直达...

前端分阶段学习路线和方法想要高清离线文件可以来我的个人博客第一个阶段（看看能不能学走）开发环境搭建开发工具vscodewebstormhbuilder基础的计算机命令html常用标签（不同刻意去背）表单语义化多媒体audiovideo一些常用的api文件读取网络状态本地缓存拖放定位Dom（重点）自定义属性css基础语法几种样式定义的区别和优先顺序行内行外外部样式css层叠规则盒模型常见的布局方式

webpack的入门实践我会将所有的读者概括为初学者，即使你可能有基础，学习本节之前我希望你具有一定的JavaScript和node基础文中的 ... ...代表省略掉部分代码，和上面的代码相同文中的文件夹如果没有说创建，并且项目默认没有的是需要你手动增加的不会特别细致，但是足够入门资源视频教程我的个人博客什么是webpackWeb浏览器使用HTML，CSS和JavaScript。随着项目的发展，跟踪和配置所有这些文件变得非常复杂,解决这个问题就需要一个新的工具类似web

本内容为系列内容，全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址什么是vuexvuex是vue.js专门用来进行状态管理的工具，采用集中式状态管理,并以相应的规则保证一种可预测的方式发生变化通俗的来说，就相当于一个管家，我们把一些公用的数据交给他进行管理，并且每个组件都能从他那里获取数据，或者通知他修改数据，比如存储用户信息组成State 数据仓库getter 获取数据mutation 修改数据action 提交mutationmodules 模块.

本内容为系列内容，全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址什么是Axios是一个基于promise（承诺）的HTTP网络请求库可以用于浏览器和node.js项目vue官方推荐的请求库，从以前的vue-resource到axios通俗点说就是对JavaScript的http请求的二次封装，就类似jQuery的ajax中文文档立即查看原则上学习这一节需要mock数据相关的知识，但是鉴于大家都是初学者，所以不使用mock的方式，但是大家感兴趣的可以去搜索一.

本内容为系列内容，全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统终于就是到了这一节，前面多次提到的脚手架来啦！什么是脚手架其实就是一个配置好了的使用webpack完成打包构建的初始化工程，和我们前面讲的webpack打包没啥区别，只是更为全面，在实际开发中也是常用的工具当前最新版本为 vue-cli4 但是和 cli3区别不大所以两个版本都是可以使用的全局安装cli，确保你已经安装了node了哦.

本内容为系列内容，全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址那么前面我们都是直接引入vuejs文件的方式进行开发，然后在同一个html文件中进行开发这显然是不符合组件化开发的思路的，前面我们说过实际当中的开发都是编写以.vue结尾的页面文件，然后用webpack进行打包这一节我们将到vue的单文件组件开发，使用的是webpack提供的简易模板，没有webpack基础的朋友不要怕，下一节会简答讲一讲webpack的基础安装首先依次安装这些包，前提是你的电脑已经安.

本内容为系列内容，全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址什么是路由大家还记得我最开始提到的spa单页面吗，通过不同的路径显示不同的组件，这个就是通过router实现的那么首先我们还需要引入一个 router文件<script src="https://cdn.bootcss.com/vue-router/3.1.3/vue-router.js"></script>这里的话我们还是以上面的bilibili消息中心为示例，使用到刚刚的.

本内容为系列内容，全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址vuefilter过滤器这个过滤器其实可以看成就是 保安 这样一个，对资源做一些处理，当然不仅仅是看门这么简单我们这里举例 比如敏感字符串的过滤全局过滤器那么和组件一样，有全局的私有的，我们先来定义全局的在vue实例化之前定义,首先 msgFormat这个是过滤器的名称 然后我们使用replace处理一下字符串再返回Vue.filter('msgFormat', function (str) {.

本内容为系列内容，全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址什么是组件还记得我们前面讲的spa单页面吗，那么这个只有一个单页面文件是如何实现切换显示和不同路径展示不同内容的呢？这就是组件，我们还是用哔哩哔哩这个界面举例，这个每个红圈勾住的地方就可以看做是一个个组件，当然每个组件里面也是可以再嵌套组件的，可以看做是套娃行为我们上面所写的全部实例化vue的代码它本身就是一个组件，我们一般称为父组件全局组件和私有组件上面说到组件里面可以嵌套组件，这里有个全局和私.

本内容为系列内容，全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址过去都是jquery来做动画比较多吧，这一节就是介绍一下vue的过渡和动画，这需要你具备实现css的基本过渡和动画的能力vue也可以借助第三方库实现比较复杂的动画，本次只是介绍常用的简单效果，更深的在下次的进阶课程中vue的过渡效果这里要先介绍它的原理，也就是不同的阶段给这个节点绑定上不同的class，来看一个动图大家可以发现在切换显示与隐藏的过程中，这个节点的class出现了变化这里来一个官方的.

本内容为系列内容，全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址前面在讲到 v-bind的时候我们说到 vue是可以绑定样式的，那么这里我们就简单实践一下为什么要动态绑定样式来看这个效果，默认渲染选中的是蓝色字体，这就是一个简单的场景，包括还有些列表展示中，不同数据不同样式，比如vip用户的标识就不同，这就需要动态绑定样式，懂了吧！[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JusWgRQ3-1592911825014)(https.

本内容为系列内容，全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址点击事件还记得jquery是怎么绑定点击事件的吗$("button").click(function(){ console.log('我被点击了')});那么vue是如何绑定点击事件呢？就要使用 v-on来监听dom的事件首先实例化一个vue,定义一个数字 count<script> let vm = new Vue({ el: '#app', .