![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
旭陌小生
不求一鸣惊人,但求厚积薄发
展开
-
js删除数组中重复出现的元素而不是去重
js删除数组中重复出现的元素而不是去重原创 2023-06-01 15:18:10 · 128 阅读 · 0 评论 -
vue项目的导出功能
vue项目的导出功能原创 2022-08-22 13:17:30 · 1068 阅读 · 1 评论 -
最长公共前缀-删除有序数组的重复项
最长公共前缀-删除有序数组的重复项原创 2022-06-23 15:56:37 · 81 阅读 · 0 评论 -
罗马数字转整数-回文数
罗马数字转整数-回文数原创 2022-06-21 17:20:54 · 79 阅读 · 0 评论 -
手写一个简单的promise方法
手写一个简单的promise方法原创 2022-06-21 15:05:53 · 168 阅读 · 0 评论 -
计算 1-100的和以及统计字符串中出现最多的字符
计算 1-100的和以及统计字符串中出现最多的字符原创 2022-06-16 16:25:37 · 116 阅读 · 0 评论 -
Object.defineProperty方法结合递归实现数据的可观测性
Object.defineProperty方法结合递归实现数据的可观测性原创 2022-06-16 16:18:48 · 169 阅读 · 0 评论 -
小程序的代码构成
了解项目的基本组成结构pages用来存放所有小程序的页面utils用来存放工具性质的模块(例如:格式化时间的自定义模块)app.js小程序项目的入口文件app.json小程序项目的全局配置文件app.wxss小程序项目的全局样式文件project.config.json项目的配置文件sitemap.json用来配置小程序及其页面是否允许被微信索引小程序页面的组成部分小程序官方建议把所有的小程序页面,都存放在pages目录中,以单独的文件夹存在其中,每个页面由4个基..原创 2021-04-28 17:10:47 · 204 阅读 · 0 评论 -
vuex状态管理
Vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。示例:首先我们用vue init webpack vuex-demo生成一个项目然后进入vuex-demo中使用命令:npm i -S vuex下载vuex的依赖包进入项目中的src文件夹下创建一个store.js的文件,为仓库文件然后在store.js文件中使用:import Vue from 'vu原创 2020-12-22 22:21:19 · 154 阅读 · 0 评论 -
路由命名
路由命名路由传参:query <script> let Foo1 = { template:`<div> <button @click="toFoo2">go foo2</button> <router-link :to="{path:'/foo2',query:{id:123}}">go foo2</router原创 2020-12-20 21:40:14 · 242 阅读 · 0 评论 -
Vue自定义指令
Vue自定义指令### Vue.directive();有两个参数,第一个参数就是自定义指令的名称“字符串类型”,第二个参数是个函数或者对象用法指令里面的函数bind:function(){}指令第一次被绑定到元素上面的时候调用,被调用多少次就执行多少次<div id="app"> <p v-haha>{{msg}}</p> </div> <script> Vue.direct原创 2020-12-20 21:39:19 · 144 阅读 · 0 评论 -
Vue注册组件
Vue注册组件注册组件,关键字:component()有两个参数第一个参数:新组件的名称(字符串类型)组件名定义时可以使用驼峰命名,但是使用时必须是用“-”来连接第二个参数:回调函数(写Vue的代码)自定义组件是可以复用多个的,但是都是双标签,不建议使用单标签的形式 <div id="app"> <itme-li></itme-li> <itme-li></itme-li> <原创 2020-12-20 21:38:12 · 413 阅读 · 0 评论 -
Vue的实例方法
Vue的实例方法extend:用法:如果 Vue 实例在实例化时没有收到 el 选项,则它处于“未挂载”状态,没有关联的 DOM 元素。可以使用 vm.$mount() 手动地挂载一个未挂载的实例。示例:<div id="app"></div> <div id="app1"></div> <div id="app2"></div> <script> //定一个人的类原创 2020-12-20 21:36:36 · 719 阅读 · 0 评论 -
vue-router
vue-router### 简介由于Vue在开发时对路由支持的不足,于是官方补充了vue-router插件。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,实际上就是组件的切换。路由就是SPA(单页应用)的路径管理器。再通俗的说,vue-router就是我们WebApp的链接路径管理系统。有的小伙伴会有疑虑,为什么我们不能像原来一样直接用a标签编写链接呢?原创 2020-12-20 21:32:37 · 96 阅读 · 0 评论 -
Vue的生命周期
Vue的生命周期### vue的生命周期是什么?vue的生命周期是指vue的实例对象的创建之初到销毁的过程。vue所有的功能实现都是围绕着生命周期进行的,在生命周期的不同阶段调用对应的钩子函数实现组件数据管理和dom渲染两大重要功能。vue的生命周期有11个过程,不过其中用的比较多的是8个左右beforCreate:vue对象创建之前。对应的钩子函数为beforeCreate。此阶段为实例初始化之后,此时的数据观察和事件机制都未形成,不能获得DOM节点。vue的el和data数据都是und原创 2020-12-20 21:31:11 · 156 阅读 · 0 评论 -
Vue的入门
Vue的入门Vue引入Vue.js有两种方式直接引入链接<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>下载vue的源码:https://cdn.jsdelivr.net/npm/vue/dist/vue.js,然后在引入就行了创建Vue实例 <div id="app">{{msg}}</div> <script>原创 2020-12-20 21:28:51 · 157 阅读 · 1 评论 -
koa框架
简介:koa是基于node.js平台的web开发框架,致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。通过利用 async 函数,Koa 帮你丢弃回调函数,并有力地增强错误处理。 Koa 并没有捆绑任何中间件, 而是提供了一套优雅的方法,帮助您快速而愉快地编写服务端应用程序。安装的方法:npm i koa使用方法:安装完了之后然后就是引包和创建对象:引包:const koa = require("koa");引完包之后就是创建对象let app = new原创 2020-11-15 21:50:01 · 4192 阅读 · 0 评论 -
canvas
canvas简介canvas是H5新增的一个标签。它可以通过javascript在其中绘制图像的HTML元素,可以用来处理照片集和实时视频处理和渲染。在页面上放置一个canvas就相当于一个画布,可以绘制出各种各样的图形。如果不利用js编写的话,canvas就是一个透明的区域。canvas自带两个属性值:width和height。接下来就让我们一起来学习吧!首先我们要在...原创 2020-10-18 20:28:06 · 1286 阅读 · 0 评论 -
多媒体和地图
多媒体简介Video是H5新增的用来添加视频的标签,在标签的src属性里添加视频的地址就行了。支持的格式有:mp4,ogv webm。safari浏览器和IE9以上浏览器只支持mp4。IE8以下不支持,IE9以上浏览器可以使用source标签支持解决兼容性video的属性controls:给视频添加控件autoplay:自动播放loop:循环播放preload:预加载 <video src="video/1.mp4" width="300px" height="100px" co原创 2020-10-18 20:27:17 · 100 阅读 · 0 评论 -
node.js
node.js模块化之前已经探讨了jquery,现在轮到了Node了,node是一门后端开发语言,比较适合开发高并发式。1. global模块require():引入js文件,本地文件要加./,不然他就会去自己的文件库里找的。require("./02");如果本地js文件有个变量,那么用require要怎样使用呢,直接引入是没用的。有两个方法:a:挂在全局global(是node的顶层对象)let a = "hello";global.a = a;require("./02");co原创 2020-08-08 15:48:17 · 112 阅读 · 0 评论 -
cookie
cookie:存储数据,当用户访问某个网站(网页)的时候,我们就可以通过cookie来向访问者电脑上存储数据不同的浏览器存放的cookie位置不一样,也是不能通用的cookie的存储是以域名的方式进行区分的cookie的数据是可以设置名字的一个域名下存放的cookie的个数是有限的,不同浏览器存放的个数不一样每个cookie存放的内容大小也是有限的,不同浏览器存放的大小也是不一样的cookie是以字符串的形式来存储的创建cookiedocument.cookie = "user=小明";原创 2020-07-07 15:03:36 · 503 阅读 · 0 评论 -
正则表达式
什么是正则表达式:正则表达式从数据类型来讲是一个对象。不能操作DOM的作用:配合API来验证字符串(.test(),.match())等;.test()的用法:正则表达式.test(参数);返回的是Boolean.match()的用法:字符串.match(正则表达式);返回的是数组怎么定义正则表达式呢?有两种方法:test()let s = "456你好789"; let a = /\d+/g; console.log(a.test(s));//打印的是trueRegExp原创 2020-06-29 14:37:21 · 79 阅读 · 0 评论 -
键盘事件
键盘按下事件:onkeydown document.onkeydown = function () { console.log("down"); }键盘按下事件:onkeypress document.onkeypress= function () { console.log("press"); }键盘抬起事件:onkeyup document.onkeyup= function () { .原创 2020-06-28 23:40:30 · 218 阅读 · 0 评论 -
表单事件
获取焦点事件:onfocusoForm.user.onfocus = function () { console.log("我获得焦点了"); }失去焦点事件:onbluroForm.user.onblur = function () { console.log("我失去焦点了"); }补充:其实window也是有焦点事件的3. 改变事件:onchange oForm.user.onchange = f.原创 2020-06-28 21:27:04 · 143 阅读 · 0 评论