- 博客(63)
- 收藏
- 关注
RSS订阅原创 Flutter安装与安装问题记录
安装当flutter添加进path后运行flutter doctor查看是否缺少其他环境，建议每安装一个环境重新查询一次。步骤下载flutter将flutter/bin加入用户环境变量path下载Android Studio配置Android Studio环境，参考文章：https://www.jianshu.com/p/332205db002c新建环境变量ANDROID_HOME，值为SDK根目录添加X:\Android\SDK\tools、X:\Android\SDK\platform
2022-03-28 12:50:01
7262
原创 Electron Builder （vue-cli-plugin-electron-builder） 打包后显示无法找到第三方模块问题解决方案之一
使用的是：Electron Builder文档为：https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/#installation正片：开发完成后打包，由于内部文件引用了electron-log，打包后发现提示Cannot find module，于是开始寻找问题所在：查看了一些资料后，检查外层的package.json中的dependencies发现很全 "dependencies": { "core-js":
2022-01-11 10:36:52
4091
4
原创 关于支付宝小程序使用wxbarcode需要生成条形码的源码修改
参考版本基础库2.7.0及以上新版Canvas首先参考了这篇文章：https://blog.csdn.net/wh13267207590/article/details/102552024也是利用wxbarcode库，然后对其修改源码，步骤如下：首先修改/node_modules/wxbarcode/demo/utils/index.js，将其改为新版小程序的获取canvas方法var barcode = require('./barcode');var qrcode = require('.
2021-12-04 10:22:16
1519
9
原创 生成PDF保存为静态文件并返回服务器地址
最近项目需求，运行在微信浏览器的H5项目要下载PDF，该PDF还需要一些CSS3的效果，之前尝试了JSPDF，效果不错，但是无奈下载受限，于是先用html2canvas转图片糊弄，结果最近糊弄不过去了，准备让后台介入搞pdf，结果试了许久也没找到可以支持CSS3的转换（后台是PHP），于是决定自己用Node开发一个????需要3个插件 "express": "^4.17.1", "puppeteer": "^11.0.0", "log4js": "^6.3.0" 安装很简单，分别npm i 即可
2021-11-25 15:11:42
952
原创 图搜索法（广、深度优先搜索）
图搜索法（广、深度优先搜索）应用语言JavaScript构建一个图，结构如下：首先写一个类，包含添加顶点和边的方法图在JavaScript中的本质结构为：{ A:["B"], B:["A"], ...:[]}其中key代表顶点，数组代表连线，B:["A"]代表B与A相连，一般情况下A也会与B相连，为空时代表无连线function Graph() { this.vertexes = []; //顶点 this.edges = {}; //边 // 添加
2021-07-13 17:18:14
126
原创 KboneAPI部分bug修改
在使用KboneAPI时发现了很多BUG，于是着手修改源码showModal数据不会刷新的问题查看源码后发现内部的show方法仅做了修改display的操作，并没有对用户传入的数据做出相应的相应，所以会导致第二次调用时，传入数据无效，模态框使用的还是老数据。修改方案：src / interaction / modal.ts给show方法添加重置模态框参数的方法resetOptions： resetOptions(params = {}) { const options = Obj
2021-04-06 08:18:38
142
原创 KboneAPI Request设置自定义请求头报indexOf解决方案
设置kboneApi 请求头时碰到的问题header:{ "Token":"xxxx"},显示报错看了一下源码，直接写解决方案，将content-type一并写入header中： header:{ "content-type":"application/json", || "content-type":"multipart/form-data"等, "Token":"xxxx"
2021-03-10 15:46:34
185
原创 Echarts柱状图-每个柱子都是不同的渐变色
非常简单，直接上代码，修改option->series->bar的配置 { type: 'bar', data: [100, 200, 800, 100], barWidth: 30, showBackground: true, backgroundStyle: { color: '#0F173F' },
2021-01-19 10:42:20
1494
原创 IView + Vue2.0 树形插件拓展功能
IView树形插件拓展功能目标情景实例完整的vue最终实现的效果：目标点击文字可以展开树形结构，并可以获取到最内层项目。情景碰到一个需求需要使用树形插件，但iView的树形插件只能点击三角才能展开子项，新版本4.4.0提供的属性expand-node虽然可以点击文字展开，却没有提供可以获取到树最内层项目的事件，研究无果，索性打算拓展，放弃expand-node属性选用select-node属性，利用on-select-change来获得被点击的项目。实例组件：<Tree select-n
2020-10-28 16:01:20
747
原创 java jdk 1.8.0_144开发环境(Java SE Development Kit 8u144)
造福大众需要哪个版本自取https://pan.baidu.com/s/17WVTRdyUZjZOoyrOJri2-w提取码：8341
2020-10-19 21:22:38
3942
8
原创 Electron10版本打印机崩溃问题
经过多个版本测试，证实打印机导致程序崩溃为Electron版本问题，解决方案为退回到Electron9版本即可解决
2020-09-28 07:51:36
729
原创 win7中Electron使用SerialPort时的一些错误记录
安装首先在装好Electron的项目中安装SerialPort：npm install serialport使用然后在main.js中尝试使用：const SerialPort = require('serialport');const port = new SerialPort('COM1', { autoOpen: true}, (err) => { if (err) { return console.log(err.message); }});port.on(
2020-09-18 14:23:51
623
原创 关于Electron remote为undefined的问题
在学习的ELectron时碰到的问题，没有其他方面的问题，仅仅是remote无法饮用的情况下：解决方案由于Electron最新版本将enableRemoteModule默认值设置为false，所以要在新建BrowserWindow的时候将其打开才能使用： win = new BrowserWindow({ width:800 , height:600 , minWidth:800, minHeight:600, maxWidth:1000, maxH
2020-09-13 10:56:41
1375
原创 React-Context理解
React-Context类似广播功能可以无视props进行值传递，多用于共用值：例如：import React from 'react';const CommonUse = React.createContext( "公用参数");export default class UseContext extends React.Component{ constructor(props){ super(props); } render(){ ret
2020-09-09 21:31:56
156
原创 React-router 5.2.0 + React 16.13.1 路由守卫的简单实现
这几天从Vue转react，学习一下全家桶。React-router很强大， 但是文档是纯英文而且不直接提供类似Vue的路由守卫，所以需要手写路由守卫，下面是一个写法，可参考，路由守卫的作用都知道，就不再赘述，最基础的功能就是对登录状态进行一个简单的验证。首先创建几个页面： Home：主页 Login：登录 Error：路由出错的展示页面(404) 然后创建router.js用来编写路由配置步骤：1.import必要的组件：import React fro
2020-09-08 15:18:56
1754
原创 qrcode获取图片链接在安卓/ios上的问题
最近项目使用qrcode生成二维码，制作图片预览时出现了一个问题，在ios端使用document.querySelector('img')时没有问题，可以获取到图片及链接，但是在Android端(HuaWei mate10)则无法获取到，最后通过查看DOM结构发现在Android中img是没有图片链接且display为none的，只有canvas，所以使用canvas转码实现图片预览：//获取canvas：var canvas = document.querySelector('can
2020-08-16 12:20:59
952
原创 伪类选择器添加阿里图标的方法
阿里图标库下载源码得到iconfont.css@font-face {font-family: "iconfont"; src: url('https://at.alicdn.com/t/iconfont.eot?t=1572835366254'); /* IE9 */ src: url('https://at.alicdn.com/t/iconfont.eot?t=1572835...
2019-11-18 18:06:49
1346
原创 请求头部带Token -- node.js Express模拟CORS
1.什么是跨域？通过XHR实现Ajax通信的一个主要限制，来源于跨域安全策略，默认情况下，XHR对象只能访问与包含它的页面位于同一个域中的资源，这种安全策略可以预防某些恶意行为。2.什么是CORS？CORS(Cross-Origin Resource Sharing) -- 跨域资源共享，W3C的工作草案，定义了在必须访问跨域资源时，浏览器与服务器该如何进行沟通，CORS背后的基本思想...
2019-08-28 13:14:08
1932
原创 Vue computed中set和get的简单使用 -- 表格的loading
在Vue的计算属性computed中，可以定义get和set，话不多说上例子：使用iview admin做项目，目前做到表格方面，那么问题来了，表格数据使用异步请求，如何在数据到之前显示loading呢：<template><div> <Table :loading="loading" :data="tableData1" :columns="ta...
2019-04-04 17:20:31
2709
原创 iview admin 使用mock.js模拟数据
最近在使用ivew admin做项目，为了前后端分离使用mock模拟数据，记录步骤：1.文件结构：2.打开src / mock，新建文件glbr.js：3.编写需要模拟的数据结构：import Mock from 'mockjs'import { doCustomTimes} from '@/libs/util';export const getHospital...
2019-03-27 16:39:47
2545
原创 ECMAScript 6的一些注意点 第四部分（对象扩展）
对象的扩展1.属性简洁表示法 -- 允许在对象中写入变量和函数：let name = 'jack';let person = {name};person //{name:"jack"}let Person = {name:name};Person //{name:"jack"}属性名为变量名, 属性值为变量的值2.简写方法（method）：let obj = { ...
2019-03-01 16:45:51
184
原创 ECMAScript 6的一些注意点 第三部分(数组的拓展)
拓展运算符1.由三个点组成(...)，将一个数组转为用逗号分隔的参数序列2.扩展运算符后面还可以放置表达式，貌似仅限数组中使用const arr = [ ...(x > 0 ? ['a'] : []), 'b',];3.后面是空数组，不产生任何效果。4.扩展运算符如果单独放在括号中，JavaScript 引擎就会认为这是函数调用。如果这时不是函数调用，就会报错...
2019-03-01 13:52:32
191
原创 ECMAScript 6的一些注意点 第二部分(函数拓展)
函数拓展1.参数变量是默认声明的，所以不能用let或const再次声明。function a(x = 5){ let x = 1; //error}2.使用参数默认值时，函数不能有同名参数。function a(x,x,y){} //正确function a(x,x,y=1){} //错误3.参数默认值不是传值的，而是每次都重新计算默认值表...
2019-02-27 17:22:27
310
原创 ECMAScript 6的一些注意点 第二部分(字符串拓展 -- 数值拓展)
标签模板“标签”指的就是函数，紧跟在后面的模板字符串就是它的参数。 如果模板字符里面有变量，会将模板字符串先处理成多个参数，再调用函数。 函数的第一个参数是一个数组，该数组的成员是模板字符串中那些没有变量替换的部分。假设有以下函数：let a = 1;let b = 2;function tag(x,y){ return x,y;}tag`this is ${a} ...
2019-02-26 17:26:10
167
原创 ECMAScript 6的一些注意点 第一部分
什么是"暂时性死区"?在代码块内，使用let命令声明变量之前，该变量都是不可用的。var tmp = 123;let tmp; //报错typeof a; //报错let a = 1;// 不报错var x = x;// 报错let x = x;// ReferenceError: x is not defined如果区块中存在let和const命...
2019-02-25 17:21:35
153
原创 简单浅显的理解Vuex(初步)
Vue-CLI 3.0集成Vuex，默认文件为store.js内容：import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);export default new Vue.Store({ *****})官方文档中的五个状态:1.State 单一状态树，简单来说就是定义初始值的位置。state:{...
2019-01-02 17:18:43
498
原创 webpack4打包
webpack 4不再需要配置文件，下面来测试一下：首先创建一个目录：test然后使用cmd初始化npm init -y引入webpack4npm i webpack --save-dev继续引入webpack-clinpm i webpack-cli --save-dev这个时候我们的文件夹是这样的：然后修改package.json，加入build脚...
2018-12-28 22:22:12
482
原创 微信小程序wepy框架+minui踩坑之路
近期项目涉及微信小程序，鉴于原生小程序文件结构过于复杂，决定使用wepy框架开发wepy框架类似Vue的MVVM开发模式，并且支持promise与ES7 asnyc异步函数，记录一下项目开发过程中遇到的坑：1.minUI由于minUI与wepy框架兼容性较好，而且支持单组件导入，所以选择了minUI，使用方式官网有写，需要的组件直接npm安装即可，不过要注意的是，它的form组件对...
2018-12-28 09:40:45
2199
原创 微信小程序框架wepy获取授权
近期开发微信小程序决定使用Wepy框架，对比原生写了一下授权登录，在这里记录一下：(注释已经写详细)<script>import wepy from 'wepy'import 'wepy-async-function'import { setStore } from 'wepy-redux'import configStore from './store'const s...
2018-12-19 08:27:55
3407
原创 JavaScript函数式编程与函数柯里化(进阶一)
最近在学习JavaScript函数式编程，浏览了知乎前端大神的教程，故做简单笔记。/* ------------------------------------------------------------------------------------------------------------ 函数的纯与不纯*///对于相同的输入，永远会得到相同的输出，而且没有任...
2018-10-24 09:09:24
266
原创 微信小程序:双表单单按钮提交技巧
近日开发微信小程序中，遇到了双表单单按钮提交问题。首先：微信小程序中的form组件：<form bindsubmit="formSubmit">...<button class="primary" formType="submit" >提交</button></form>bindsubmit所对应提交的方法butt
2018-09-12 13:17:59
4524
原创 phython学习记录 基础篇
输出语句：print()输出单个语句:print("字符串")输出多个字符串:print('字符串','字符串')输出整数print(200)输出计算结果print('100+200=',100+200)/------------------------/输入input()定义name为用户输入的内容name = input()回车 输入字符串 "jack"回车...
2018-09-10 22:40:30
2259
原创 ES6 对象简写 计算属性 箭头函数 对象解构
//对象字面量 /* 以{}形式直接表示的对象 */ var book = { title:"Modular ES6", author:"Nicolas", publisher:"O`Reilly" } /* ...
2018-08-28 12:36:16
1283
1
原创 留言板功能+JSONP解决AJAX跨域
简单的留言板功能：预览图：实现功能：验证+异步存储数据库HTML：<div class="basic-grey"> <h1>留言区 <span>您可以在这里写出您的留言</span> </h1> <label>姓名：</label> <input type="t
2018-06-27 14:21:37
371
原创 原生JS轮播+jQuery改写轮播
原生JS实现过程：<!DOCTYPE html><html><head> <title></title><style type="text/css"> .container{ width:600px; position: relative; overflow: hidden; } .arrows{
2018-06-20 20:00:04
245
原创 Vue2.0 事件修饰符
事件修饰符：在时间处理程序中调用event.preventDefault()或者event.stopPropagation()是非常常见的需求，尽管我们可以在方法中轻松实现这一点，但是更好的方法是：方法只有纯粹的数据逻辑，而不是去处理DOM事件细节为了解决这个问题，Vue为v-on提供了事件修饰符，事件修饰符由.开头的指令后缀来表示的.stop.prevent.capture.self.once....
2018-05-18 20:15:42
1474
原创 Vue v-for
使用v-for把一个数组对应为一组元素用v-for指令根据一组数组的选项列表进行渲染v-for指令需要使用item in items形式的特殊语法，items是源数据数组,并且item是数组元素迭代的别名,v-for模块中，我们拥有对父作用域属性的完全访问限制 <ul> <li v-for="item in items"> {{item.message}} <...
2018-05-18 19:32:56
724
原创 Vue学习二 实例创建
Vue实例：创建一个Vue实例： 每个Vue应用都是通过Vue函数创建一个新的Vue实例开始的：var vm = new Vue({ //选项})Vue的设计受到MVVM模型的启发，当创建一个实例时，可以传入一个选项对象。一个Vue应用通过new Vue创建的跟Vue实例，和可选的嵌套的、可复用的组件数组成。数据和方法： 当一个Vue实例被创建的时候，它向Vue的响应式系统中加入...
2018-05-17 01:12:17
1329
原创 Vue.js 学习过程一 起步
什么是Vue.js 用于构建用户界面的渐进式框架，可以自底向上逐层应用最基础开始：声明式渲染 Vue.js的核心是一个允许采用简洁的末班语法来声明式的将数据渲染进DOM系统案例： html: <div id="app">{{message}}</div> js: var app = new Vue({ el:'#app', ...
2018-05-16 18:23:18
1924
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人