自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 2020年uniapp学习手记-基础篇,和我一起学uniapp

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

2020-10-09 20:06:05 2678 1

原创 鸿蒙真的是套壳吗?HarmonyOS应用开发初体验,Java原生和JavaScript的mvvm开发

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

2020-09-17 09:34:32 12206 5

原创 浏览器调试的必知必会,零基础足够详细-第二节Elements元素面板

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

2020-09-10 15:21:49 545

原创 浏览器调试的必知必会,零基础足够详细-第一节

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

2020-09-10 14:57:46 854 1

原创 盘点不怎么熟悉但十分有趣的html标签

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

2020-08-22 20:16:08 560

原创 好软推荐-snipaste-超强大截图工具

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

2020-07-13 10:23:22 342

原创 2020前端分阶段学习路线方法和资源汇总

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

2020-06-28 18:13:08 344

原创 万字长文带你学习webpack

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

2020-06-28 18:09:29 314

原创 vue系列教程-15vuex的使用

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

2020-06-23 19:44:55 239

原创 vue系列教程-14axios的使用

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

2020-06-23 19:43:39 263

原创 vue系列教程-13vuecli初体验

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

2020-06-23 19:41:07 741 1

原创 vue系列教程-12vue单文件组件开发

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

2020-06-23 19:39:18 225

原创 vue系列教程-11vuerouter路由

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

2020-06-23 19:38:11 275

原创 vue系列教程-10vue过滤器和自定义指令

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

2020-06-23 19:36:32 127

原创 vue系列教程-09vue组件

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

2020-06-23 19:35:23 243

原创 vue系列教程-08vue的动画和过渡效果

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

2020-06-23 19:33:12 230

原创 vue系列教程-07vue动态绑定样式

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

2020-06-23 19:31:53 402

原创 vue系列教程-06vue的事件处理

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

2020-06-23 19:29:57 145

原创 vue系列教程-05vue常用指令

本内容为系列内容,全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址v-bind上面讲了页面怎么渲染数据,那么vue如何给一些空间绑定数据呢?比如 图片链接、单选框、样式等等 这里就要使用到 v-bind首先初始化一个 vue项目,定义一个图片链接字符串<script> let vm = new Vue({ el: '#app', data() { return { .

2020-06-23 19:28:30 199

原创 vue系列教程-04vue数据处理和页面渲染

本内容为系列内容,全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址vue定义数据还记得前面说的mvvm的 model层吗?也就是数据层在vue中我们如何定义我们需要使用到的数据呢<script> let vm = new Vue({ el: '#app', data() { return { // 定义字符串 name: 'lil.

2020-06-23 19:27:01 627

原创 vue系列教程-03vuejs的结构和生命周期

vuejs的结构和生命周期本内容为系列内容,全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址结构上一节我们实例化vue的时候传递了一个对象,那么这个对象具体是个什么样的结构那,可以传递一些什么样的值那<script> // 实例化一个vue let vm = new Vue({ // 页面中的挂载点 el: '#app', // 定义内部数据 data: { }

2020-06-23 19:17:40 112

原创 vue系列教程-01第一个vue程序

第一个vue程序本内容为系列内容,全部内容请看我的vue教程分类我的个人博客本节仓库地址首先是常见的使用方式直接引入,就是我们常规的通过script标签引入完整版vue文件webpack自定义打包,这个打包的意思就好比是你家里买了很多家具,你直接全部乱放也能正常使用,但是肯定不科学,所以要放置到指定的位置,这个过程就相当于是打包,后面会详细讲到vue-cli脚手架,这个也是通过webpack进行打包,不过打包的规则都是它定义好了,我们直接用就可以了非常方便首先浏览器安装dev-t

2020-05-26 21:21:05 219

原创 vue系列教程-02什么是mvvm和spa

vue基础教程系列

2020-05-26 21:18:22 217

原创 让你的 Typora 支持更多的图床

让你的 Typora 支持更多的图床原本我一直使用的是有道云笔记,但是开始写博客了,每次都把图片又要截图保存再上传到oss存储非常的不方便然后我就找到了这个库typora-plugins-win-img可以直接粘贴图片就上传到oss存储解决Windows下,typora不支持粘贴自动上传图片到服务的问题。下载地址typora-plugins-win-img安装首先解压,拿到插件包然后找到Typora的安装根目录下的resources/app,将plugins粘贴在这里打开w

2020-05-26 21:07:59 240

原创 vue3.0 beta已出,来快速实践一下吧

vue3.0 beta已出,来快速实践一下吧本文视屏我的个人博客vue3向下兼容vue2,vue2目前也是必学的本节源码立即前往前段时间尤大在哔哩哔哩直播了vue3的预览,来简单实践一下吧api文档 Composition API RFC 立即前往vue3地址立即前往vue3的改变更小更快支持自定义渲染器响应式修改为基于Proxy的侦测深度结合typescript基于treeshaking优化…创建项目????引入文件克隆一个官方仓库git clone

2020-05-25 17:37:08 470

原创 只知道spring?Java的前世今生了解一下

Java的前世今生我的个人博客本文视屏前言这一期来讲故事 你说为啥这杯咖啡能喝这么多年还这么香 让我们一起来看看这杯咖啡的魔力现如今一提到 Java开发 就完完全全是spring的事情 一谈学习就是 springboot springcloud 好像没有什么事情是spring全家桶不能一把梭哈的 很多人就觉得这个Java很单一 很枯燥Java真的就只能是服务端开发吗 让我们来捋一捋这个Java的前世今生首先是太阳公司SUN公司介绍SUN公司是从斯坦福大学孵化器出的高科技公司 是当时

2020-05-25 17:30:33 326

原创 PHP还是世界上最好的语言吗?初学者还能不能学

PHP还是世界上最好的语言吗我的个人博客 梗php是世界是最好的语言吗?虽然说这是一个梗,但是事实上在web端曾经可以说的上是最好的语言,那么及时在现在,如果想快速搭建一个动态的网页项目,php也是快速落地的好方案,开发速度快,成熟的生态,大量的案例适合二开但是也仅仅是在web端发展PHP最初是以模板+脚本的形式进行设计,在Java还是使用 system.out.println进行拼接动态网页的时候,php可以直接在页面中编写动态脚本,那么在web发展火热的时候,php也跟着火热起来有

2020-05-25 16:45:52 418

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除