- 博客(49)
- 资源 (2)
- 收藏
- 关注
原创 打包体积分析和优化
1. 通过<script src="./vue.js"></script>方式引入vue、vuex、vue-router等包(CDN)2. core-js-----babel的一些降级处理(针对ES6的降级处理)(兼容低版本浏览器)webpack分析工具:webpack-bundle-analyzer。
2024-06-23 00:35:28
377
原创 排序-归并排序
之后 返回上一层,[3] 和 [1, 6] 合并,判断 3 比 1 大,先把 1 放到结果数组中,然后 3 比 6 小,把 3 放到结果数组中,最后把剩余的 6 放到结果数组,[1] 和 [6] 因为都只有一个元素,1 比 6 小,把 1 放前边,合并成 [1, 6]。合并 [2, 7] 和 [4, 5],2 比 4 小,先放 2,然后 7 比 4 大,放 4,7 比 5 大,放 5,最后放 7,接下来继续分割右面的 [7, 2, 4, 5],变成 [7, 2] 和 [4, 5]。
2023-03-28 17:26:30
418
原创 flutter app更新升级比较两个版本大小
// 版本比对 compareVersion(String v1, String v2) { List<String> v1Arr = v1.split('.'); List<String> v2Arr = v2.split('.'); var minVersionLens = v1Arr.length > v2Arr.length? v2Arr.length : v1Arr.length; var result = 0; fo...
2021-11-02 10:56:17
971
原创 flutter播放器皮肤fijkplayer_skip.dart低版本改插件源码支持倍速播放和快进播放
import 'dart:async';import 'dart:math';import 'package:flutter/material.dart';import 'package:fijkplayer/fijkplayer.dart';import './slider.dart' show NewFijkSliderColors, NewFijkSlider;String _duration2String(Duration duration) { if (duration.inMi.
2021-09-03 15:14:42
624
原创 flutter下载安装依赖包踩坑
1.配置国内镜像地址(添加环境变量--用户变量)2.下载依赖包flutter pub get(依赖包安装的位置)3.下载依赖包踩坑(主要是版本号)
2020-09-18 10:55:10
1468
原创 angular5中formArray动态赋值
this.editModel = fb.group({ level0: this.fb.array([ new FormGroup({ x: new FormControl(null), y: new FormControl(null) }) ]),}); for (let i = 0; i < level0.length; i++) { (this.ed...
2020-05-16 16:07:56
1325
原创 jquery动态向svg中添加图片image踩坑
let img; // img为图片地址base64 let svgImage = document.createElementNS('http://www.w3.org/2000/svg', 'image'); svgImage.setAttributeNS(null, 'width', '521'); svgImage.setAttribute...
2020-03-13 11:06:55
1588
原创 angualr5中响应式表单在RadioButton点击时valueChanges监听控件值的变化
this.validateForm.get('sale_type').valueChanges.subscribe(chage=> { console.log(change); });
2020-02-21 10:44:11
661
原创 angular5响应式表单动态添加元素
this.editModel = fb.group({ params: this.fb.array([ new FormGroup({ x: new FormControl(null), y: new FormControl(null) }) ]), }); // this.i...
2019-12-27 11:45:42
683
原创 JavaScript数组数据转为树结构数据
changeTree (data) { if (data.length > 0) { data.forEach(item => { const father_id = item.father_id; if (father_id !== 0) { data.forEach(ele => { if (ele.i...
2019-09-12 09:24:28
371
原创 Angular5HttpClient异步改同步Promise
login(data) { return this.http.post(`${environment.url.management}/api/login`, { 'type': 'xxx', 'data': data }).toPromise(); } async checkLogin() { const res = await t...
2019-08-07 11:06:53
3173
原创 angular5路由复用策略实现保存页面状态
import {ActivatedRouteSnapshot, DetachedRouteHandle, RouteReuseStrategy} from '@angular/router';/*** 自定义路由复用策略* */export class CustomReuseStrategy implements RouteReuseStrategy { public stati...
2019-08-07 10:51:40
1425
原创 Nginx反向代理
server { listen 8015; server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; location / { proxy_pass http:/...
2019-08-07 10:34:07
575
原创 http跨域携带Cokie请求
跨域在请求头中直接携带Cookie是会报错的,直接使用document.cookie将Cookie保存在浏览器,在之后的请求中会默认携带到请求头中,注意请求中要配置withCredentials: truedocument.cookie = 'X_GU_SID= ' + sessionStorage.getItem('sessionId') + ';path=/'; ...
2019-06-14 16:26:44
278
原创 angular5解决chrome等浏览器不能播放.m3u8视频流
1.安装video.js : npm install --save video.js安装videojs-contrib-hls.js: npm install --save video.js2.在.angular-cli.json的script标签中引入这两个依赖包3.在typings.d.ts中声明: declare var videojs: any;...
2019-06-14 16:14:49
2044
原创 angular4实现购物车全选、反选、单选功能
<div class="items" *ngFor="let item of data; let i = index;"> <input type="checkbox" name="checkSingle[]" class="my_checkbox singleCheck" (click)="check
2018-11-14 11:50:00
743
原创 angular4使用原生JS属性报错error TS2339: Property 'checked' does not exist on type 'HTMLElement'.
不能使用all.checked使用checked属性,要使用all['checked']。
2018-11-14 11:16:13
4251
转载 vue中前进刷新、后退缓存用户浏览数据和浏览位置的实践
vue中,我们所要实现的一个场景就是:1.搜索页面==>到搜索结果页时,搜索结果页面要重新获取数据,2.搜索结果页面==>点击进入详情页==>从详情页返回列表页时,要保存上次已经加载的数据和自动还原上次的浏览位置。最近在项目中遇到这个问题,思考了几套方案,总是不太完善。百度搜到的方案也基本都只能满足一些很简单的需求。对于复杂一些的情况,还是有些不完善的地方。以下是个人...
2018-09-28 14:23:56
469
转载 vue中路由传参
路由:vue路由传参方式有: query、params+动态路由传参1. query通过path切换路由, params通过name切换路由// query通过path切换路由<router-link :to="{path: 'Detail', query: { id: 1 }}">跳转页面</router-link>// params通过name切换路由&l...
2018-09-28 14:21:44
233
转载 文件上传input file默认样式修改
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>文件上传按钮修改样式</title><style>.file-box{ display: inline-block; position: relative; pad
2018-09-28 11:27:43
1805
原创 angular5父子组件的使用,运行时不报错,build时报错:
ERROR in : Type CompanyTreeComponent in D:/Project/ys-web1/src/app/system/manage/companyManage/companyTree/companyTree.component.ts is part of the declarations of 2 modules: CompanyMainModule in D:/P...
2018-09-17 14:32:35
574
转载 将JSON格式对象转为树形结构对象
changeTree (data) { if (data.length > 0) { data.forEach(item => { const parentId = item.parentId; if (parentId !== 0) { data.forEach(ele => { ...
2018-09-17 14:00:58
2308
转载 axios封装
import axios from 'axios'import qs from 'qs'import {Message} from 'element-ui'let Promise = require('promise')// 请求成功,返回的状态码不是200时调用const statusError = (err) => { Message({ showClose: t...
2018-09-11 13:56:46
215
原创 vue组件页面
<template> <div> <el-form :inline="true" class="search-from"> <el-form-item> <el-input placeholder="商品编号\商品标题\化学品名" v-model="search.keyword&qu
2018-06-11 10:55:11
742
转载 vue传值
1.父组件传递数据给子组件父组件数据如何传递给子组件呢?可以通过props属性来实现父组件:<parent> <child :child-msg="msg"></child> //这里必须要用 - 代替驼峰</parent>data(){ return { msg: [1,2,3] };}子组件通过props来接收数...
2018-05-04 14:27:04
292
原创 Node简单搭建服务器
const http = require('http');const hostname = '127.0.0.1';const port = 3000;const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); re...
2018-03-25 23:49:11
214
原创 Ajax笔记
什么是Ajax? Ajax被认为是Asynchronous JavaScript and XML的缩写。现在允许浏览器与服务器通信而无需刷新当前页面的技术都被叫做Ajax。 不用刷新整个页面便可与服务器通讯的办法: --Flash --java applet --框架:如果使用一组框架构造了一个网页,可以只更新其中一个框架,而不必惊动整个页面 --隐藏的frame --XMLHttpRe...
2018-03-25 23:47:54
200
原创 mysql命令笔记
Navicat for MySQL Enterprise Edition 8注册码:NAVJ-W56S-3YUU-MVHVNAVE-WAGB-ZLF4-T23K本机mysql在F:java大一实训目录下。密码:123456mysqld --install 安装mysql开启服务: net start mysql停止服务: net stop mysql直接登录数据库: mysql -uroot ...
2018-03-25 23:45:51
154
原创 Vue笔记
vue.js是一套构建用户界面(view)的的MVVM框架,vue.js的核心库只关注视图层,并且非常容易学习,容易与其他库或已有项目整合。vue.js的产生核心是为了解决:1.解决数据绑定问题2.为了开发大型单页面应用(SPA:single page application) angular.js中对PC端的支持比较好,但是对移动端支持一般, 而vue.js主要支持移动端,也支持PC端。3.它还...
2018-03-25 23:44:37
136
原创 Linux常用命令
虚拟机 + Linux系统Linux常用命令:1. ls (list 列表) ls -l显示的详细信息中: -rw-r--r-- drwxr-xr-x 一共10个字符,第一个字符表示文件类型,后面9个字符表示文件权限 -表示普通文件(文本文件和普通二进制文件) d表示文件夹(directory) l表示符号连接文件,后面会用->打印出它指向的文件 ...
2018-03-25 23:43:02
140
原创 Spring笔记
什么是Spring?Spring是一个开源框架Spring为简化企业级应用开发而生,使用Spring可以使简单的Javabean实现以前只有EJB才能实现的功能Spring是一个IOC(DI)和AOP容器框架具体描述Spring:--轻量级 :Spring是非侵入式的,基于Spring开发的应用中的对象可以不依赖Spring的API--依赖注入(DI、IOC
2017-03-06 23:32:20
229
原创 hibernate笔记
Hibernate框架什么是ORM?(object/Relationship Mapping)对象/关系映射利用面向对象的思想编写的数据库应用程序最终都是把对象信息保存在关系型数据库中,于是要编写很多和底层数据库相关的SQL语句。ORM主要解决对象-关系的映射:面向对象的概念 面向关系的概念类 表对象 表的行(记录)属性
2017-03-06 23:31:25
278
原创 JavaScript笔记
插入JS:插入JS代码document.write("开启JS之旅!");可以把html文件和js代码分开,单独创建一个js文件保存js代码。引用js代码: 例:one.js文件:alert("JS代码");js文件不能直接运行,需要嵌入到html文件中执行。我们可以将JavaS
2017-03-06 23:28:38
296
原创 JPA &Spring Date
JPA是什么?java Persistence API:用于对象持久化的APIJPA和Hibernate 的关系:JPA是hibernate的一个抽象(就像JDBC和JDBC驱动的关系)--JPA是规范:JPA本质上就是一种ORM规范,不是ORM框架。因为JPA并未提供ORM实现,他只是制定了一些规范,提供了一些编程的API接口,但具体实现则由ORM厂商提供实现--
2017-03-06 23:24:41
337
原创 第一个hibernate例子
package com.hibernate.zhang;import java.sql.Date;public class News { private Integer id; private String title; private String author; private Date date; public Integer getId() { return i
2017-03-06 23:15:52
199
原创 JDBC例2增删改查
package dao;import java.io.FileNotFoundException;import java.io.FileReader;import java.io.Reader;import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException;import ja
2017-03-06 23:12:03
199
原创 JDBC例子
package dao;import java.sql.Connection;import java.sql.DriverManager;import java.sql.ResultSet;import java.sql.SQLException;import java.sql.Statement;public class BaseDao { //连接数据库的方法 publ
2017-03-06 23:06:36
212
2017年前端开发大全百度云地址
2017-10-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人