自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Sun~Neo

前端

  • 博客(45)
  • 收藏
  • 关注

原创 html2canvas 报错解决

解决:添加config属性。

2023-05-18 15:09:37 2047 1

原创 Canvas保存为图片

【代码】Canvas保存为图片。

2023-05-18 11:00:22 411

原创 WSL-Ubuntu网络配置

WSL-Ubuntu网络配置

2023-02-02 21:01:49 1072

原创 WSL-Ubuntu 安装、移动

WSL-Ubuntu 安装、移动

2023-02-02 19:17:26 761

原创 Linux(Ubuntu)安装node

Linux(Ubuntu)安装node。

2023-02-01 13:59:10 1216

原创 pnpm — Monorepo

pnpm + Monorepo

2022-09-09 12:44:27 696

原创 解决 Vite (Only file and data URLs are supported by the default ESM loader. Received protocol ‘node:‘)

解决 Vite (Only file and data URLs are supported by the default ESM loader. Received protocol ‘node:‘)

2022-07-25 21:13:20 11067

原创 pnpm(Run “pnpm setup“ to create it automatically, or set the global-bin-dir setting, or the PNPM_HO)

pnpm Error

2022-06-27 13:42:58 2849

原创 Angular 渲染 树结构 页面节点

1、数据结构(TypeScript)tree: any[] = [ { name: 'root', children: [ { name: 'child1', children: [] }, { name: 'child2', children: [] }, ...

2019-12-07 17:06:15 795

原创 mysql 登录 错误代码 1045(28000)解决办法

1、关闭mysql服务,备份安装目录下的data文件夹的用户所用数据库(一般db_ 开头的),bin目录同级2、修改mysql安装文件夹内的 my.ini 文件 搜索 [mysqld] 下面添加 skip-grant-tables 保存,重启mysql服务 3、 cmd bin目录> mysql -u root -p直接回车不用输入密码...

2019-10-27 15:29:30 1461

原创 java 多图片拼接 转 视频 AVI

1、引入jar包 Jim2mov.jar jmf-2.1.1e.jar 不引入第二个包 报错Exception in thread "main" java.lang.NoClassDefFoundError: javax/media/Media2、img2mov代码package img2mov;import java.io.File;import java...

2019-09-15 20:44:20 1838 5

原创 Echart4 关系图 Graph 节点点击折叠展开 (Angular6)

import { Component, OnInit, ChangeDetectionStrategy, ChangeDetectorRef, NgZone, ElementRef } from '@angular/core';import { TableServiceService } from './table-service/table-service.service'import *...

2019-07-21 21:44:58 2817

原创 Angular6+引入 Echarts4+ 并使用

1、安装 echarts (默认最新) npm install --save-dev echarts2、安装ngx-echarts(默认最新) npm install ngx-echarts --save3、Angular项目中引入 echarts 在 angular.json中(具体文件路径根据node_modules引入的版本路径)"project...

2019-07-13 19:41:28 1590

原创 Angular文件创建命令

// 生成组件带有模版ng generate component example 或ng g c example ng generate component example -it 生成内联模版(不会单独生成html文件)ng generate directive my-directive - 生成一个新指令ng generate pipe my-pipe - 生成一...

2019-06-16 13:25:33 3849

原创 Angular项目创建

1、安装 angular clinpm install -g @angular/cli2、检查环境是否配置ng -v3、cli 创建新项目ng new 项目名ng new my-app提示选择使用路由提示选择CSS预编译styles,选择less、sass、scss,默认CSS4、启动项目npm start访问http://localho...

2019-05-24 19:43:55 895

原创 weex 项目构建问题

1、页面中图片无法显示原因:未安装处理图片的loader安装loaderfile-loadernpm i file-loader url-loader -Dwebpack.common.conf.js 配置 分别在weexConfig和weexConfig 中找到module --- rules 中增加配置module: { // webpack 2.0 ...

2019-04-28 19:46:50 212

原创 国家电话区号JSON数据

【代码】国家电话区号JSON数据。

2019-04-28 17:49:28 1646

原创 Weex安装使用CSS预处理工具

Weex使用Less 安装 npm install --save lessnpm install --save less-loader 配置vue-loader 项目/config/vue-loader.conf.js 配置相关module.exports = (options) => { return { loaders: utils.css...

2019-04-27 12:51:40 592 2

原创 Weex 集成到 Android

1、安装Android StudioAndroid Studio 下载地址,以Windows为例 这里选择解压版解压后,找到 bin目录下运行程序这里 选择使用 Android Studio安装 SDK,SDK manager 需要代理(翻墙)成功几率小。选择要安装SDK的目录查看安装修改 .gradle 位置,每个版本安装依赖...

2019-04-25 18:56:55 946

原创 Weex项目创建

1、环境安装安装Node.js安装npm2、创建weex项目2.1、全局安装weex-toolkitnpm install weex-toolkit -g2.2、初始化项目(项目名全部小写)weex create 项目名weex create weex-app2.3、进入目录,安装依赖cd weex-appnpm install2.4、启动...

2019-04-24 18:43:07 391

原创 webpack起步

1、webpack安装1.1、安装最新NodeJS1.2、创建webpack-demo目录(cmd操作)mkdir webpack-democd webpack-demo1.3、初始化 package.jsonnpm init -y 1.4、安装 webpack 和 webpack-clinpm install webpack webpack-cli --sa...

2019-04-17 20:00:08 204

原创 npm 包 发布 vue 插件

1、注册npm账号npm 官网 验证邮箱 顺便查一查是否有重名插件,否则不能发布2、webpack-simple初始化 vue插件项目vue init webpack-simple 插件项目名vue init webpack-simple state-button? Project name state-button? Project description A ...

2019-04-16 21:57:39 487

原创 省市县(旗)、直辖市 JSON数据

https://github.com/maleSun/component/blob/master/script/city_json.json

2019-04-13 16:12:32 643

原创 Vue 提交表单

1、form标签@submit.prevent="submit($event)"<form @submit.prevent="submit($event)"><input type="text" class="form-control" placeholder="请输入姓名" name="username"><input type="s...

2019-04-13 15:34:15 44871 3

原创 Vue 路由跳转、返回某一页方式

1、映射路由 <router-link> 标签 to属性<!-- path跳转 --><router-link to="/home"> Home </router-link>index.jsimport Vue from 'vue'import Router from 'vue-router'import Home fro...

2019-04-13 15:03:58 11248 1

原创 Vue中keep-alive 缓存desroyed()不能执行解决办法

父组件:使用<keep-alive>,<keep-alive exclude=""> <router-view @public_footer="public_footer"></router-view></keep-alive><app-footer v-if="isFooter"></app...

2019-04-12 23:27:59 881 1

原创 常用SQL语句-- 操作【表】

1、新建表create table 表名 ( 列1 数据类型1(大小), 列2 数据类型2(大小), ......)create table table_city( id integer(8), name varchar(255), user char(8), time date(yyyymmdd))2、删除表本身及数...

2019-04-11 19:01:08 182

原创 常用SQL语句--表中行操作

表中行操作1、select--查询1.1、查询某一列select 列名 from 表名select name from table_city1.2、查询所有select * from 表名2、insert--插入2.1、默认插入选项insert into 表名 values (值1, 值2)insert into table_city values (...

2019-04-11 18:47:00 993

原创 Java数据库连接

package com;import java.sql.Connection;import java.sql.DriverManager;import java.sql.ResultSet;import java.sql.SQLException;import java.sql.Statement; public class ConnDB { private final st...

2019-04-11 17:22:55 211

原创 cookie、session、sessionStorage、localStorage区别

1、Cookie1.1、cookie内容主要包括 名字 值 过期时间 路径 域 1.2 、cookie特点cookie保存在客户端,服务器能够知道其中的信息 cookie不是很安全,别人可以分析存放在本地的cookie并进行cookie欺骗,考虑安全应当使用session cookies由服务端创建,发送给浏览器端,当用户发出请求...

2019-04-08 11:05:16 192

原创 Vue 当前页面刷新---其他页面跳转两种方式 data 数据状态 处理

1、vue当前页面刷新保存 data内某个数据值不重置//钩子函数 createdcreated() { //刷新当前页面 获取 changeStyle 对 data 设置 this.isFocus = JSON.parse(window.sessionStorage.getItem('newsFlag')) || 0;},methods: { //改变当前页...

2019-04-07 22:05:16 1285

原创 Vue切换组件,返回后不重置数据,保留历史设置

1、<router-view ></router-view> 外层包围<keep-alive></keep-alive>keep-alive作用将组件实例缓存下来<keep-alive> <router-view></router-view></keep-alive>2、清除组...

2019-04-06 23:33:12 6450 2

原创 Vue <template> 注意事项

1、创建temp.vue文件<template> <!-- 模板只能有一个根元素,其他模板内容只能包围在这里面 --> <div> 模板内容 </div></template>模板只能有一个根元素,其他模板内容必须包围在这里面,否则会提示Component template should contai...

2019-04-05 09:27:55 359

原创 vue-cli项目常用插件及支持安装

1、检查 node版本node -v2、全局安装 vue-clinpm install -g vue-cli或使用国内淘宝镜像npm install -g cnpm –registry=https://registry.npm.taobao.orgcnpm install -g vue-cli3、使用 webpack搭建vue init webpack vue-de...

2019-04-02 19:36:44 850

原创 github上传、预览Vue项目

1、建立Github库参考建立Github库2、构建Vue项目3、修改相应文件,达到预览效果3.1、修改 config/index.js在build中将 assetsPublicPath : '/' 改为assetsPublicPath : './'module.exports = { build: { // Template for index....

2019-03-18 14:45:15 455

原创 Vue嵌套路由

项目目录结构|-- src |-- components |-- index |-- page |-- index2 |-- router |-- index.js |-- App.vue |-- main.js1、App.vue&lt;template&gt; &lt;-- HT...

2019-03-16 17:11:43 189

原创 CSS设置复选框、单选框样式

HTML&lt;input type="checkbox" name="check" class="check"&gt;&lt;!-- 单选框同此 --&gt;CSS1、需要取消单选框自身样式.check { display: inline-block; vertical-align:middle; appearance: none; /* 取消自身块样式...

2019-02-27 18:00:14 1695 1

原创 JS正确获取元素真实的高度(clientHeight)

1、获取元素自身document.get...系列; //第一种方式document.querySelector('myBox'); //第二种方式2、设置页面样式(在你获取的一系列height都是一个值的时候)html,body{ height:100%;}不设置,就是元素中最高的元素撑起页面的高度。巨坑!...

2019-02-25 20:27:54 5239

原创 Vue项目中 vue-waterfall-easy 瀑布流框架使用

1、Installation(安装)进入到项目当前文件夹,执行命令:npm install vue-waterfall-easy --save2、引入vue-waterfall-easy2.1、main.js中引入import vueWaterfallEasy from 'vue-waterfall-easy'2.2、当前vue文件包含组件export defau...

2019-02-22 17:05:44 6878 5

原创 jQuery 和其他框架共用($ 问题)

jQuery 和其他 JavaScript 框架大多数框架都习惯使用 $ 作为简写。若使用两种不同的框架时使用相同符号作为简写(例:$),可能会导致脚本的运行。所以jQuery创建了  noConflict()  方法。noConflict() noConflict()会释放对  $ 符号的控制,然后就可以供其他脚本使用。而另一种方式就是使用全名代替简写达到相同的效果:$.noC...

2018-11-25 17:44:30 210

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除