摘要: 1、Vue的生命周期 beforeCreate(创建前) 在数据观测和初始化事件还未开始 created(创建后) 完成数据观测,属性和方法的运算,初始化事件,$el属性还没有显示出来 beforeMount(载入前) 在挂载开始之前被调用,相关的render函数首次被调用。实例已完成以下的配置:编 阅读全文
posted @ 2020-03-17 18:56 矜鸾 阅读(770) 评论(0) 推荐(0) 编辑
摘要: 微信小程序对个人开发者也提供无认证发布上传、提交审核、提交发布等,个人可以开发一些小程序发布,发布成功后,微信中也可以搜索到,下面我来教教大家如何上传发布小程序 工具 微信开发工具 小程序 步骤 1、首先,账号登陆微信公众号后台进行设置小程序基本信息设置操作 2、登陆后,设置小程序基本信息,包括名称 阅读全文
posted @ 2020-03-12 20:26 矜鸾 阅读(2071) 评论(0) 推荐(0) 编辑
摘要: Vue——渐进式JavaScript框架 1、什么是Vue? 可以独立完成前后端分离式web项目的JavaScript框架 2、为什么要学习Vue? 三大主流框架之一:Angular React Vue 先进的前端设计模式:MVVM 可以完全脱离服务器端,以前端代码复用的方式渲染整个页面:组件化开发 阅读全文
posted @ 2020-03-11 17:45 矜鸾 阅读(174) 评论(0) 推荐(0) 编辑
摘要: vue是渐进式的框架,什么叫渐进式?循环渐进的一个过程,可以当成库来使用,也可以当成框架来进行项目的构建 框架和库的区别框架可以完成一整个大型应用的开发库:提供便利,完成某些功能 vue和jquery的区别jquery是操作dom,jQuery效率偏低vue思想形成虚拟的dom树(JavaScrip 阅读全文
posted @ 2020-03-10 15:46 矜鸾 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 在HTML中,除了能在JS中制作动画外,还能在CSS中设置动画,需要用到CSS3的animation属性 如何使用animation属性呢? 首先,需要定义一个动画的样式 @keyframes 样式名{ } 里面可以写从0到100的百分数 0%{此时的样式: left:300; top:300; } 阅读全文
posted @ 2019-09-25 11:23 矜鸾 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 继二级联动后,三级联动肯定是要写出来的,下面是 市 区 县 三级的联动列表 我已经将地区的JS代码传到我的文件中,将其引入到页面后,就可以制作三级联动了 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>三级联动< 阅读全文
posted @ 2019-09-24 11:21 矜鸾 阅读(205) 评论(1) 推荐(0) 编辑
摘要: 这次分页时上次分页的升级版,分页格式模仿百度,使用的是原生JS 话不多说,直接看代码吧 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>分页</title> <style> #Data { border: 1px 阅读全文
posted @ 2019-09-24 11:05 矜鸾 阅读(265) 评论(0) 推荐(0) 编辑
摘要: 今天来给大家讲一下飞机大战这个项目 首先,html页面中创建一个画布,然后就不用管html和CSS页面了 JS页面: 画布画笔肯定需要获取的 var canvas=document.getElementById("canvas");var context=canvas.getContext("2d" 阅读全文
posted @ 2019-09-24 11:01 矜鸾 阅读(443) 评论(0) 推荐(0) 编辑
摘要: 时钟 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> div{ width: 1000px; text-align: center; margin: 50px auto; } # 阅读全文
posted @ 2019-09-23 21:33 矜鸾 阅读(143) 评论(0) 推荐(0) 编辑
摘要: 在canvas中绘制图片,首先需要创建一个图片对象 var canvas = document.getElementById("c1"); var ctx = canvas.getContext('2d'); var img = new Image(); img.src = "imgs/pic02. 阅读全文
posted @ 2019-09-23 21:20 矜鸾 阅读(170) 评论(0) 推荐(0) 编辑