前端
文章平均质量分 50
qq_18932003
编程爱好者
展开
-
前端工作中常用 CSS 知识点整理
近期的生活是在是有点太美好了的,让我都觉得像是在做梦,哈哈哈哈哈,幸福的生活,莫过于此,你说是吧,莎老板,我也要更加努力的加油才是。,这里笔者直接记录的使用方式,也是为了使用的时候更加的直观,这里说下,在使用线性渐变的时候,使用。通常在做响应式布局的时候,以及大屏的时候很常用的,从而实现在不通。一样,通过为其设置渐变颜色后,实现的渐变,后面的数字。,当背景区域与背景图片的宽高比不一致的情况下,如果只设置了一个值,那么第二个值默认会被设置为。,当背景区域与背景图片的宽高比不一致时,去控制渐变,会更加的灵活。原创 2024-02-28 08:05:07 · 294 阅读 · 0 评论 -
bootstrapTable jqGrid使用总结
q前端原创 2022-07-29 14:57:22 · 579 阅读 · 0 评论 -
如何获取整个网页上完整的html内容
前端原创 2022-07-31 11:10:03 · 1406 阅读 · 0 评论 -
JSON数据行转列的应用
先说说为什么要弄什么行转列。时间 类别 费用 2014-07-08 电费 120 2014-07-08 水费 23 2014-07-09 电费 44 2014-07-09 水费 77 2014-07-10 电费 45 2014-07-10 水费 21 2014-07-11 电费 34 2014-07-11 水费 27 ...转载 2022-03-25 08:42:03 · 698 阅读 · 0 评论 -
前端上传大文件怎么处理
前端上传大文件怎么处理 - 掘金转载 2022-03-20 21:31:35 · 1338 阅读 · 0 评论 -
rem布局解析+大屏自适应
屏幕适配 - 随笔分类 - 浮-生 - 博客园大屏上的全屏页面的自适应适配方案 - Blog of Leon Zhang元素高度自适应屏幕高度解决方案 - youyi2016 - 博客园原创 2022-02-09 21:11:17 · 517 阅读 · 0 评论 -
vue.js datav 使用教程
介绍 | DataVvue 使用DataV数据可视化组件_阿威的博客-CSDN博客dataV大屏在vue中的使用_采花小盗周的博客-CSDN博客Vue 中使用dataV 轮播表 适配 大屏 rem 解决方案_缤芬治的博客-CSDN博客vue 使用datav构建大屏项目_驻守、流年的博客-CSDN博客https://blog.csdn.net/weixin_47459930/article/details/119817296?utm_term=vue%E4%BD%BF%E7%94%A8da原创 2021-12-14 20:35:54 · 1116 阅读 · 0 评论 -
微信小程序开发
https://github.com/Tencent/weui-wxss/https://github.com/wechat-miniprogram常用示例 | 微信开放文档黑马程序员微信小程序开发前端教程_零基础玩转微信小程序_哔哩哔哩_bilibili微信小程序weui的使用 - 惊蛰丶 - 博客园微信小程序用npm导入WeUI以及使用_weianl的博客-CSDN博客_小程序使用weui微信小程序实现多选框全选与取消全选功能示例-编程脚本学习网https://www.jb5原创 2021-11-14 22:01:02 · 260 阅读 · 0 评论 -
如何在全屏模式下自动打开网页
利用JS最真实的模拟鼠标点击 - 贝尔塔猫 - 博客园如何在全屏模式下自动打开网页?我正在寻找一个解决方案,以打开一个网页自动在全屏模式,而不期待用户按F11或任何其他浏览器指定的键。我找了很多,但我就是找不到解决办法。是否有脚本或库或特定于浏览器的API可以帮助我实现这一点?请注意,由于(Chrome)安全原因,不能自动调用或执行它,必须先与用户进行交互。(如按钮单击、按键/按键等)addEventListener("click", function() { var原创 2021-11-13 18:17:53 · 691 阅读 · 0 评论 -
JavaScript实现动态添加的元素添加点击事件
在页面开发过程中常常遇到需要动态添加元素,然后给这一元素绑定相关事件的情况,这种情况下一般需要给元素加上相关属性,然后写这些元素的事件函数即可。动态添加的元素怎么绑定事件呢?原生JavaScript原生JavaScript主要有2种实现方式,第一种是在动态添加的html代码中添加oclick事件,然后传递一个唯一的参数来判断点击的是哪个,然后做相应的操作。第二种是通过事件委托的原理进行处理,事件委托将一个 事件监听器实际上绑定到整个容器,然后每个列表项被点击就可以访问,这样效率更高。具体的.原创 2021-10-25 08:04:03 · 14153 阅读 · 0 评论 -
chrome 全屏 的两种方式
新建脚本start.bat自动全屏模式"C:\Program Files\Google\Chrome\Application\chrome.exe" --kiosk http://cn.bing.com/1“C:\Program Files\Google\Chrome\Application\chrome.exe”是chrome程序路径这种全屏显示和正常状态下chrome按F11是不一样的,F11全屏后chrome会在左下角显示A标签的链接地址,同时鼠标移动到最上方会弹出退出全屏的提示转载 2021-10-20 17:20:01 · 6115 阅读 · 0 评论 -
apicloud+Vue.js使用指南
apicloud+Vue.js使用指南(源码+设计思路)_黄河爱浪-CSDN博客_apicloud vueapiCloud中引用vue.js的用法_weixin_43368635的博客-CSDN博客在apiCloud中引用vue.js主要是使用vue的双向数据绑定,vue模块可添加在 apiready中生效,添加vue后,初始化页面的函数需要在created中执行,代码如下:apiready = function () { var app = new Vue({ el: '#m...原创 2021-10-20 17:16:20 · 1029 阅读 · 0 评论 -
使用APICloud敏捷式开发总结,回顾开发一个完整APP过程。
使用APICloud敏捷式开发总结,回顾开发一个完整APP过程。掘金原创 2021-10-15 12:24:25 · 71 阅读 · 0 评论 -
Bootstrap-Table 表格插件
Bootstrap-Table 表格插件 - 简书Bootstrap Table ExamplesJS组件系列——表格组件神器:bootstrap table - 懒得安分 - 博客园Bootstrap-table 使用总结 - 老王和小杨 - 博客园Bootstrap table 服务器端分页示例_u013425609的专栏-CSDN博客_bootstrap 服务器分页Bootstrap Table 中文文档(完整翻译版) - 本木木 - 博客园...原创 2021-10-11 10:37:05 · 374 阅读 · 0 评论 -
整理前端大屏资料
bigscreen: 收集可视化大屏资源,各类可视化大屏文件,图片,资源大屏适配解决方案掘金你可能需要这样的大屏数字滚动效果掘金基于等比缩放的大屏自适应方案掘金如何解决前端多语言选型和实现难题?掘金echarts图表文字如何适配大屏分辨率掘金...原创 2021-10-15 12:00:05 · 181 阅读 · 0 评论 -
一款纯前端类似excel的开源在线表格!
????Luckysheet ,一款纯前端类似excel的在线表格,功能强大、配置简单、完全开源。相关链接源码 文档 Demo 插件Demo 论坛 Github 在线文档 在线Demo 导入Excel Demo 中文论坛 Gitee镜像 Gitee在线文档 Gitee在线Demo Gitee导入Excel Demo Google Group 插件 excel导入导出库: Luckyexcel 图表原创 2021-10-09 08:59:51 · 1703 阅读 · 0 评论 -
Grid.js - 跨框架的前端表格插件
只想简简单单画个表格,但 React,Vue,Angular,…,这么多前端框架,各自都有不同的表格渲染库。就没有表格库能“一次画表,到处运行”吗?来看看 Grid.js 这个跨框架的前端表格插件吧!简介Grid.js,是 Github 上 grid-js 组织开源的前端表格插件,代码仓库在https://github.com/grid-js/gridjs,目前版本为 1.4.2。Grid.js 的标语是A table library that works everywhere也即是.原创 2021-10-09 09:00:15 · 3065 阅读 · 0 评论 -
大屏可视化 设计尺寸 高级指南
前言大屏可视化的设计尺寸定义,一直是很多设计师苦恼的一件事,很多时候大屏出现的问题,都是因为对设计尺寸没有一个正确的认识导致。比如大屏内容呈现不全、拉伸、压缩、字号小的看不见等等,出现这样的问题就会浪费时间调整返工,本期我们就来认认真真的讨论一下大屏的设计尺寸。大屏的类别及成像我们设计的可视化大屏通常可以分为两类:一类是拼接屏,由46-55寸的液晶显示屏拼接而成,有一定的缝隙;一类是LED屏无缝隙,是由成千上万个LED灯构成像素点,发光像素点之间的距离是LED...原创 2021-10-05 10:02:48 · 498 阅读 · 0 评论 -
jQuery选择器
jQuery的核心思想就是:选取元素,对其操作。jquery选择器对开发有以下优势:写法简洁,不需要考虑主流浏览器是否支持某些选择器(jquery支持css1-css3),不需要考虑浏览器报错(jquery有完善的错误处理机制)。很多时候写jQuery代码的关键就是怎样设计合适的选择器选中需要的元素。jQuery选择器主要有三大类,即css基本选择器,css位置选择器和过滤选择器。一、CSS基本选择器1、最基本的选择器jQuery的css选择器借鉴了css选择器的语法。有3种最基本的转载 2021-10-03 12:51:11 · 84 阅读 · 0 评论 -
我在JavaScript开发项目中使用最多的9种数组方法
我做后端编程以及很长时间,于是,我决定学习前端的JvavScript技能。在学习 JavaScript 的过程中,我发现了大量的学习JavaScript的资源。我将 八二法则应用到我的学习中,并决定只学习那些在项目中广泛使用的方法。我遵循先做的方法,并在我掌握了基础知识后立即投入到项目开发中。在过去几周的时间里,我就做了 24 个项目,发现有 9 种数组方法是使用的最多的。今天,我就将我发现的在JavaScript中使用最多的9种数组方法分享给你。1、map()map() 方法是迄今为止原创 2021-09-19 07:52:46 · 166 阅读 · 3 评论 -
49个工作中常用的CSS样式整理汇总
1、文字超出部分显示文字单行文字的文字显示忽略号(一定的文字) p{ width:200rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }多行文本显示关注号 p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clam转载 2021-09-16 08:21:48 · 553 阅读 · 0 评论 -
33个JavaScript常用函数封装方法汇总
这是我在实际开发中常用的一些js函数方法,今天总结了一下,以便以后查询,有需要的小伙伴可以参考下。有些人或许会觉得忘了百度就完事儿,No no no!这事儿我真的亲自实践过好多次,百度一次记住了还好,记不住下次碰着了还得找度娘简直是拉低工作效率。1、加载js||css|| style const loadRes=function(name,type,fn){//加载js||c...转载 2021-09-15 18:43:25 · 1743 阅读 · 0 评论 -
JavaScript 变量定义
JavaScript 变量定义语法:var 变量名称(易于理解的命名)命名规则变量名区分大小写,允许包含字母、数字、美元符号($)和下划线,但第一个字符不允许是数字,不允许包含空格和其他标点符号变量命名长度应该尽可能的短,并抓住要点,尽量在变量名中体现出值的类型禁止使用JavaScript关键词、保留字全名变量名命名方法常见的有匈牙利命名法、驼峰命名法命名方法介绍1. 匈牙利命名:开头字母用变量类型的缩写,其余部分用变量的英文或英文的缩写,要求单词第一个字母大写。i...原创 2021-08-28 08:47:45 · 244 阅读 · 0 评论 -
jquery 定义插件
t316<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery-3.5.1.js"></script> <script> //jQuery插件 //定义插件 进一步优化,参数...原创 2021-08-14 17:09:32 · 93 阅读 · 0 评论 -
jquery 检测操作
t306<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery-3.5.1.js"></script> <script> //检测操作 //$.isFunction(fn) ...原创 2021-08-14 17:08:53 · 170 阅读 · 0 评论 -
jquery事件
t205<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery-3.5.1.js"></script> <script> $(function () { //内容..原创 2021-08-14 17:04:53 · 247 阅读 · 0 评论 -
jquery动画
t250<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery-3.5.1.js"></script> <script> //显示和隐藏 //.show 和 .hide 无.原创 2021-08-14 17:05:34 · 77 阅读 · 0 评论 -
jquery 查找兄弟元素
t286<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> p{ margin: 6px 0; }</style> <script src="../js.原创 2021-08-14 17:06:35 · 3831 阅读 · 0 评论 -
jquery 样式操作
t195<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery-3.5.1.js"></script> <script> $(function () { //样式操.原创 2021-08-14 17:03:52 · 148 阅读 · 0 评论 -
jquery 动态增减元素
t176<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery-3.5.1.js"></script> <script> $(function () { //删除元.原创 2021-08-14 17:03:00 · 170 阅读 · 0 评论 -
jquery 伪类选择器节点操作
t148<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .select{ display: none; }</style> <script src=.原创 2021-08-14 17:01:57 · 490 阅读 · 0 评论 -
jquery 选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery-3.5.1.js"></script> <script> $(function () { //id选择器 .原创 2021-08-14 17:00:46 · 85 阅读 · 0 评论 -
动态创建Table每行随机换色
最近在学习javascript,所以写下例子,练习一下,记录今天,方便以后查看! JavaScript用的是静态私有变量,每个实例都没有自己的私有变量。 Css代码如下:table {max-width: 100%;background-color: transparent;border-collapse: collapse;border-spacing: 0;}.table {width: 100%;margin-bottom: 20px;}.table th,.table td {原创 2021-05-23 07:47:46 · 159 阅读 · 0 评论 -
thinkphp6和layuimini开发的easyadmin后台权限管理系统实例
基于thinkphp6和layuimini开发的easyadmin基础版本已发布拥有完善的菜单管理,注解权限等基础功能,对常用的基础功能进行封装,减少代码的编写量。适用于需要快速开发的外包项目以及个人项目,欢迎大家来学习以及使用。项目地址:github:https://github.com/zhongshaofa/easyadmingitee: https://gitee.com/zhongshaofa/easyadmin官网地址:http://easyadmin.99php.cn文档地原创 2020-05-30 20:24:15 · 1362 阅读 · 0 评论 -
JS中MAP的用法示例,创建,赋值,清空,拷贝等,以及MAP工具类
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title>JS中MAP的用法示例</title> <script> ...原创 2019-11-14 09:51:08 · 656 阅读 · 0 评论 -
小程序云开发多表查询
关联表学习文中代码并不是实际代码,伪代码不可直接运行。功能:用户 喜欢 文章表 用户表(users) id username 唯一标识,没有登录的可直接使用 _openid 用户名 文章表(articles) id title content 唯一标识 标题 内容 关联表(relati...原创 2020-03-24 12:59:42 · 1102 阅读 · 0 评论 -
自己博客园一些写得比较好的文章移植
#### 闲谈[前端基础知识概述 -- 移动端开发的兼容适配与性能优化](https://github.com/chokcoco/cnblogsArticle/issues/25)[【前端性能】高性能滚动 scroll 及页面渲染优化](http://www.cnblogs.com/coco1s/p/5499469.html)[【前端性能】浅谈域名发散与域名收敛](https://g...原创 2020-03-23 15:48:19 · 155 阅读 · 0 评论 -
AES 算法在 Objective-C、Java、JavaScript 中的使用
在很多项目中,需要iOS、Android、Web、服务器之间做数据交互,主要涉及 Objective-C、Java、JavaScript。加密方面,采用了 AES 算法。 但是有个问题,虽然各个平台都对 AES 有实现,但是为了使用方便,各自都采用了自己的默认值,并且由于数据类型方面的差异,导致平台间的加解密不能正常进行。 这里的 Demo,分别整理了 Objective-C、Jav...原创 2020-03-23 14:24:26 · 198 阅读 · 0 评论 -
小程序云开发入门---云数据库数据源的导入与导出
视频讲解地址:https://edu.csdn.net/course/detail/9604我们用小程序云开发来开发小程序后台时,基于小程序云开发操作后台操作起来不是很方便,我们有时候就需要把源数据到出进行统一修改,然后再导入到云开发数据库。先来看下,我们要导出的数据长什么样。这是我们在小程序云开发控制台看到的数据,如果我们想批量修改其中某些字段时,操作起来特别麻烦,这时候我们就需要...转载 2020-03-07 16:55:37 · 1148 阅读 · 0 评论 -
小程序云开发轻松实现后台数据批量导出功能
小程序导出数据到excel表,借助云开发后台实现excel数据的保存实现思路1,创建云函数2,在云函数里读取云数据库里的数据3,安装node-xlsx类库(node类库)4,把云数据库里读取到的数据存到excel里5,把excel存到云存储里并返回对应的云文件地址6,通过云文件地址下载excel文件一、创建excel云函数关于如何创建云开发小程序,这里我就不再做具体讲解。不知道怎么创建...转载 2020-03-07 16:53:56 · 2071 阅读 · 0 评论