盼盼盼-CSDN博客

原创 vue-cli + APIcloud

运行成功后左侧选择apicloud任务，直接运行，也可以配置修改端口，是否进行文件监听（插件暂时不进行文件监听同步不了文件）5.项目创建完成之后在项目根目录创建vue.config.js文件（vue cli3的配置文件），文件里的代码为。8.在widget 文件夹中配置config.xml文件，config.xml文件就是apicloud的配置文件。4.在面板中创建新项目，输入项目名之后点击下一步，选择预设-默认后直接创建项目。3.进入工作目录里运行 vue ui，此时会打开vue的UI面板。

2022-11-24 16:15:04 422 1

原创 VueCLI4打包时清除console.log

1.在项目中下载依赖包npm install babel-plugin-transform-remove-console -g2.在项目babel.config.js中配置let transformRemoveConsolePlugin = [];// 生产环境清除console.log的信息if (process.env.NODE_ENV === "production") { transformRemoveConsolePlugin = ["transform-remove-consol

2020-12-02 16:48:37 1235 3

原创 Vue源码分析之Vue入口文件

文章目录1.1 Flow1.2 Vue.js源码目录Vue.js 的源码都在 src 目录下，其目录结构如下：compilercoreplatformsserversfcshared1.3 Vue.js构建方式1.4 Vue.js入口1.1 FlowFlow是facebook出品的JavaScript代码的静态类型检查器。Vue.js 的源码利用了 Flow 做了静态类型检查。Flow的工作方式：类型推断：通过变量的使用上下文来推断，然后根据这些推断来判断类型。类型注释：事先注释数据类型，Flo

2020-10-10 16:10:55 932 1

原创前端基于WebSocket封装

