es6
h_jQuery
这个作者很懒,什么都没留下…
展开
-
常用时间格式处理
时间格式处理原创 2023-03-16 14:26:55 · 196 阅读 · 0 评论 -
微信小程序原生写法——24小时时间选择器组件
时间选择器原创 2023-03-03 11:16:32 · 1520 阅读 · 0 评论 -
微信小程序原生写法——密码输入框组件
微信小程序密码输入框原创 2023-02-27 17:30:57 · 994 阅读 · 1 评论 -
iconfont矢量图标使用
iconfont图标使用原创 2023-02-09 21:51:52 · 177 阅读 · 0 评论 -
微信小程序发布流程初级
微信小程序发布原创 2023-02-08 17:58:49 · 173 阅读 · 0 评论 -
js处理——获取当前月第一天和最后一天
js时间处理原创 2022-12-29 16:43:25 · 2903 阅读 · 0 评论 -
vue组件封装——公用基础form组件
组件封装原创 2022-12-29 16:37:07 · 991 阅读 · 0 评论 -
vue组件封装——公用基础table组件
vue公用基础表格组件封装案例原创 2022-12-05 09:40:03 · 3653 阅读 · 3 评论 -
实现文件、压缩包下载——vue2
文件下载原创 2022-10-25 10:40:34 · 987 阅读 · 0 评论 -
文件上传——将文件转成base64传给后端
文件上传转base64原创 2022-10-25 10:02:57 · 4317 阅读 · 0 评论 -
实现elemen-ui的最后一行合计功能
table表格合计功能原创 2022-10-17 15:24:50 · 763 阅读 · 0 评论 -
vue项目SEO优化方案——prerender-spa-plugin插件实现预渲染
vue项目seo优化方案原创 2022-08-12 10:12:28 · 876 阅读 · 2 评论 -
日期时间选择器——el-date-picker设置默认时间
组件使用原创 2022-08-03 17:43:46 · 18419 阅读 · 3 评论 -
ES6新特性——对象
es6原创 2022-05-25 11:38:40 · 422 阅读 · 0 评论 -
JS—字符串String操作方法
concat()concat():用于将一个或多个字符串拼接成一个新的字符串let str = 'hello world';let res = str.concat('!')console.log(res);//hello world!slice()/substring()/substr()这三个方法都是返回调用它的字符串的一个子字符串,都不影响原字符串,都可以传入一或者两个参数,若省略第二个参数则截取到字符串末尾参数都是正数slice()/substring():第一个参数是子字符串的开原创 2022-04-28 17:44:51 · 522 阅读 · 0 评论 -
vue3的时间积累
scss样式中背景图报错:报错的路径: background-image: url("@/assets/image/home/header-title.png");修改后的路径:在@前面加一个~ background-image: url("~@/assets/image/home/header-title.png");**~@**的意思: @是webpack设置的路径名,代表的是src目录,~ 是相对于下面的文件路径的意思...原创 2021-10-08 21:49:21 · 161 阅读 · 0 评论 -
webpack——样式资源、html资源、图片资源、其他资源、devServer
webpack打包样式资源css-loader、style-loadernpm i css-loader style-loader -Dcss文件html,body { margin: 0; padding: 0; height: 100%; background-color: sandybrown;}#box { width: 300px; height: 300px; background-color: seashell;原创 2021-09-22 21:37:25 · 183 阅读 · 0 评论 -
webpack——五个核心概念、基本使用、打包
webpackwebpack是一种前端资源构件工具,一个静态模块打包器(module bundler)。将浏览器不能识别的语法编译成浏览器可以识别的语法在webpack看来,前端的多有资源文件(js/json/css/img/less)都会作为模块处理,它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)webpack五个核心概念1.Entry 入口(Entry)指示webpack以哪个文件作为入口起点开始打包,分析构建内部关系依赖图2.Output 输出(Outpu原创 2021-09-20 23:38:55 · 449 阅读 · 0 评论 -
AJAX——同源策略、JSONP、CORS
AJAX同源策略同源策略(Same-Origin Pollicy)是浏览器的一种安全策略同源:协议、域名、端口号必须完全相同ajax默认是遵从同源策略,违背同源策略就是跨域页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &l原创 2021-09-20 21:27:25 · 179 阅读 · 0 评论 -
AJAX——重复请求、jquery、axios、fetch函数
AJAX避免重复发起请求(使用到节流)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-09-20 13:39:20 · 160 阅读 · 0 评论 -
AJAX——请求头、json、nodemon、网络异常、取消请求
AJAX设置请求头信息<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2021-09-17 17:46:43 · 317 阅读 · 0 评论 -
AJAX——ajax、XML、HTTP、node、express
AJAXAJAX全称Asynvhronous JavaScript And XML,就是异步的js和XML通过ajax 可以在浏览器中想服务器发送异步请求,最大的优势:无刷新获取数据ajax不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式优点:1.无需刷新页面就可以与服务器端进行通信2.允许根据用户事件来更新部分页面内容缺点“1.没有浏览历史,不能回退2.存在跨域问题(同源)3.SEO(搜索引擎优化)不友好XMLxml:可扩展标记语言html:超文本标记语言xml:被原创 2021-09-17 16:28:01 · 216 阅读 · 0 评论 -
ECMAScript——指数操作符、async和await、 ES8对象方法扩展
ECMAScriptECMAScript 7的新特性Array.prototype.includesincludes方法用来检测数组中是否包含某个元素,返回布尔类型值指数操作符**[**]**用来实现幂运算,功能与Math.pow结果相同<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatibl原创 2021-09-16 15:33:48 · 194 阅读 · 0 评论 -
ECMAScript——对数值的操作、对象方法扩展、ES6的模块化、代码转换
ECMAScript对数值(number)的操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.原创 2021-09-15 16:46:43 · 147 阅读 · 0 评论 -
ECMAScript——Map、class、静态成员、类的继承、方法重写、set和get
ECMAScriptMapES6提供了Map数据结构。它类似于对象,也是键值对的集合。但是‘键’的范围不限于字符串,各种类型的值(对象)都可以当做键。Map也实现了iterator接口,所以可以使用[扩展运算符]和[for…of…]进行遍历。Map的属性和方法1.size:返回Map的元素个数2.set:增加一个新元素,返回当前Map3.get:返回键名对象的键值4.has:检测Map中是否包含某个元素,返回boolean值5.clear:情况集合,返回undefined<!DOCTY原创 2021-09-15 09:36:11 · 241 阅读 · 0 评论 -
ECMAScript——Promise、Set
ECMAScriptPromisePromise是ES6引入的异步编程(IO)的新解决方案。语法上Promise是一个构造函数,用来封装异步操作并可以获取其成功或失败的结果。1.Promise构造函数:Promise(excutor){}2.Promise.prototype.then方法3.Promise.prototype.catch方法<!DOCTYPE html><html lang="en"><head> <meta charse原创 2021-09-14 15:48:31 · 118 阅读 · 0 评论 -
ECMAScript——迭代器、生成器
ECMAScript迭代器迭代器(lterator)是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署iterator接口(对象里面的属性),就可以完成遍历操作1.ES6创造了一种新的遍历命令for…of遍历,iterator接口主要供for…of消费2.原生具备iterator接口的数据(可用for of遍历) 2.1 Array 2.2 Arguments 2.3 Set 2.4 Map 2.5 String 2.6 TypedArray 2.7原创 2021-09-10 15:36:17 · 108 阅读 · 0 评论 -
ECMAScript——函数参数的默认值、rest参数、扩展运算符、Symbol
ECMAScript函数参数的默认值ES6允许给函数参数赋值初始值特性: 1.形参初始值,具有默认值的的形参,一般位置要靠后(潜规则) 2.可以与解构赋值一起使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met原创 2021-09-10 10:21:57 · 205 阅读 · 0 评论 -
ECMAScript——let、const、解构赋值、模板字符串、对象的简化、箭头函数
ECMAScriptES全称EcmaScript,是脚本语言的规范,javascript就是es的一种实现,所以es的新特性就是js的新特性新特性的特点:1.语法简洁,功能丰富2.框架开发应用3.前端开发职位要求letlet是用来声明变量的特性:1. 变量不能重复声明2. 块级作用域(全局,函数,eval,在{}内)3. 不存在变量提升4. 不影响作用域链(内层没有,向外层寻找)<!DOCTYPE html><html lang="en"><h原创 2021-09-09 11:39:49 · 133 阅读 · 0 评论 -
vue3x——provide与inject、Composition API、Fragment、Teleport、Suspense
Vue3x5.provide与inject作用:实现祖孙组件间通信套路:父组件有一个provide选项来提供数据,子组件有一个inject选项来开始使用这些数据具体写法:1.父组件中:引用provide<template> <div class="app"> <p>我是App组件————祖组件</p> <p>数据:name:{{ name }}——————age:{{ age }}</p> <原创 2021-09-08 17:26:06 · 321 阅读 · 0 评论 -
vue3x——shallowReactive和shallowRef、readonly和shallowReadonly、toRaw与markRaw、customRef
Vue3.x其他CompositionAPI1.shallowReactive和shallowRef shallowReactive:只处理对象最外层属性的响应式(浅层响应式) shallowRef:只处理基本数据类型响应式,不进行对象的响应式处理 什么时候使用?: 如果有一个对象数据,结构比较深,但变化时只是最外层属性变化===>shallowReactive 如果有一个对象数据,后续功能不会修改该对象中的属性,而是生新的对象来替代====>shallowRef原创 2021-09-08 12:01:49 · 286 阅读 · 0 评论 -
vue3——computed、watch、watchEffect、生命周期、hooks、toRef
vue3.xcomputed函数与vue2中computed配置功能一致import { computed } from "vue";setup(){//简写 let test = computed(()=>{ return 1+1 })//完整 let demo =computed({ get(){ return 1+1 }, set(value){ value+1 } })}watch函数与Vue2.x中的watch配置功能一致监视的是原创 2021-09-07 18:05:39 · 783 阅读 · 2 评论 -
vue3.x——@vue/cli、vite、setup、ref、reactive
Vue31.性能的提升 1.1 打包带下减少41% 1.2 初次渲染快55%,更新渲染快133% 1.3内存减少54% …2.源码的升级 2.1 使用proxy代替defineProperty实现响应式 2.2重写虚拟dom的实现和Tree-Shaking …3.拥抱TypeScript 3.1 Vue3可以更好的支持TypeScript4.新的特性 4.1 Composition API(组合API) setup配置 ref与reactive原创 2021-09-07 16:02:00 · 445 阅读 · 0 评论 -
vue——编程式导航、路由守卫、路由的两种工作模式
编程式导航1.作用:不借助实现路由跳转,让路由跳转更加灵活2.具体编码:methods: { pushShow(v) { // 可以在外侧加个定时,这样就可以实现延迟跳转 // 追加一条记录 this.$router.push({ name: "zhanshi", query: { id: v.id, title: v.title }, }); }, replaceShow(v) { /原创 2021-09-06 09:38:04 · 260 阅读 · 0 评论 -
vue——路由、query、params、props、replace
路由1.路由就是一组key-value的对应关系2.多个路由,需要经过路由器的管理SPA:single page web application(单页面应用:只有一个html页面)vue-router:vue的一个插件,专门用来实现SPA应用对SPA应用的理解:1.单页面web应用2.整个应用只有一个完整的页面3.点击页面中的导航链接不会刷新页面,只会做页面的局部刷新4.数据需要通过ajax请求获取什么是路由路由就是一组映射关系(key-value),key为路径,value可能是fu原创 2021-09-01 18:08:45 · 513 阅读 · 0 评论 -
vuex案例
App.vue<template> <div> <Count /> <Person /> </div></template><script>import Count from "./components/Count.vue";import Person from "./components/Person.vue";export default { components: {原创 2021-09-01 10:09:58 · 135 阅读 · 0 评论 -
vue——vuex
Vuexvuex是什么?1.vuex的概念:专门在Vue中实现集中式状态(数据)管理的一个vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写), 也是一种组件之间通信的方式,且适用于任意组件间通信2.Github地址:https://github.com/vuejs/vuex什么时候使用vuex?1.多个组件依赖于同一状态2.来自不同组件的行为需要变更同一状态先执行import,再执行其他的代码main.jsimport Vue from 'vue'import App原创 2021-09-01 10:05:31 · 190 阅读 · 0 评论 -
尚硅谷——TodoList案例最终版
TodoList案例目录main.jsimport Vue from 'vue'import App from './App.vue'// 关闭vue的生产提示Vue.config.productionTip = false;new Vue({ render: h => h(App), // 安装全局事件总线 beforeCreate() { // $bus相当于一个事件中心 Vue.prototype.$bus = this原创 2021-08-30 17:59:27 · 848 阅读 · 0 评论 -
vue——代理、插槽
配置代理1.xhr:new XMLHttpRequest()——xhr.open()配置请求信息、xhr.send()发送请求信息2.Jquey:.get、.get、.get、.post3.axios:通用的ajax请求库,官方推荐,使用广泛4.fetch5.vue-resource:vue插件库,vue1.0使用广泛,官方已不维护response.setHeader(‘Access-Control-Allow-Origin’,’*)设置代理方法一:在vue.config.js中添加以下配置原创 2021-08-30 17:50:44 · 290 阅读 · 0 评论 -
vue——$nextTick、动画、过渡
$nextTick语法:this.$nextTick(回调函数)作用:在下一次DOM节点更新结束后执行其指定的回调函数什么时候用:当改变数据后,要基于更新后的新DOM进行某些操作时,要在$nextTick所指定的回调函数中执行Vue封装的动画和过渡1.作用:在插入、更新或移除DOM元素时,在合适的时候给元素添加样式类名。2.写法: 2.1准备好样式: 元素进入的样式: 2.1.1 v-enter:进入的起点 2.1.2 v-enter-active:进入过程中(动画原创 2021-08-30 10:03:04 · 635 阅读 · 0 评论