上传geojson文件解析
parseGeson(context, fileInputId) { return new Promise(((resolve) => { var inputFile = document.querySelector(`#${fileInputId}`); inputFile.addEventLis ... 查看全文
webpack 提取css成单独文件 css兼容性处理 压缩css
提取css成单独文件 1.安装插件并引入 npm install mini-css-extract-plugin -D const MiniCssExtractPlugin = require('mini-css-extract-plugin') 2.配置插件plugins plugins: [ n ... 查看全文
循序渐进VUE+Element 前端应用开发(7）--- 介绍一些常规的JS处理函数
在我们使用VUE+Element 处理界面的时候，往往碰到需要利用JS集合处理的各种方法，如Filter、Map、reduce等方法，也可以设计到一些对象属性赋值等常规的处理或者递归的处理方法，以前对于这些不是很在意，但往往真正使用的时候，需要了解清楚，否则很容易脑袋出现短路的情况。本篇随笔列出一些... ... 查看全文
fastjson一个集合被多次引用的问题
public class A { private B b; private C c; public B getB() { return b; } public void setB(B b) { this.b = b; } public C getC() { return c; } public vo ... 查看全文
rails6 导入js依赖库css样式
If you have upgraded your app from an earlier version of Rails make sure you add the following line: Rails.application.config.assets.paths << Rails.ro ... 查看全文
html 和 js 压缩
1，js 压缩： 将 mode 改为“production" 即可，production 模式下，webpack 会自动压缩 js 文件 2，html 压缩： src / index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset ... 查看全文
## CSS 样式集合
字体属性：(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-heigh ... 查看全文
Python内置小工具（http.server，JSON，检查第三方库，pip高级用法）
# 一、1秒钟启动一个下载服务器 **在实际工作中，时常会有这样的一个需求：将文件传给其他同事。将文件传给同事本身并不是一个很繁 琐的工作，现在的聊天工具一般都支持文件传输。但是，如果需要传送的文件较多，操作起来就会比较 麻烦。此外，如果文件在远程的服务器上，则需要先将远程服务器的文件下载到本地，然后再通过聊天 工具传给同事。再或者，你并不是特别清楚要传哪几个文件给同事，所以，你们需要进行交流，而交流 的时间成本是比较高的，会降低办事效率。** **此时，如果你知道Python内置了一个下载服务器就能够显著提升效率了。例如，你的同事要让你传的文 件位于某一个目录下，那么，你可以进入这个目录，然后执行下面的命令启动一个下载服务器：** 查看全文
写一个简易的java项目(三) 前端用vue-element-admin模板
说了简易的项目 菜单什么一个一个写就太麻烦了。。 当然是用模板： vue-admin-template参考： https://gitee.com/CrazyStudent13/vue-admin-template vue-element-admin参考： https://panjiachen.git ... 查看全文
2020/6/5 Js简单日历、轮播图和JQuery
一、轮播图 <!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head> <body><img src="img/1.jpg" id="imge" onMouseMove="jieshu()" onMouse ... 查看全文
P5333 [JSOI2019] 神经网络 【树形dp,EGF】
题目链接 题目描述：给你 \(m\) 棵树，第 \(i\) 棵有 \(k_i\) 个节点。将这 \(m\) 棵树放在一起，任意两棵树之间连成完全二分图，得到了一个 \(\sum k_i\) 个点的无向简单联通图，求哈密顿回路个数。 数据范围：\(m\le 300,\sum k_i\le 5000\) ... 查看全文
canvas画布宽高设定---不能用css设置样式
在写demo练习canvas画图时，新建一个canvas画布，先将宽高写在了css中，没有在canvas标签中设定宽高，得到的效果是错误的，代码及效果如下， 正确的情况是一条45度倾斜从（10,10）到（200,200）的直线，但是显示的效果变形了。查阅资料找到了原因。 <canvas >中有默认宽 ... 查看全文
knockout.js
knockout.js 1.创建数据模型和监控属性 <!DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8" /> <script type="application/javascript" src="../js/knoc ... 查看全文
Emmet语法快速生成HTML结构
代码示例: 在编辑器中输入 div.one#two$*3>p{我是$}*2+a{a标签} ，按Tab键，会生成如下htmL <div class="one" id="two1"> <p>我是1</p> <p>我是2</p> <a href="">a标签</a></div> <div class="o ... 查看全文
java spring boot返回json的写法
java spring boot返回json的写法 (用于写接口) 加了 @RestController 控制器的返回值就会返回json了 package com.example.demo2122; import org.springframework.web.bind.annotation.Get ... 查看全文
el-upload配合vue-cropper实现上传图片前裁剪
需求背景 上传一个封面图，在上传之前需要对图片进行裁剪，上传裁剪之后的图片，类似微信的上传头像。 技术方案 上传肯定是用element的 el-upload 组件实现上传，非常方便，各种钩子函数。 裁剪一开始找的 cropper 看着功能到是非常齐全，api也比较丰富，基本是符合预期的需求的。但是此 ... 查看全文
webpack 之压缩js代码 和html文件
1.压缩JS代码，mode设置为production后,打包时自动压缩代码 mode:'production', 2.压缩html文件，html文件不需要处理兼容问题，压缩文件只需要在plugins中的HtmlWebpackPlugin中配置minify即可 new HtmlWebpackPlugi ... 查看全文
复习 | 重温jQuery和Zepto的API
jq和zepto很相似有许多共同的api，zepto也出了很多与jq不一样的api，总的来说，两者更相似，但是zepto更轻量一点，正好公司也在用，复习这两个没错 jq中的zepto的事件和ajax我没有整理，因为之前有专门的文章去详细的写了ajax和事件绑定的区别 再学ajax--第一天 再学aj ... 查看全文
什么！你想要封装好的ajax
ajax作为前端开发领域一个必不可少的内容，也是灵魂所在，今天就ajax的封装给大家做一个分析， 如果没有猜错的话现在基本上用原生去写ajax的意见不多了，这是肯定的 ，为什么这么说，jq的ajax大家肯定都很熟悉不过了前两年又出来的axios，因其简洁的语法与受到vue作者的青睐，一度热度居高不下 ... 查看全文
JS 2020/6/06 jquery bootstrap
操作属性 jsDom.getAttribute('class'); jsDom.setAttribute('class','add'); jsDom.removeAttribute('class'); jqDom.attr('class'); jqDom.attr('class','add'); j ... 查看全文
nodejs: express basic
express: web application framework 第一个express 基本应用： const express = require('express'); const port = 3000; const app = express(); app.use((req, res) = ... 查看全文