- 博客(159)
- 收藏
- 关注
RSS订阅原创 Echarts 用GeoJson数据绘制地图
Echarts 通过加载DataV.GeoAtlas工具获取的GeoJson地图数据，绘制地图。一、先获取地图数据：数据格式分别选择包含子区域和不包含子区域各下载一份。二、Echarts利用数据绘制1.加载两份数据 //获取两份数据 const SX = await this.getWorldJson('shanXi') const SXNoSubRegion = await this.getWorldJson('shanXiNoSubRegion..
2022-05-30 17:12:47
5499
原创 uniapp plus.sqlite
uniapp中进行APP本地数据库操作,利用HTML5+的api及数据库语言可进行数据库表的创建删除，表数据的增删改查。SQLite模块用于操作本地数据库文件，可实现数据库文件的创建，执行SQL语句等功能。<template> <view> <view class="db-info"> <view> 数据库名:{{dbName}} </view> <view> 表名：{{dbTable}
2022-05-19 11:52:51
3627
原创 echarts 图表随外层div尺寸调整大小
vue中使用echarts ，让图表随外层div尺寸调整大小Echarts中提供方法：echartsInstance.resizeFunction(opts?: { width?: number|string, height?: number|string, silent?: boolean}) => ECharts改变图表尺寸，在容器大小发生改变时需要手动调用。参数 opts opts 可缺省。有下面几个可选项： widt..
2021-02-08 11:55:11
5084
2
原创 vue-draggable-resizable-gorkys使用，方法添加自定义参数
vue-draggable-resizable拖拽组件使用时，在提供的方法上添加自定义的参数，如dragstop，resizestopd都自带有参数（left、top、widtn、height），想把对应数组元素传进去<vdr v-for="(item, index) in list" :key="index" :x="item.left" :y="item.top" :width="item.width"
2021-02-08 11:44:17
2984
原创 Css 实现图片局部模糊
利用CSS3 filter(滤镜) 属性设置一张图片作为底图，一张用div包起设置定位和宽高通过设置filter模糊<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&
2021-01-07 16:37:40
2153
原创 禁止页面的所有a链接跳转（css、js方法）
禁止页面的所有a链接跳转1.css方法:a {pointer-events: none;}2.js方法：<script type="text/javascript">var a = document.getElementsByTagName("a");function stop(event) { //IE和Chrome下是window.event 火狐下是event event = event || window.event; if (event.prevent
2020-12-28 17:14:57
1797
原创 css 中 /deep/ 的使用
vue中组件的样式是有作用域的，默认是全局样式。如果不希望当前组件中的样式影响到别的组件，可以添加作用域。通过给style添加 scoped<style scoped></style>在有作用域的组件中如何给子组件设置样式？默认只能作用到子组件的根节点（组件的class 默认作用到组件的根节点）使用子组件的根节点本身的class类名如果是第三方组件，不知道它的根节点的类名，那就审查元素查看，或者添加一个类名//APP.vue<style sc
2020-09-18 17:02:16
1807
原创 PostCSS的配置文件
Vue中使用Vant组件库时，需要使用rem单位，使用了以下两个工具：postcss-pxtorem是一款 postcss 插件，用于将单位转化为 rem lib-flexible用于设置 rem 基准值在使用PostCSS 时提供了一份基本的 postcss 配置，可以在此配置的基础上根据项目需求进行修改module.exports = { plugins: { autoprefixer: { browsers: ['Android >= 4.0', '..
2020-09-16 15:38:25
3527
原创 购物商城系统设计与实现总结_购物车
用户进入购物车页面对其进行查看和管理。系统在商品详情页提供了加入购物车按钮，用户在浏览时遇到自己心仪的商品，但又暂时不想购买或犹豫不决，可以将其加入购物车以便二次查询。在购物车里中点击商品可以进入对应商品详情页再次浏览，除此之外还提供了全选，单条/选中删除，结算等功能。购物车内标题栏有全选框，显示的每条商品信息前也有勾选框，点击批量删除或结算可以一次性对选中的商品进行对应功能处理。购物车界面如图删除单条产品，当用户点击某条商品信息后对应的红色删除按钮时，即可删除对应商品。删除所有选中的产品.
2020-07-01 17:01:53
2529
原创 购物商城系统设计与实现总结_商品列表展示页的实现
商品分类展示页面和关键字搜索所显示的商品页面，只是传入的信息不同，重复调用了相同的子组件。子组件为商品列表组件和详细信息组件，点击列表页展示的商品时，跳转到对应商品详情页。列表页用到的分页功能单独制作为分页组件，通过父子组件传值来与商品列表组件联系，点击分页组件的上/下一页以及对应页号时可以展示不同的商品。商品列表分页功能主要通过数据库查询语句select-limit来实现，点击不同分类时传入对应字段category的值以及预先设定好的展示数量，查询数据库product表将对应数据返回渲染到页面。而搜索
2020-06-15 16:37:10
3838
1
原创 购物商城系统设计与实现总结_登录功能的实现
用户只有登陆系统后才能使用全部功能，例如购物车和个人订单，否则点击这些功能都会跳转到登录页面。登陆页面填写信息有误时，都会显示错误提示，可以点击重置按钮，将输入框置空重新输入。若没有账号，可点击左下角提示文字跳转到注册页面进行注册。登陆成功后会弹出提示框提示成功。<template> <div id="Login"> <div class="login_box"> <!-- 头像区域 --> <div .
2020-06-14 18:08:24
1805
原创 购物商城系统设计与实现总结_注册功能的实现
用户点击注册按钮会跳转注册界面，按照系统提示要求，填写用户名、密码和一些非必填的个人信息以及验证码后，点击注册按钮即可进行注册。各输入框中会有输入提示，并且输入框在失焦时就会立即进行判断填写内容是否符合提示要求。在输入不符合要求时，有错误的对应输入框下会显示红色提示信息，当输入修改正确后信息会自动隐藏。<template> <div id="Register"> <div class="reg_box"> <!-- logo区域 --&
2020-06-14 17:51:46
824
原创 购物商城系统设计与实现总结_商城首页的实现
用户从浏览器进入商城系统首先展示的是商城首页，而且我利用了Vue的组件化开发，路由切换即页面局部渲染的改变。我制作的商城，在切换其他页面例如详情页、购物车时，头部和尾部都不发生变化，只有中间部分渲染为对应点击的内容。首页分布有大部分主要功能的按钮例如用户登陆注册、购物车、订单、商品搜索、分类，所以首页是商城功能点击触发的主要页面。并且首页还有热门商品轮播图展示，频道广场，商品推荐等模块。<template> <div id="Home"> <div c
2020-06-14 16:40:54
2060
原创 购物商城系统设计与实现总结_1整体结构
系统设计实现成功的整体回顾总结：这是一个购物商城的前台系统，用于用户注册登录后进行浏览购物，并通过购物车和个人订单进行管理。系统前端使用了vue框架，后端利用Express搭建主要进行数据库操作，通过Axios进行交互，数据库使用Mysql并用Navicat可视化管理。系统制作是通过网上视频资料学习Vue和Express内容，然后边学边做的。项目前后端分离，xttshop是利用vue脚手架搭建项目结构制作的前端界面，xttshop_api是利用Express搭建的后端服务器。xttsho
2020-06-14 16:20:37
2050
原创 vue+express开发,利用axios交互。总结
Vue响应式数据绑定和组件化开发（单页应用）Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。响应式实现页面数据和代码数据的自动同步更新，使开发可以简化为操作业务数据，跟视图层分离组件化开发将页面不同功能的模块独立开发，使开发更加条理清晰和独立vue-cli 是 运行在 NodeJS 环境下 帮助我们开发 基于Vue框架的项目 的脚手架。创建的项目目录结构：├──
2020-06-02 11:18:23
1456
原创 用@keyframe实现图片轮播
通过keyframe实现4张图片轮播通过无序列表放置5张图片，第5张和第1张相同，使当第4张播放时后方不会出现空白每个li放置一张，li浮动，使图片位于一行，超出框子的隐藏（框子设置overflow:hidden;）通过ul向左移动，第四张移出后返回原位，再次重复移动，实现轮播的效果未隐藏时效果图<!DOCTYPE html><html lan...
2020-01-08 21:50:29
2180
2
原创 利用@keyframe 、transition 分别实现图片移动效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2020-01-08 21:13:50
1432
原创 HTML 引用小图标
阿里巴巴矢量图标库里有各种类型小图标，引用这些图标代替绘制或PS很方便。阿里巴巴矢量图标库将需要的图标加到自己项目里，会生成链接代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content...
2020-01-07 11:46:24
3479
2
原创 Html 定位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2020-01-07 11:08:46
191
原创 Css 命名 id和class
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2020-01-07 10:54:46
111
原创 Css 外链式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2020-01-07 10:50:43
8340
原创 Css 样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2020-01-07 10:45:59
124
原创 HTML 学习 表单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-12-27 11:38:56
82
原创 HTML 学习 表格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-12-27 11:23:22
82
原创 HTML 学习 列表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-12-27 09:18:35
83
原创 HTML 学习 超链接
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-12-27 08:44:39
112
原创 HTML 学习 img
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compati...
2019-12-27 08:33:56
221
原创 利用python发邮件
import zmailmail_content={ 'subject':'邮件标题', 'content':'邮件正文', 'attachments':'...', #添加附件}server=zmail.server('...','...') #发件人账号 ，密码server.send_mail(['...'],mail_conte...
2019-01-21 20:11:53
166
原创 创建文件夹与压缩文件夹
#导入必要的包import requests,osfrom lxml import etreefrom urllib.request import urlretrievefrom urllib.parse import urljoinimport zipfile3文件夹创建dir_path='天堂图片网/' os.makedirs(dir_path,exist_ok=True...
2019-01-21 20:05:34
1266
原创 获取图片地址并下载图片
#获取图片地址import requestsfrom lxml import etreea=requests.get('http://www.xiaohuar.com/hua/') #....get('网页地址')b=a.contentc=etree.HTML(b)img_src=c.xpath('//img/@src')print(img_src)#存储图片...
2019-01-21 19:58:30
2163
原创 urljoin网址拼接处理
url是统一资源定位符，对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址urljoin在python中用于将相对路径拼接得到绝对路径from urllib.parse import urljoinfull_url = urljoin('http://www.baidu.com','/kw/1.jpg') #如果第二部分不完整则将第一部分拼接上去...
2019-01-21 19:35:08
1298
原创 校花网数据采集
目的： 从一个网页下载图片在打开网页的图片上右键点击“检查”，显示以下图片内容 import requests #requests: 负责获取网页源码from lxml import etree #etre...
2019-01-21 19:23:24
1016
原创 语法分析器设计与实现
一、实验目的编制一个递归下降分析程序，实现对词法分析程序所提供的单词序列的语法检查和结构分析。二、实验内容利用 C 语言编制递归下降分析程序，并对简单语言进行语法分析。2.1 待分析的简单语言的语法用扩充的 BNF 表示如下：⑴<程序>：：=begin<语句串>end⑵<语句串>：：=<语句>{；<语句>}⑶<语句>：：=&l...
2018-04-22 15:56:32
8555
转载 编译器（汇编器）开发工具Flex和Bison的使用方法之Flex
点击打开链接 编译器和汇编器在工作过程中，往往完成如下的任务： (1) 读取源代码并且获得程序的结构描述； (2) 分析程序结构，并且生成相应的目标代码。 Flex和Bison就是为可以帮助完成以上任务。Flex将源代码文件分解为各种词汇(token)，Bison找到这些词汇的组成方式。下面通过例子讲述它们的使用方法，在Cygwin环境下调试。 1...
2018-04-01 21:09:26
2550
转载 flex&bison 学习笔记
点击打开链接最近在学习开源数据库 PostgreSQL 的解析器部分，需要用到 flex 和 bison，花了一些时间学习了一下，把目前已经搞清楚的地方和大家交流交流。如果有不对的地方，欢迎指正1. flex 和 bison 是什么东西？用来干什么的？flex和 bison 是两个用来生成程序的工具（这两个工具的用途很广泛，这里只说它在 PostgreSQL 中的使用）。在 PostgreSQL ...
2018-04-01 21:00:17
16087
5
原创 C - Asteroids
点击打开链接DescriptionBessie wants to navigate her spaceship through a dangerous asteroid field in the shape of an N x N grid (1 Fortunately, Bessie has a powerful weapon that can vaporiz
2017-08-21 13:42:47
326
原创 B - Girls and Boys
点击打开链接Descriptionthe second year of the university somebody started a study on the romantic relations between the students. The relation “romantically involved” is defined between one
2017-08-21 13:41:16
223
原创 A - 过山车
点击打开链接DescriptionRPG girls今天和大家一起去游乐场玩，终于可以坐上梦寐以求的过山车了。可是，过山车的每一排只有两个座位，而且还有条不成文的规矩，就是每个女生必须找个个男生做partner和她同坐。但是，每个女孩都有各自的想法，举个例子把，Rabbit只愿意和XHD或PQK做partner，Grass只愿意和linle或LL做partner，P
2017-08-21 13:39:09
316
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人