- 博客(66)
- 收藏
- 关注
RSS订阅原创 ERROR ITMS-90165: “Invalid Provisioning Profile Signature.
最近通过Transporter上传.ipa到App Store Connect失败的错误日志：ERROR ITMS-90165: "Invalid Provisioning Profile Signature. The provisioning profile included in the bundle 'com.sihongit.ibmsapp' (Payload/HBuilder.app) cannot be used to submit apps to the iOS App Store unti
2022-05-08 22:29:40
659
原创 CSS模块化方案
CSS模块化模块化概念模块化是指解决一个复杂问题时自顶向下逐层把系统划分成若干模块的过程，有多种属性，分别反映其内部特性。 ---- 就是把一个大的功能拆解成小功能为什么需要模块化相对独立性 – 避免作用域污染通用性 – 可复用互换性 – 可按需加载，从而优化性能关注分离概念、不同的技术做不同的事情现有的 CSS 方案// app.css.button { width: 100px; height: 20px; background: 'red';}//
2022-04-03 17:19:21
3152
2
原创 TS + React 简单上手
TS + React 实现 todos添加任务展示任务列表1.为父组件app，提供状态（任务列表数据）和类型 //父组件传递数据import { Component } from 'react'import TodoList from './components/TodoList'//任务项的类型type TodoItem={id:number;text:string;done:boolean}//app组件的状态类型type Todos={ todos:TodoItem[]}co
2022-04-02 18:06:17
1391
原创 React中加入TypeScript的变化
React中使用TypeScript使用 CRA 创建支持 TS 的项目React 脚手架工具 create-react-app（简称：CRA）默认支持 TypeScript。创建支持 TS 的项目命令：npx create-react-app 项目名称 --template typescript。当看到以下提示时，表示支持 TS 的项目创建成功：结构变化相对于非 TS 项目，目录结构主要由以下三个变化：项目根目录中增加了 tsconfig.json 配置文件：指定 TS 的编译选项（比如
2022-04-02 17:57:57
1191
1
原创 TypeScript高级类型（泛型、索引签名类型、映射类型、索引查询类型）
TypeScript高级类型（泛型、索引签名类型、映射类型、索引查询类型）
2022-04-01 11:59:45
1941
原创 React Router 6
Router61. 一级路由改动注册 Route 时必须要包裹 Routes注册组件中的 component 改为 element//旧版<Route path={'/home'} component={Home} />//新版<Routes><Route path="/about" element={<About />} /><Route path="/home" element={<Home />} /><
2022-03-28 11:48:02
1316
1
原创 es6 filter() 数组过滤方法总结
1.创建一个数组，判断数组中是否存在某个值var newarr = [ { num: 1, val: 'ceshi', flag: 'aa' }, { num: 2, val: 'ceshi2', flag: 'aa2' }]console.log(newarr.filter(item => item.num===2 ))2.也可以通过上面方法过滤掉num为2的留下num为1的var newarr = [ { num: 1, val: 'ceshi', flag: 'aa'
2021-12-12 10:25:26
1447
原创 关于vue回车事件的刷新页面问题解析
页面文本框在点击回车时会刷新页面，而且只有第一次会触发刷新点击回车按钮后不仅页面会刷新，并且路由多了一个问号http://localhost:8080/?#这是因为在当前页面元素中只有一个文本框时，点击回车时会自动提交表单；W3C 标准中有如下规定：When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request
2021-02-22 16:09:54
1306
3
原创 JS获取当前时间的前一天/后一天（昨天/明天）
Date curDate = new Date();var preDate = new Date(curDate.getTime() - 24*60*60*1000); //前一天var nextDate = new Date(curDate.getTime() + 24*60*60*1000); //后一天
2020-12-08 11:17:48
5045
原创 向JavaScript对象添加键/值对？
var obj = {key1: value1,key2: value2};1、使用点表示法：obj.key2 = “value2”;2、使用方括号符号：obj[“key2”] = “value2”; let ExpendObject = {} //扩展属性对象 for (let i in this.ExpendObjectData) { //方括号方法把数组中的值插入到对象 ExpendObject[ this.Exp
2020-11-16 11:20:40
314
原创 get请求下载文件
axios.get('/system/platform/feedbackManager/findBuyUserFedbackPage', { responseType: 'blob', params: data }).then(res => { let url = window.URL.createObjectURL(new Blob([res.data])); let link = documen.
2020-11-09 15:31:30
1478
原创 vue项目PC端如何适配不同分辨率屏幕
配置前言项目构建：基于vue-cli3构建，使用postcss-px2rem px2rem-loader进行rem适配实现原理：每次打包，webpack通过使用插件postcss-px2rem，帮我们自动将px单位转换成rem单位前方有坑：UI框架部分组件使用JavaScript将css作为内联样式直接写在html标签内，打包适配时不会读取相关css,所以要配置相关样式，在style中需要" !important "进行样式覆盖。第一步，安装postcss-px2rem及px2rem-loader
2020-10-19 11:16:38
8363
9
原创 使用伪类选择器修改radio的默认背景色
//使用伪类覆盖单选框的样式 .information_bootom { opacity: 0.8; .readio_top { margin-bottom: 1.85vh; margin-top: 1.85vh; font-size: 16px; font-family: Mi...
2020-10-15 15:41:52
856
1
原创 Element-UI Popconfirm组件的确认事件
使用后发现文档中未提供点击确认事件猜测了一下是不是写到按钮的click事件上，组件会自动处理，试了一下不行于是去扒了下源码Popconfirm 事件
2020-09-25 14:21:55
2386
2
原创 VUE——解决跳页面跳转后 新页面没有位于顶部的问题
01 问题：页面通过路由调转后，新页面停留的位置与上一级页面一致02. 解决在配置路由时候 加上：scrollBehavior:() => ({ y = 0 }),const router = new VueRouter({ scrollBehavior: () => ({ y: 0 }), routes: [ ]})03. 原因使用组件缓存时 再次切换...
2020-01-08 10:40:27
2849
原创 Vuex
Vuex 概述Vuex 是什么Vuex 是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。使用 Vuex 统一管理状态的好处1、 能够在 vuex 中集中管理共享的数据，易于开发和后期维护2、 能够高效地实现组件之间的数据共享，提高开发效率3、 存储在 vuex 中的数据都是响应式的，能够实时保持数据与页面的同步一般情况下，只有组件之间共享的数据，才有必要存...
2020-01-04 09:35:39
122
原创 Nprogress的配置与使用
github地址：nprogressNprogress安装npm install --save nprogress在项目中引入在main.js中引入要使用的nprogress//导入进度条插件\js与cssimport Nprogress from 'nprogress'import 'nprogress/nprogress.css'基本用法Nprogress.start()...
2019-12-31 15:05:32
6764
原创 Import in body of module; reorder to top (import/first)错误
import (导入文件)必须在其它所有业务代码的前面
2019-12-30 16:03:42
8144
原创 Vue 脚手架与element-ui
1、Vue 脚手架的基本用法Vue 脚手架用于快速生成 Vue 项目基础架构，其官网地址https://cli.vuejs.org/zh/使用步骤1. 安装 3.x 版本的 Vue 脚手架：npm install -g @vue/cli基于3.x版本的脚手架创建vue项目// 1. 基于 交互式命令行 的方式，创建 新版 vue 项目 vue create my-project/...
2019-12-21 22:17:04
374
原创 Vue 单文件组件
1、传统组件的问题和解决方案1、问题1. 全局定义的组件必须保证组件的名称不重复2. 字符串模板缺乏语法高亮，在 HTML 有多行的时候，需要用到丑陋的 \3. 不支持 CSS 意味着当 HTML 和 JavaScript 组件化时，CSS 明显被遗漏4. 没有构建步骤限制，只能使用 HTML 和 ES5 JavaScript, 而不能使用预处理器（如：Babel）2、解决方案针对...
2019-12-21 22:02:36
154
原创 webpack
1、webpack概述webpack 提供了友好的模块化支持，以及代码压缩混淆、处理 js兼容问题、性能优化等强大的功能，从而让程序员把工作的重心放到具体的功能实现上，提高了开发效率和项目的可维护性目前绝大多数企业中的前端项目，都是基于 webpack 进行打包构建的。2、 webpack 的基本使用1、在项目中安装和配置 webpack① 运行 npm install webpa...
2019-12-21 21:47:34
102
原创 ES6模块化-使用export/import
Node.js 中通过 babel 体验 ES6 模块化ES6 模块化的基本语法1. 默认导出 与 默认导入默认导出语法 export default 默认导出的成员默认导入语法 import 接收名称 from ‘模块标识符’2. 按需导出 与 按需导入按需导出语法 export let s1 = 10按需导入语法 import { s1 } from ‘模块标识符’3....
2019-12-21 20:55:46
321
原创 Vue-路由的基本概念与原理、vue-router的基本使用、嵌套路由、动态路由匹配、、命名路由、编程式导航
路由路由的本质就是对应关系：分为前端路由、后端路由后端路由概念：根据不同的用户 URL 请求，返回不同的内容本质：URL 请求地址与服务器资源之间的对应关系前端路由通过SPA 实现单页面内容更新、SPA实现原理:基于URL地址的hash(hash的变化会导致浏览器记录访问历史的变化、但是hash的变化不会触发新的URL请求)前端路由概念：根据不同的用户事件，显示不同的...
2019-12-18 19:01:28
342
1
原创 接口调用方式-fetch用法、axios用法（全局配置、拦截器）、async/await用法
fetch用法基本特性更加简单的数据获取方式，功能更强大、更灵活，可以看做是xhr的升级版基于Promise实现语法结构 fetch(url).then(fn2) .then(fn3) ... .catch(fn)fetch 的基本用法 fetch('/abc').then(data=>{ ...
2019-12-17 23:53:17
1189
原创 Vue-组件化思想、组件注册、组件之间传值(父传子、子传父、兄弟传兄弟)、组件插槽
组件化思想组件化思想所谓组件化，就是把页面拆分成多个组件，每个组件自己管理所依赖的 CSS、JS、模板、图片等资源、组件与组件之间通过特定的规则进行数据传递、就会行成树状结构组件注册全局组件Vue.component(‘组件名称’, { }) 第1个参数是标签名称，第2个参数是一个选项对象全局组件注册后，任何vue实例都可以用基础用法<div id="ex...
2019-12-15 20:36:52
189
原创 Vue-表单操作、自定义指令、计算属性(computed)、侦听器(watch)、过滤器、数组变异方法、响应式数据处理
表单操作表单基本操作获取单选框中的值：通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gender 的值就是选中的值，我们只需要实时...
2019-12-14 20:32:26
495
原创 Vue-生命周期与钩子函数
生命周期过程生命周期指的事物从出生到死亡的过程挂载→更新→销毁钩子函数Vue实例从创建 到销毁的过程 ，这些过程中会伴随着一些函数的自调用。我们称这些函数为钩子函数构子函数描述beforeCreate在实例初始化之后，数据观测和事件配置之前被调用 此时data 和 methods 以及页面的DOM结构都没有初始化 什么都做不了created在实...
2019-12-14 20:11:44
500
原创 Vue-基本使用、模板语法(插值表达式、指令、事件绑定、属性绑定、样式绑定、分支循环结构)
VueVue14年发布、16年2.0版本、特点():易用、灵活、高效是一套用于构建用户界面的渐进式框架vue使用基本步骤 <title>你好世界</title></head><body> <div id="app"> <div>{{msg}}</div> ...
2019-12-11 21:58:08
749
原创 Ajax-jq中Ajax的使用、todo案例（ajax增删改查）
Jq中的Ajax$.ajax()的使用方法的概述：作用1: 发送Ajax请求。 $.ajax({ // 请求方式 type: 'post', // 请求地址 url: '/user', // 在请求发送之前调用 beforeSend: function () { alert('请求不会被发送') // 请求不会...
2019-12-02 21:21:13
594
1
原创 Ajax-跨域-同源政策、Jsonp解决同源限制、CORS跨域资源共享
Ajax请求限制Ajax 只允许向自己的服务器发送请求。同源政策同源：多个页面拥有相同的协议、域名和端口、否则不同源多个页面、多个请求在同一个服务=同源http和https是不相同的协议同源政策的目的同源政策是为了保证用户信息的安全，防止恶意的网站窃取数据。最初的同源政策是指A 网站在客户端设置的 Cookie，B网站是不能访问的。因为同源政策的限制：不允许ajax向不同源服务端...
2019-12-01 12:23:24
260
1
原创 Ajax-模板引擎、案例（邮箱唯一性、搜索框内容自动提示、三级联动）、FormData（FormData使用、实例方法、二进制文件上传）
模板引擎的使用作用：使用模板引擎提供的模板语法，可以将数据和 HTML 拼接起来。使用步骤<body><div id="container">123</div></body><!-- 1、将模板引擎的库文件引入到当前页面 --><script src="/js/template-web.js"></scr...
2019-12-01 10:12:57
287
原创 Ajax-运行原理及其实现步骤、服务端响应的数据格式、获取服务端响应（状态码）、Ajax 封装
传统网站中存在的问题网速慢的情况下，页面加载时间长，用户只能等待表单提交后，如果一项内容不合格，需要重新填写所有表单内容页面跳转，重新加载页面，造成资源浪费，增加用户等待时间Ajax :它是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验。Ajax 运行原理及实现Ajax 运行原理Ajax 相当于浏览器发送请求与接收响应的代理人，以实现在不影响用...
2019-11-30 09:20:15
595
原创 node.js中模块加载机制
加载机制当模块有路径、但是又没有后缀的时候出现模块加载机制文件查找规则如果没有后缀的话、文件加载机制会先找当前目录下的同名文件、如果没有找到、就找有没有同名文件夹、没有的话报错、如果文件.js没有找到、就找packge中的入口文件模块查找机制先看node_nodules文件中有没有js文件、再看有没有同名文件夹、看文件夹有没有同名js、没有的话看该文件中的packge.json中...
2019-11-14 21:37:31
249
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人