大前端
文章平均质量分 83
大前端所向披靡~~
代码哈士奇
我是一只狗,身上只有手,要手何处用,代码代码狗。code dog简称cg(菜狗),谢谢关注
展开
-
umi4+vue3开发模板摸索
umi4+vue3开发模板摸索原创 2022-06-26 15:37:40 · 1791 阅读 · 1 评论 -
js入门(ES6)[六]---异步编程
js是单线程执行 同一时间只能做一件事(任务) 但是有子线程任务分两种 一种是同步任务 一种是异步任务同步任务在主线程中排队执行 异步任务进入一个任务队列 在同步任务形成的执行栈完成后 再执行异步任务的队列中的任务比如主线程有 同步任务A 异步任务B 同步任务C 异步任务D 同步任务E那么 就先执行 A C E 再执行 B D例子如下function one() { console.log(1)}function two() { return new Promise(fun.原创 2021-03-02 20:40:11 · 1145 阅读 · 0 评论 -
大前端快速入门
博主要去安心考研了 奥里给这里整理了下自己的学习笔记和练习原创 2021-02-27 21:43:56 · 8427 阅读 · 4 评论 -
VUE2快速入门(六)---实例property(重点)
实例实例数据data父子传值props获取元素refs获取元素属性el实例属性options父实例parent根实例root插槽slots爷孙传值attrs重点★★★property自定义实例自定义实例方法使用场景全局引入js文件的某个方法全局引入整个js文件实例方法$watchdeep取消监听immediateemitVUE中也有很多实例,我们来讲一讲这些实例实例数据data我们在组件中会定义数据data() { return { text: "I,dog",原创 2020-11-30 00:57:02 · 8752 阅读 · 15 评论 -
VUE2快速入门(五)---组件进阶与插槽
组件进阶与插槽组件进阶局部注册和全局注册局部注册全局注册方式一方式二方式二好处Props静态传值动态传值传值类型数字字符布尔值数组对象自定义事件插槽信息插槽代码插槽使用例子例一---简单弹窗例二---数据弹窗组件进阶命名注意: MyTest/my-test小写-小写或者大写加大写局部注册和全局注册以这两个组件为例局部注册在需要用的页面import引入在components注册<template> <div> <test-com>&原创 2020-11-28 15:56:02 · 5216 阅读 · 7 评论 -
VUE2快速入门(四)---组件基础用法
组件与插槽组件声明组件组件自己定义一个模板元素声明组件app.component(原创 2020-11-27 22:18:28 · 4106 阅读 · 3 评论 -
VUE2快速入门(二)---添加页面和简单路由拦截
添加页面新建页面在views中新建一个vue文件比如Test1125文件<template> <div>我是狗</div></template><script>export default { name: "Test1125"};</script><style scoped></style>添加路由import Vue from "vue";import VueRou原创 2020-11-25 23:10:08 · 4084 阅读 · 5 评论 -
VUE2快速入门(三)---数据声明和绑定使用
数据声明和绑定数据声明HTML文件中VUE项目中数据绑定V-test数据声明HTML文件中参考vue3中文文档HTML来演示文档地址:点击进入官方给出的文档是这样的<div id="app"></div> <script> const data = { a: 1 } const vm = Vue.createApp({ data(){ return data } }).mount('#app')原创 2020-11-26 14:56:44 · 9304 阅读 · 20 评论 -
[前端框架]初识VUE(一)---我要得到你的第一次(安装vue以及搭建第一个vue项目)
安装VUE安装Node.js下载地址https://nodejs.org/zh-cn/下载安装完成打开cmd windows键+r 输入cmd或者搜索打开输入 node -v出现这种情况安装完成切换淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org回车就行然后安装vue(4.0+)npm install -g @vue/cli同样回车vue -V(大写的V)此时安装成功vue ui可以打开可原创 2020-11-04 20:18:04 · 1417 阅读 · 1 评论 -
js入门(ES6)[四]---对象
JavaScript对象原创 2021-02-25 16:16:59 · 3522 阅读 · 4 评论 -
js入门(ES6)[五]---函数
JavaScript函数原创 2021-02-25 16:15:33 · 1087 阅读 · 0 评论 -
js入门(ES6)[三]---认识Symbol、Map、 Set
认识Symbol、Map、 Set、ProxySymbol用法方法Symbol.for()Symbol.keyFor()使用场景Map用法添加/删除迭代合并MapSet用法添加/删除由于马上要考研了所以更新慢且有点水Symbol表示独一无二的值用法let test = Symbol(“test”);控制台打印结果为方法Symbol.for()输入一个字符串在全局搜索被登记的 Symbol是否存在,如果不存在就登记输入的字符串。Symbol.keyFor()输入一个字符串返原创 2020-12-12 21:51:43 · 1117 阅读 · 1 评论 -
js入门(ES6)[二]---声明和操作变量(包含详细数组操作)
声明和操作变量声明变量声明变量原创 2020-11-19 00:21:17 · 1329 阅读 · 0 评论 -
js入门(ES6)[一]---让网页动起来的js
如何理解JS我们之前讲了html入门,就像是做机器人的外壳,但是光有外壳,再好看也华而不实,也可以理解成你想要一个好看的机器人,同时也想它能做家务勤劳啥的JavaScript是一种网络的脚本语言,一般用于web开发实现web中功能js是解释型语言,我们在编译c语言时,会发现下面有个编译成功,然后出现exe文件,再运行exe文件,就是直接编译成机器语言,但是js不是编译后运行,而是边运行边解释,不直接生成机器语言,先生产中间代码,然后由解释器边解释边运行ECMAScript 6.0 简称ES6:是J原创 2020-11-16 00:38:36 · 1412 阅读 · 2 评论 -
初识HTML(六)---设计软件以及总结
总结通过前几篇文章我们学了如何创建页面和摆放元素,无论我们做的页面多么精美,也只是展示而已,好比做机器人,外形做的再好,但是不能行动 那么意义就不大了。原创 2020-11-11 18:06:11 · 2287 阅读 · 13 评论 -
初识HTML(五)---组件化思想
组件化思想本文我们来聊聊组件化思想好比我们的衣服 我们总不能一下子穿一套(内衣,内裤,袜子,棉裤,外套等等,我们总不能缝在一起穿吧,这样就只有这一套搭配了)而且你做出来好看的衣服了,可以拿给别人去参考做衣服,衣服还可以染色改变大小啥的我们之前练习的网页都是一下做好多件衣服缝在一起穿,现在我们来拆开分别制作,想穿什么穿什么,爱怎么搭配怎么搭配<html> <head> <meta charset="utf-8"> <title></ti原创 2020-11-10 19:44:03 · 5716 阅读 · 31 评论 -
初识HTML(四)---CSS(超详细)
CSScssCSS简介基础用法高级用法---选择器id选择器什么是idid选择器如何使用类选择器属性选择器引用方式HTML内引入外部导入简介简单来说css就是来控制元素样式的w3school 手册为什么要用css呢 样式重复以及代码看着难受等问题 如下图对比实现此代码一<html> <head> <meta charset="utf-8"> <title></title> </head> <body原创 2020-11-07 17:41:26 · 1857 阅读 · 9 评论 -
初识HTML(三)---div块级元素以及浮动和定位(超详细带演示)
div块级元素div是一个特别重要的标签是块级元素上代码,看图! 手册<html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div style="width: 600px;height: 600px;background-color: black;"> <div style="width: 5原创 2020-11-06 00:16:25 · 11771 阅读 · 10 评论 -
初识HTML(二)---认识HTML文件
认识HTML文件文件格式 .html如果不想下载工具 推荐菜鸟的在线编辑点击文件 新建 项目 建立一个空项目本文只介绍部分标签用法,其他的大家可以看手册head标签具体用法大家可以看w3c的 手册外部引用一些文件链接到某个html文件中时,也需要写在head标签(后面会讲到)创建完成后<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></tit原创 2020-11-04 17:30:38 · 592 阅读 · 2 评论 -
初识HTML(一)---编辑器的选择
编辑器的选择就像锻造武器一样,好的武器不仅需要好的锻造师,也需要好的工具。这篇文章带大家选择趁手的锻造器。首先,上图webstormHbulider X/HbuliderSublime这几个用的很广泛简述webstorm很经典 用起来也很顺手 功能齐全 可以打中文补丁Sublime 同样经典 插件库丰富 简约大方Hbulider x 免费适合国内个人开发使用 个人比较推荐 支持uni-app语言助手 牛逼的是它还有微信小程序的语言助手 安装方便初识HTML系列使用 Hbulide原创 2020-11-04 14:29:55 · 1075 阅读 · 2 评论