皮卡砖-CSDN博客

<!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"> <title>Doc

2022-05-15 21:45:41 2767 2

原创移动 pC 浏览器兼容 postcss-plugin-px2rem

npm i --save postcss-plugin-px2rem在main.js引入import './utils/flexible'flexble.js(function(win, lib) { var doc = win.document var docEl = doc.documentElement var metaEl = doc.querySelector('meta[name="viewport"]') var flexibleEl = doc.querySel

2022-03-30 13:30:52 1725

原创 vue 插件qs使用

1、安装npm install qs2、在组件中应用import qs from 'qs'3、主要使用qs.parse(),qs.string()qs.parse()是将URL解析成对象的形式qs.stringify()是将对象序列化成URL的形式，以&进行拼接4、具体例子如下let data = qs.stringify({ "username":this.username, "password":this.password});username=re

2022-03-23 17:27:14 1460 1

原创 vue 中 transtion内置标签

transtion标签使用 // name 属性用来设置动画样式及 class类名 mode动画模式 <transition name="fade-transform" mode="out-in"> <router-view ></router-view> //包裹住roter-view 后切换得路由就会有动画效果 </transition> // .fade及为transiton name属性得

2022-03-23 15:03:27 1264

原创 ionic iframe 报unsafe value used in a resource URL context

import { DomSanitizer} from '@angular/platform-browser'在使用iframe页面引入将DomSanitizer注入constructor(public sanitizer: DomSanitizer) { }contentDetails(catalogue){ this.recommend.contentDetails(catalogue).subscribe((res)=>{ console.log(res)

2021-11-30 21:19:00 630

原创 ionic3 中查看pdf

npm install ng2-pdf-viewer@3.0.8 --save需要使用 3.0.8版本的在跟组件中注册模块import { NgModule } from '@angular/core';import { BrowserModule } from '@angular/platform-browser';import { AppComponent } from './app/app.component';import { PdfViewerModule } from 'ng2-

2021-11-25 20:45:44 316

原创 AES基本使用 (ionic)

npm install aes-js在服务中使用定义加密解密方法import { HttpClient } from '@angular/common/http';import { Injectable } from '@angular/core';import CryptoJS from "crypto-js"const key = CryptoJS.enc.Utf8.parse("1234123412ABCDEF"); //十六位十六进制数作为密钥const iv = CryptoJ

2021-11-13 23:07:09 1136

原创新建 ionic providers core.js:1449 ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppMo

是因为我们providers 中引入了 HttpClient 但在app.module跟模块中没用注册 HttpClientModule模块在跟模块注册了HttpClientModule之后就好了希望帮到大家

2021-11-13 22:54:21 1117

原创 Angular ui Error:node_modules/element-angular/release/upload static forRoot(): ModuleWithProviders；

大家在引入 el ui 之后启动项目之后TS会进行对el 文件语法检测这就是原因我们只需要在 angular 文件内 src/tsconfig.app.json 文件内添加一个属性 "skipLibCheck" : true //跳过文件语法检测这样就可以使用el UI框架了...

2021-11-05 12:29:25 477

原创微信小程序原声自定义日期选择器

date.wxml<view>  <view class="table-container">  <view class="table-date"> <view> <span bindtap="back" data-date="year" class="table-dateFont">{{'.

2021-10-17 21:18:16 265

原创 React路由的补充,及Redux的使用

路由传递参数的方式pramse传参Route定义方式：<Route path=’/About/:id’ component={About} / >Link组件：< Link to="/path/通过pramse传参">About在使用 params传递参数时，你会清楚的看到参数以路由的形式展现了出来，例如：http://localhost:3000/home/message/用户1/文章32如果，你想传对象的话，可以用JSON.stringify(),想将

2021-07-30 19:37:56 371

原创 Rect路由的使用和虚拟DOM了解(①)

React 路由的使用简介什么是 SPA?SPA就是单页面应用，整个网站就只有一个Html文件。　　咱们vue react 就是使用的单页面技术SPA路由的实现方式有哪些？目前来说，无论是vue，还是react，spa的路由实现方式无非就是以下两者：hash方式。使用location.hash和hashchange事件实现路由。history api。使用html5的history api实现，主要就是popState事件等。　　hash用的还是比较多的，但是这种方式的url会比较丑陋，

2021-07-29 20:32:07 189 3

原创进击的react二

前端框架（react）三大框架的区别：Angular带有比较强的排它性的React主张是函数式编程的理念，侵入性没有Angular那么强，主要因为它是软性侵入。Vue 渐进式的react与vue的对比可以从redux和vuex中对比你如何看待react /什么是react react就是一个框架他相对于mvc来说只是其中的v 他适用于开发数据不断变化的大型应用程序react相对其他框架优势：高性能高效率实现了前端界面的高性能高效率开发，所以说react很擅长处理组件化的页面Reac

2021-07-27 20:06:11 304

原创 React入门到组件的三大核心

React简介官网1.英文官网: https://reactjs.org/2.中文官网: https://react.docschina.org/介绍描述1.用于动态构建用户界面的 JavaScript 库(只关注于视图)2.由Facebook开源React的特点1.声明式编码2.组件化编码3.React Native 编写原生应用4.高效（优秀的Diffing算法）React高效的原因1.使用虚拟(virtual)DOM, 不总是直接操作页面真实DOM。2.DOM Diffin

2021-07-26 19:44:49 518 2

原创 js 前端面试题

js 数组的去重，排序，各有几种方式，分别是怎么实现的去重 : 1) 利用ES6 Set去重（ES6中最常用） 2) 利用for嵌套for，然后splice去重（ES5中最常用）var arr = [1, 1, 8, 8, 12, 12, 15, 15, 16, 16];function unlink(arr) { for (var i = 0; i < arr.length; i++) { // 首次遍历数组 for (var j = i + 1; ..

2021-07-14 16:48:32 422 3

原创 vue3组合式api

一、 Composition API的简单介绍Composition API也叫组合式API，是Vue3.x的新特性。通过创建 Vue 组件，我们可以将接口的可重复部分及其功能提取到可重用的代码段中。仅此一项就可以使我们的应用程序在可维护性和灵活性方面走得更远。然而，我们的经验已经证明，光靠这一点可能是不够的，尤其是当你的应用程序变得非常大的时候——想想几百个组件。在处理如此大的应用程序时，共享和重用代码变得尤为重要。通俗的讲：没有Composition API之前vue相关业务的代码需要配置到op

2021-07-07 10:51:13 4027 10

原创 vue3中teleport标签的正确使用

一、Vue3.x传送、Vue3.x 中的组件模板应该属于组件，我们想把这个模板的内容移动到当前组件之外的 DOM 中，就可以使用 Teleport。表示传送内包含的内容显示到身体中<teleport to="body">内容</teleport><teleport to="#app">内容</teleport>二、使用teleport实现一个模态T的组件Modal.vue<template><teleport to=

2021-07-07 10:47:19 1773

原创 vue3中的toRef 与ref 区别

toReftoRef是将start对象内的响应式的属性由proxy代理对象转换为ref 并且打印num 回返回ObjetRefImpl对象我尝试使用点击事件改变num后发现toRef返回的num,改变num还会影响到start对象内的num ,所以我推断它们属于引用类型,并且start内的num变为即使结构赋值出来它也还是响应式的多亏toRef, 而toRefs是将所以内属性都可以结构,并且递归深度响应.之后我又试着用ref发现页面内我点击点击之后start内对象的num不

2021-07-04 14:47:09 458 2

原创 vue3入门入门笔记(二)

setup 细节setup 执行的时机在 beforeCreate 之前执行(一次), 此时组件对象还没有创建this 是 undefined, 不能通过 this 来访问 data/computed/methods / props其实所有的 composition API 相关回调函数中也都不可以setup 的返回值一般都返回一个对象: 为模板提供数据, 也就是模板中可以直接使用此对象中的所有属性/方法返回对象中的属性会与 data 函数返回对象的属性合并成为组件对象的属性返回对

2021-07-02 20:45:33 120 2

原创 vue3中的steup函数执行快于我们vue2中的beforeCreate函数

vue3中的steup函数执行快于我们vue2中的beforeCreate函数<template> <div class="home"> <img alt="Vue logo" src="../assets/logo.png"> <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/> </div></template><script l

2021-07-02 15:00:30 1063

原创 vue3入门(一)使用笔记

创建 vue3 项目 1) 使用 vue-cli 创建安装或者升级npm install -g @vue/cli 保证 vue cli 版本在 4.5.0 以上vue --version 创建项目vue create my-projectvue2与vue3区别组件引用的区别在组件组件中vue2模板必须要一对根标签<template> <HelloWord /> //使用子集组件</template>script中 lang = ts

2021-07-01 19:56:00 178 5

原创最新TypeScript超详细笔记(全)

文章目录一、初体验1.0 学习目标1.1 官网1.2 环境搭建安装Node.js安装TypeScript编译器1.3 编写代码1.4 编译执行--outDir--target--watch1.5 编译配置文件扩展库指定加载配置文件1.6 ts-node安装使用二、类型系统介绍2.0 学习目标2.1 什么是类型数据是有格式的程序是可能有错误的动态类型语言&静态类型语言静态类型语言的优缺点动态类型语言2.2 什么是类型系统类型标注类型检测2.3 类型标注2.4 基础的简单的类型标注基础类型空和未定义类型

2021-07-01 08:17:13 1049 12

空空如也

空空如也