1.无心跳，短开连接之后重新连。class webSocketClass { constructor(name) { this.lockReconnect = false; this.localUrl = "ws://XXXXXX"; this.wsUrl = ""; this.globalCallback = null; this.userClose = false; this.createWebSocket(name); } createW

2020-09-16 14:39:17 1234

原创后台管理系统的权限控制------前端权限管理

1.权限管理的相关概念1.1 什么是权限管理权限管理是一个几乎所有后台系统的都会涉及的一个重要组成部分，主要目的是对整个后台管理系统进行权限的控制，而针对的对象是员工，避免因权限控制缺失或操作不当引发的风险问题，如操作错误，数据泄露等问题。1.2 权限分类后端权限管理权限管理的核心在于服务其中的数据变化，所以后端是权限管理的关键后端是如何知道该请求是哪个用户发过来的cookie：Cookie技术是客户端的解决方案，Cookie就是由服务器发给客户端的特殊信息，而这些信息以文本文件的方

2020-09-09 15:14:18 5522 1

原创 JS字符串截取的三种方法 substring()， slice()，substr()

常用方法： substring()， slice()，substr()，它们都接受一个或两个参数；1. slice()str.slice(start,end)//start是必选参数，意思是从第start个字符开始截取到末尾。如果是负数，那么它规定从字符串尾部开始算起的位置。也就是说，-1 指最后一个字符，-2 指倒数第二个字符，以此类推。//end是可选参数，从第start个字符开始截取到第end个字符。如果没有指定该参数，那么截取的字符串包含从 start 到结束的所有字符。如果这个参数是负数，

2020-08-05 18:13:56 1216

原创前端面试题及答案汇总

闭包是能够读取其他函数内部变量的函数要理解闭包，首先必须理解Javascript特殊的变量作用域闭包的特性：1.封闭性：外界无法访问闭包内部的数据，如果在闭包内声明变量，外界是无法访问的，除非闭包主动向外界提供访问接口；2.持久性：一般的函数，调用完之后，系统会自动注销函数，而对于闭包来说，在外部函数被调用之后，闭包依然存在。1.创建一个空对象，并且this变量引用该对象，同时还继承了该函数的原型。2.属性和方法被加到this引用的对象中。

2020-03-26 14:39:55 63715 14

原创 ionicAndroid 端APP在手机端运行无法http请求的解决方法

1.在AndroidManifest.xml文件中application标签上加 android:networkSecurityConfig="@xml/network_security_config"2.在res/xml文件夹下创建名为network_security_config的xml文件文件内容为：<?xml version="1.0" encoding="utf-8"?&gt...

2020-03-03 16:32:35 1028 5

原创 angular6调试报Uncaught Error: Can't resolve all parameters for ApplicationModule错

angular6调试报Uncaught Error: Can’t resolve all parameters for ApplicationModule错解决方法：在angular项目polyfills.ts中添加import 'core-js/es7/reflect';

2020-01-06 13:46:38 1605

原创 ionic4踩坑记

用了ionic4 四个月了，遇到的坑今天整理一下1.标题栏的返回按钮ion-back-button，在页面刷新后不显示目前解决办法是重新写返回按钮<ion-buttons class="backIcon" slot="start"> <ion-button (click)="canGoBack()"> <ion-icon slot="icon-on...

2019-11-20 13:21:51 465

原创 ionic4学习笔记（八）--Clipboard 将内容复制到剪贴板

1.ts文件中引入依赖import { Plugins } from '@capacitor/core';2.html文件中<div> <ion-button (click)="clipboardSetString()"> clipboardSetString </ion-button> &...

2019-09-25 13:50:12 1335

原创 ionic4学习笔记（七）-- 组件

1.alert1,实现弹出框，2秒钟之后消失import { AlertController } from '@ionic/angular'; constructor(public alertController: AlertController) { } async presentAlert() { const alert = await this.alertControlle...

2019-09-12 13:08:00 384

原创 ionic4学习笔记（六）---打包之cordova

确定本地安装配置了JDK和Android SDK1.安装cordovanpm install cordova -g2.构建项目//构建android platform：ionic cordova platform add android//构建ios platformcordova platform add ios3.打包安卓Appionic cordova build an...

2019-08-23 11:32:59 439

原创 ionic4学习笔记（五）--消息推送JPush

1.在极光官网注册、登录、创建应用极光推送官网地址应用名称要与config.xml一致2.安装插件cordova plugin add jpush-phonegap-plugin --variable APP_KEY=your_jpush_appkey//your_jpush_appkey是应用信息的AppKeynpm install --save @jiguang-ionic/j...

2019-08-13 15:53:09 2176

原创 ionic4学习笔记（四）--自定义公共模块

在angular中，我们都是自定义组件来使用，但是ionic4之后，沿用了angular的模块化思想，使用懒加载的方式加载页面，每个页面都是一个模块，要是继续创建组件的话，不能在多个模块中引用同一组件，所以我们要把模块创建为组件，让模块来引用模块。创建一个tabs项目，在项目中执行命令ionic g module module/listionic g component module/lis...

2019-08-06 16:04:20 891

原创 ionic4学习笔记（三）--项目目录结构分析

项目目录结构：项目结构分析：e2e端对端的测试文件node_modules 项目依赖src 项目开发文件app 项目模块，组件，服务assets 项目静态资源文件environments 项目环境，可以配置项目的运行环境theme 主题文件，可配置主题global.scss 全局样式文件index.html 项目入口karma.conf.js 测试配...

2019-08-06 13:44:33 772

原创 ionic4学习笔记（二）-- 创建页面，ion-back-button属性

1.创建user页面ionic g page userionic提供了用命令生成界面的功能：在命令行输入ionic g如下：PS D:\item\ionic-test> ionic g? What would you like to generate? (Use arrow keys)pagecomponentservicemoduleclassdirective...

2019-08-05 18:20:11 1750

原创 ionic4学习笔记（一）--创建项目

1.首先要更新或者安装ionic clinpm install -g ionic2.创建项目ionic start ionic-testionic-test是创建的项目名称安装后会提示选择1.blank: 只有一个页面的空项目2.tabs: 带了下方切换页面按钮的项目3.sidemenu: 带了侧边菜单的项目3.项目跑起来npm run start打开 http://...

2019-08-05 16:06:11 637

原创安卓模拟器Genymotion下载安装

下载Genymotion地址因为Genymotion运行需要VirtualBox，如果电脑上没安装过VirtualBox，建议选这个版本。

2019-08-05 13:49:37 633

原创 angular8版本父子组件传参报错 @ViewChild()

ERROR in src/app/component/refresh/refresh.component.ts(14,4): error TS2554: Expected 2 arguments, but got 1.解决办法//加上{static: false}@ViewChild('divContent',{static: false}) divContent: ElementRe...

2019-08-01 16:27:06 1831 1

原创 ionic4本地通知Local Notifications

本地通知Local Notifications1.安装插件ionic cordova plugin add cordova-plugin-local-notificationnpm install @ionic-native/local-notifications2.在app.components.ts中引用import { Component } from '@angular/co...

2019-07-31 17:43:08 1852

原创在linux服务器上安装xshell、xftp、nginx，部署前端打包的dist项目

1.下载、安装xshell，xftphttps://www.netsarang.com/zh/xshell/如果是自己用可已使用免费版的填完之后在邮箱打开下载链接下载并安装2.登录xshell填写主机名之后点击“确定”点击会话列表选项，点‘连接’linux服务器一般用户名填写root，填写完成之后点‘确定’填写密码，点‘确定’，登录xshell成功3.登录Xftp...

2019-07-26 16:02:37 3275 3

原创 Linux服务器安装pcre库

用到的命令//下载wget https://netix.dl.sourceforge.net/project/pcre/pcre/8.40/pcre-8.40.tar.gz//解压tar -zxvf pcre-8.40.tar.gz//进入安装包目录cd pcre-8.40//编译安装 ./configuremake && make install//...

2019-07-26 10:38:52 1545 1

原创 elementUI angular适合做H5吗

在angular项目中用了这么久elementUI，今天来总结一下使用element-angular过程中遇到的坑1.Radio 单选框样式单一，不能重新设置按钮颜色，尺寸只有large, small，主要适用于web端，h5端也可用2.Checkbox 多选框样式不好做调整3.Input 输入框相对来说，使用情况比较顺畅4.InputNumber 计数器在h5中，样式不好做调整...

2019-07-19 13:20:44 2275

原创 React中响应式原理

今天看flutter文档，上面讲了react的响应式原理，觉得讲的通俗易懂，摘抄下来，以后复习方便React中响应式原理1.开发者只需关注状态转移（数据），当状态发生变化，React框架会自动根据新的状态重新构建UI。2.React框架在接收到用户状态改变通知后，会根据当前渲染树，结合最新的状态改变，通过Diff算法，计算出树中变化的部分，然后只更新变化的部分（DOM操作），从而避免整棵树重...

2019-07-18 17:50:02 9277

原创 vue封装Checkbox多选框组件

1.效果展示2.代码checkList.vue代码<template> <div class="radio"> <label class="title">{{title}}</label> <a href="#" v-for="(item, index) in options" :key=...

2019-07-05 14:11:10 2759

原创 vue封装Radio单选组件(有禁用选项、默认选项的单选框)

1.效果展示2.组件代码radio.vue代码：<template> <div class="radio"> <label class="title">{{title}}</label> <a href="#" v-for="(item, index) in options" :key="...

2019-07-04 16:55:51 6975 1

原创 JS中的数据类型

1.js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Undefined,Null），和一种复杂数据类型（Object）2.typeof操作符检测变量的数据类型var a = 1;console.log(typeof a) //numbervar b = 'hello world';console.log(typeof b); //string...

2019-07-03 17:31:41 585

原创 angular封装slider滑动条组件（支持小数）

文章目录1.先展示滑动条效果2.使用angular命令快速创建组件3.代码4.在项目中引用创建的组件1.先展示滑动条效果2.使用angular命令快速创建组件ng g c component/slider打开slider.component.ts文件，可以看到selector的值是app-stepsimport { Component, OnInit} from '@angular/...

2019-06-19 18:00:38 1992 1

原创 Cordova+Framework7混合App开发

1.初始化Framework7项目执行以下命令git clone https://github.com/nolimits4web/Framework7-Vue-Webpack-Template my-app//进入项目文件npm installnpm run dev浏览器会默认打开localhost:8080想打包生产环境代码，执行npm run build-prod2.初...

2019-06-11 17:58:42 1225

原创 Flutter开发环境搭建(Windows环境下)

1.使用镜像由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn2.系统要求要安装并...

2019-06-06 18:00:39 457

原创搭建Iconic+angular混合APP开发环境

1.安装iconic clinpm install -g ionic-g意思是全局安装ionic -v2.创建项目ionic start ionic-angular tabs --type=angular–type=angular 是需要多加的参数，现在官方只集成好了angualr 或许以后就会有 --type=vue 或–type=react 呢新建好项目后你会发现，...

2019-06-06 10:55:19 1256 1

原创 angular RouterLink不工作，点击每一项不报错，不跳转页面

代码:<div class="footer"> <ul> <li routerLink='../home' routerLinkActive='active'>首页</li> <li routerLink='../trade' routerLinkActive='active'>交易中心</li> ...

2019-05-23 11:47:23 2941

原创 angular6 运行时报错 ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected.

错误信息：ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected.node_modules/rxjs/internal/types.d.ts(81,74): error TS1005: ';' expected.node_modules/rxjs/internal/types.d.ts...

2019-05-20 11:56:39 2734

转载 Git常用命令总结

写在最前面：这篇文章是我在博客园上看 my~sunshine大神总结的，知识点很全，在此分享并记录点击跳转TA的博客地址git init 在本地新建一个repo,进入一个项目目录,执行git init,会初始化一个repo,并在当前文件夹下创建一个.git文件夹.git clone 获取一个url对应的远程Git repo, 创建一个local copy. 一般的格式是git clo...

2019-05-15 10:53:37 294

原创 angular6打包时报错 ERROR in src\app\user.component.html(14,31): : Expected 1 arguments, but got 0

在用ng build --prod打包时报错ERROR in src\app\user\change-phonenext\change-phonenext.component.html(14,31): : Expected 1 arguments, but got 0.处理方法:查看函数是否传参我的错误代码ts文件 modifyPhone(number) { //函数中没有...

2019-05-14 15:23:08 9398 1

原创 angular6页面刷新时报HTTP Status 404 – Not Found

错误信息：HTTP Status 404 – Not FoundType Status ReportDescription The origin server did not find a current representation for the target resource or is not willing to disclose that one exists.Apache...

2019-05-14 10:05:31 1622

原创 JS字符串操作

JS字符串操作1.字符串转换2.获取字符串长度3.字符串切割4.字符串拼接5.字符串截取6.字符串替换7.字符串大小写转换8.字符串去空格9.查询子字符串10.返回指定位置的字符或字符编码1.字符串转换var num = 12;var str = num.toString() //"12"var num = 12;var str = String(num) //"12"var nu...

2019-05-08 15:45:56 327

原创 angular6使用ElementUI

1.npm 安装npm i --save element-angular2.引入CSS在styles.css中引入@import "~element-angular/theme/index.css";3.引入ElModuleimport { ElModule } from 'element-angular';4.无障碍使用<div class="page">...

2019-04-04 11:37:21 5540 2

原创 agular6组建之间监听@Input传值变化

文章目录1.引入OnChanges2.继承接口3.声明ngOnChanges4.整体代码1.引入OnChangesimport { Component, OnInit, Input, OnChanges } from '@angular/core';2.继承接口export class AlertComponent implements OnInit, OnChanges {}3...

2019-04-02 11:33:30 750

空空如也

空空如也