自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 搭建一个自己小程序(基础)

include与inport的区别import只能导入template模板 导入一次模板可使用多次include复制src文件与非template部分,使用一次,导入一次小程序中条件渲染指令wx:if wx:eliif wx:else小程序中实现自定义列表渲染<viewwx:for-item="myitem"wx:for-index="myindex"wx:key="myindex"wx:for="{{list}}">{{myindex+1}}

2022-04-16 14:42:32 520

原创 React 实践学习

React简介用于构建用户界面的 JavaScript 库,就是将数据渲染为HTML视图 的js库。特点组件思维 单向数据流 虚拟DOM节点创建一个React项目安装与创建输入安装命令:npm i create-react-app -g安装成功会显示:创建:create-react-app myreact出现此画面创建完毕输入命令运行项目项目运行成功就是酱紫的:简易React案例万物皆可Hello ...

2022-04-02 19:08:14 1431 1

原创 百度地图JavaScript API GL

介绍百度地图JavaScript API GL v1.0是一套由JavaScript语言编写的应用程序接口。下面通过一个简单的示例,来学习一下快速创建一张“我的地图”,百度地图的“Hello World”<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"

2022-04-01 23:04:30 2570

原创 2022前端面试题(答案)积累

前端面试题大全 经典

2022-03-30 09:59:28 299

原创 echarts开源可视化图标库-使用方法

ECharts是一个纯JavaScript图表库,底层依赖于轻量级的Canvas类库ZRender,基于BSD开原协议,是一款非常优秀的可视化前端框架。下载http:// http://echarts.baidu.com/download.html引入<script src="./js/echarts.min.js">绘制一个基础图表创建一个Dom容器<div id="container" style="width: 800px;height: 600px;

2022-03-28 23:32:13 2546

原创 Less(css扩展语言)

