Demo
关注
分享
扫一扫
文章平均质量分 55
存在常用的小案例，提供思路，工作中长遇见的应用
别动我代码儿
这短短的一生，我们最终都会失去。你不妨大胆一些，爱一个人，攀一座山，追一个梦。
——大鱼海棠
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript解密之旅-----数据级联显示
文章目录省市县三级联动一、 需求分析二、 实现方案二、 同类数据处理省市县三级联动项目中经常会遇到省市县三级联动,地址自动匹配一、 需求分析实现效果是,三个省市县 select 下拉菜单依次联动下拉省初始化加载数据,市与县是通过上一级确定的范围更新应用技术是JQ city.js 数据二、 实现方案<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-08-31 15:48:21 · 1520 阅读 · 0 评论 -
VUE框架应用包---------微信二维码应用
微信二维码：说明: 项目中的场景中对文章的进行微信输出二维码，或者二维码进行扫描跳转链接。应用：提示：这里可以添加要学的内容例如：1、 VUE安装包安装QR包npm install --save qrcodejs22、 引用导入import QRCode from “qrcodejs2”3、 页面使用<template> <div class="qrcodeimg"> <p id="qrcode"></p>原创 2021-04-28 16:43:44 · 1338 阅读 · 0 评论 -
项目场景-------滚动条横向竖向同步滚动
项目场景之滚动条横向竖向同步滚动1. 项目场景：提示：项目上有个自动化数据比对工具需要在视图进行滚动条双向监听滚动：2. 属性描述：提示：涉及到几个属性值需要了解： // 垂直滚动条 // scrollHeight;--------->可滚动的高度 // clientHeight;--------->滑块的高度 // scrollTop; --------->已纵向滚动的距离 // 水平滚动条 /原创 2021-04-15 15:21:59 · 3199 阅读 · 0 评论 -
RSA 非对称公私钥加密前端应用
RSA 非对称公私钥加密前端应用1.项目应用场景：项目中涉及到保密，敏感信息为了提高信息安全一般都会进行加密处理。今天项目经理要求将cms后台管理系统中密码用RSA加密2. 涉及到的文档及说明非对称加密，加密与解密使用的密钥不是同一密钥，对中一个对外公开，称为公钥，另一个只有所有者知道，称为私钥。 用公钥加密的信息只有私钥才能解开，反之，用私钥加密的信息只有公钥才能解开（签名验签）。 代表：RSA算法。速度慢，适合少量数据加密。对称加密算法不能实现签名，因此签名只能非对称算法3. 代码原创 2021-03-07 21:42:53 · 1714 阅读 · 0 评论 -
ckeditor预览样式解析问题解决（重点第三项）及动态加载js方法汇总（二）
项目场景：提示：随着开发的深入，发现编辑器用起来确实有需要注意的点开，下面总结了几个建议点：预览过程中，标签样式不起作用编辑文本的过程中，文本超出换行与预览页面显示不一致不支持wps赋值黏贴，仅仅支持个浏览器最高版本在支持预览样式的情况下，需要加载ckeditor5.js暴露的问题加载失败。问题描述及原因分析：：提示：预览过程中，编辑器自带标签样式不起作用，需要进行加载ckeditor5.js，在使用的预览盒子上使用ck-content类，进行样式关联。编辑文本的过程中，文本超出换原创 2020-12-23 18:34:55 · 3855 阅读 · 0 评论 -
ckeditor图片上传及预览展示问题解决
项目场景：提示：上回分析了ckeditor的简单应用，因为交互关系我采用的是JQurey,用的是upload的方法现在用接口联调的过程中遇到图片上传及显示的问题如下：图片上传文件所需要的参数找不到，file图片位置调整，尺寸调整不够便捷数据返回后样式不符–所见即所得保存数据和解析数据只能是行内样式标签形式问题描述及原因分析：：提示： //1. 图片上传文件所需要的参数找不到，file class UploadAdapter { constructor(l原创 2020-12-16 16:24:04 · 3344 阅读 · 0 评论 -
ckeditor使用----跳坑之旅
Ckeditor基本介绍CKEditor 5 Builds是一组即用型富文本编辑器。本次使用背景是基于对现有富文本编辑器产品换基础上进行替换（项目之前使用的是weboffice商用收费的）鉴于本项目产品话成本考虑进行替换。基本使用介绍在大多数接触新功能之前，我们常常要做的就是写Demo，看一下现有的效果能否满足现有的产品功能。ckeditor5官网入手的方式建议先引入cnd的方式进行功能里了解，第二是利用在生成的方式，如果在此期间需要什么功能在进行npm相关插件，然后build为成压缩包原创 2020-12-06 12:06:58 · 15926 阅读 · 0 评论 -
随机倒计时抽奖
<!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-03-14 09:09:30 · 940 阅读 · 0 评论 -
贪吃蛇设计概念
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...翻译 2020-03-14 09:07:39 · 2396 阅读 · 0 评论 -
工作总结之dargsort.js
dargsort.js工作中今天要实现一个列表排序，框架想了很久没太看明白后来去GitHub找了相关资源，与大家分享一下。【三年前停更了，不过也很香】首先介绍一下dargsort.js；dragsort 是一个 JavaScript 文件，允许用户在 jQuery 框架上通过拖拽来来做列表排序（如果有些同志们需要兼容各端浏览器还有ie8可以借鉴一下）用法相对来说还比较容易上手，介绍几个属性dragSelector:作为拖放句柄的列表项内元素的CSS选择器，默认元素本身dragEnd:在拖原创 2020-08-03 22:07:42 · 827 阅读 · 0 评论 -
vue--搜索，添加，删除小案例
<!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-UA...原创 2020-02-23 15:48:06 · 1354 阅读 · 0 评论 -
vue--基于vue写的增删改查
1.动态生成<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta ht...原创 2020-02-22 22:50:01 · 871 阅读 · 0 评论 -
JQuery--手风琴，留言板
1.手风琴<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> ul { list-style: none } * { margi...原创 2020-02-22 22:47:17 · 1559 阅读 · 0 评论 -
原生js--手写轮播图
1.原生手写轮播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title> <style type="text/css"> * { padding: 0; mar...原创 2020-02-22 22:47:37 · 3047 阅读 · 0 评论 -
原生js--选项卡全选反选，选项卡切换,模拟搜索框，微博发布（带时间）,注册协议倒计时
1.全选反选按钮<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } ...原创 2020-02-22 22:47:57 · 872 阅读 · 0 评论