LessLess (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言。也可以叫它css预处理语言;Less 和 CSS 非常像,因此很容易学习。而且 Less 仅对 CSS 语言增加了少许方便的扩展,这就是 Less 如此易学的原因之一。来了解一下less的功能。变量定义变量:@width: 10px;@color:#f00;使用:div a{ font-size:@width; color:@color;}编译为:div

2022-03-26 21:49:45 481

原创 Vue常见报错整理 (从此报错不害怕)

整理一下Vue中一些常见的报错和bug,以及解决办法示例1(文件名/路径发生错误)Compiled with problems:———编译问题:ERROR in ./src/router/index.ts 10:19-57错误发生在 ./src/router/index.ts 第10行第19个字符到57字符Module not found: Error: Can't resolve '../views/admin/AdminVeiw.vue' in 'C:\myel\src\..

2022-03-23 22:07:23 10961

原创 ts(typescript)、setup、volar、vue3

ts(typescript)ts是什么TypeScript 是 JavaScript 的强类型版本,最终在浏览器中运行的仍然是 JavaScript,所以 TypeScript 并不依赖于浏览器的支持,也并不会带来兼容性问题。TypeScript 这种强类型语言最大的优势在于静态类型检查:强类型 遵循ES6 编译器严谨的语法检查基本数据类型布尔值 let isDone: boolean = false;数字 let amount: number = 6.

2022-03-21 23:04:13 644 1

原创 mockjs宝典(前端必备)

mockjs简介前端在开发时,如果后端接口还未及时输出时,我们可以使用mokjs来模拟API接口生成数据mockjs特征生成随机数据,模拟各种场景 拦截ajax请求mockjs的安装npm install mockjsmockjs的使用新建mock.js文件在main.js中导入//导入mockjsimport '@/mock/mock.js'导入Mock// 导入mockjsimport Mock from 'mockjs';moc...

2022-03-21 21:18:42 575 1

原创 JavaScript面试全集~经典全面

谈谈对this对象的理解this指向函数的直接调用者 如果有new关键字,this指向new出来的实例对象 在事件中,this指向触发这个事件的对象 箭头函数this的指向是window对象 IE下attachEvent中的this总是指向全局对象windowObject.is( )与比较操作符“==”“===的区别”使用双等号“==”进行相等判断时,如果两边的类型不一致,会进行强制类型转换后再进行比较;使用三等号“===”进行相等判断时,如果两边的类型不一致时,不会进行强制类型转换,

2022-03-20 15:49:47 1003

原创 vue3-setup 看完就学会

setup组合api的特点1.在created之前执行2.内部没有this3.

2022-03-16 23:46:34 946 1

原创 Vue Router 路由

介绍Vue Router 是Vue.js的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。安装npmnpm install vue-router@4win+R输入cmd复制上面的npm CDN 链接,单击右键进行复制,然后回车...

2022-03-06 16:32:15 578

原创 Vue3-组件与动画

组件什么是组件:?一个小的功能分区,是可以重复使用的模块复杂项目拆分简单的组件让团队开发更高效;定义组件 const toggle={ template:`<button @click="change"><span v-if="open">开</span><span v-else>关</span></button>`, data(){ return{

2022-03-02 21:38:50 666

原创 Vue3基础

内置指令v-text<span v-text="msg"></span><!-- 等价于 --><span>{{msg}}</span>注意:只能写一行表达式;不能写复杂js 例如if whilev-html <div class="app"> <p>{{msg}}</p> <p v-html="msg"></p> ..

2022-02-28 23:04:24 290

原创 Vue3实现跑马灯效果,还能换颜色哦~

强大的Vue3实现跑马灯,还有切换颜色效果,干货满满

2022-02-27 18:38:03 1567 3

原创 我滴神啊~Vue 3最全宝典在这里~

哈喽~,我是稳重聪头,一个初来乍到的小萌新,如果喜欢我的文章,多多给我点赞哟,关注聪头学习不迷糊。Vue是个什么呢Vue啊,是一款前端渐进式框架,可以提高前端开发效率。前端的三大框架:Vue React AngularVue的导入与创建本地导入<script src="./js/vue.js"></script>在线导入<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"&g.

2022-02-24 21:03:53 580 6

原创 Promise 、async和await、Symbol、iterator、yield、Proxy

哈喽~,我是稳重聪头,一个初来乍到的小萌新,如果喜欢我的文章,多多给我点赞哟,关注聪头学习不迷糊。PromsePromise 是一个等待被异步执行的对象,当它执行完成后,其状态会变成 resolved 或者rejected。我们先来了解一下Promise这个构造函数的参数resolve 解决 reject 拒绝var p = new Promise((resolve,reject)=>{ setTimeout(()=>{ ...

2022-02-23 20:59:29 461

原创 ES6知识总结

类目录类模块化Set集合WeakSet集合MapWeakMap可迭代对象在ES6中,有class语法,为我们创建对象提供了新的语法糖,这里的class不是新的继承对象模型,下面我们先利用简单的例子来了解一下class。创建类 class Oneclass{ constructor(name){ this.name=name; } yiel(){ console..

2022-02-22 21:10:42 358 1

原创 JavaScript ES6知识总结

let与constlet:局部作用域 不能重复声明 不会变量提升const局部作用域 不能重复声明 不会变量提升 声明必须赋值 声明后不能修改 建议变量名大写解构解构:把对象或数组解析为单独的变量数组用 , 分割;剩余的用 ... ;给默认值; 有顺序的例如:let[a,,b,,c,d=10,...res]=arr;对象解构变量名和对象的键名保持一致 无序的例如:let[age ,name,eye=2]=obj;字符串字符串模板..

2022-02-21 21:24:10 369 1

原创 HTMl面试题

link输入html标签;@improt在css中使用表示导入外部样式表 页面被加载的时候,link会同时被加载,而@import引用的css会等到页面被加载完再加载

2021-12-28 23:45:24 290 1

原创 JavaScript字符串对象(string)对象、方法

创建var str = new String( );var strObj = " ";一个字符串用于存储一系列字符;可以使用单引号或双引号;属性stoObj.length;返回字符串长度索引号[0,strObj.length-1]字符串的索引从零开始,所以字符串第一个字符为[0],第二个字符为[1]字符串方法查找indexOf( )strobj.indexOf(参数1,参数2)检索字符串 用来定位字符串中某一个指定的字符首次出现的位置参数1:必须 要查找...

2021-12-28 21:21:27 277

原创 link和@import的区别

link输入html标签。@inprot在css中使用,表示导入外部样式表 页面被加载的同时,link也会被同时加载,而@import引用的css会等到页面加载完在加载 improt只在IE5以上才能识别,而link是HTML标签,无兼容问题 link支持使用javascript改变样式,后者不可。...

2021-12-26 16:35:57 350

原创 JS中Null和Undefined的区别

undefind:当声明的变量还未被初始化时,变量的默认值为undefind

2021-12-26 14:35:34 315

空空如也

空空如也

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

TA关注的人

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