- 博客(20)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 移动端开发中遇到的难题总结1
1 用户分享海报需要加上自己的专属二维码实现当时 通过qrcode.js生成二维码，并通过绝对定位把生成的二维码图片定位到预设的位置，用户保存的时候使用html2canvas把html节点的内容保存为图片（base64）https://blog.csdn.net/allen_csdns/article/details/1034200262 运营要求在公众号的页面当中统计用户的访问行为 不使用第三方平台的的解决方案经过自己的学习和了解，知道了新浪使用了css 当中的:after伪类标签..
2022-07-07 22:21:15
224
1
原创 项目中进入腾讯IM
需求：当时公司要求快速的接入一个 Im聊天而不是自己开发 ，然后我就看到了腾讯im大概流程就是 引入sdk 然后封装 tim.js文件作为tim模块独立出来，引入对应的cos包，并导出tim实例，当时遇到的难题就是 userSig 签名 ，为了能在本地登录账户，需要利用客户端计算UserSig生成签名，再配上userID，就可以登录到IM系统， 后来我还是参考了官方的示例文件 GenerateTestUserSig.js和lib-generate-test-usersig.min.js来生成签...
2022-07-07 22:16:43
191
原创 中后台总结二
需求：自定义布局、自定义拖拽改变位置和大小解释： 有一些统计信息的展示界面，用户可以通过拖拉的形式来放置自己要看的信息（比如财务只想看 日流水统计 运营看 用户访问量 注册量） , 还可以调整窗口大小解决方式：自己开发的话成本较高；然后通过线上选型分析，最终使用了 vue-grid-layout来实现对应的功能https://github.com/jbaysolutions/vue-grid-layout ；选型的理由 该组件下载量大说明社区活跃，遇到了问题可以有更好的提问的渠道，而且该组件api
2022-07-07 22:14:41
94
原创 中后台系统的总结一
需求：需要支持自定义快捷键设置解释： 让用户可以在中后台设置快捷键 ，进行一些常规的弹窗拉起 ，比如录入操作 锁屏操作实现方式： 创建一张本地字典，可以支持用户输入快捷键并帮助他绑定相关事件。（一大串json，放到localStorage里面，例：{ keyBuy: 114, keySell: 115 } ）那么本地就会存储对应按键编码以及绑定的事件函数，按这些快捷键，就会监听相应的事件，触发对应的事件函数。...
2022-07-07 22:12:52
241
原创 react面试题（六到七部分）
第六部分：React1、React 事件绑定原理理解：react中的事件都是合成事件，不是把每一个dom的事件绑定在dom上，而是把事件统一绑定到document中，触发时通过事件冒泡到document进行触发合成事件，因为是合成事件，所以我们无法去使用e.stopPropagation去阻止，而是使用e.preventDefault去阻止。1.事件注册：组件更新或者装载时，在给dom增加合成事件时，需要将增加的target传入到document进行判断，给document注册原生事件回调为dispa
2022-05-16 19:44:41
693
原创 H5大前端面试第一版
#2021·HTML5大前端企业面试真题宝典第一部分：HTML5+CSS31、父元素和子元素宽高不固定，如何实现水平垂直居中第一种方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
2022-04-07 21:10:26
179
原创 JS第二周总结
一、数组1.定义按照一定顺序排列的一组值2.作用存储数据的容器3.数组元素数组元素可以是任何数据类型4.创建数组① 字面量法var 数组名 =[];var 数组名 =[数组元素，数组元素…];② new方法var 数组名 = new Array();var 数组名 = new Array（数组元素，数组元素…);5.区别当只有一条数据，且数据类型为number字面量法表示下标为0，长度为1，数组元素为此数字new方法表示长度为此数字，数组元素为empty（空）
2022-03-20 15:33:29
58
原创 javascript打印多种三角形
1.正三角形<script> //正三角形 document.write('<pre>') for (var a = 1; a <= 9; a++) { for (var b = 1; b <= a; b++) { document.write("*") } document.write("<br>") }</script>2.倒三角形<script> //倒三角形
2022-03-12 18:00:22
1265
原创 JS计算100以内偶数的和以及求1000-2000年中所有的闰年
1.计算100以内偶数的和<script> //计算100以内偶数的和 var a = 1, sum = 0; while (a <= 100) { if (a % 2 === 0) { sum = a + sum; } a++; } document.write('100以内偶数的和' + sum)</script>2.页面上显示出1000-2000年中所有的闰年，并以每行四个数的形式输出<scr
2022-03-12 17:51:37
1115
原创 JS函数总结
typora-copy-images-to: media函数-上引入：先问大家一个问题，大家洗过衣服吧？手动怎么洗？拿个盆，接水，放衣服，倒洗衣粉，洗，涮，拧干挺费劲的，有没有简便的方法？使用洗衣机，衣服放进去，倒上洗衣粉，按开关，一切就都搞定了在生活中这样的例子有很多，大到洗衣机空调，小到水龙头剪刀。每个工具都有自己不同的功能。为了生活方便简洁，就会使用这些工具。程序员是一群很会享受生活的群体，所以在代码中也有很多这样的工具，就是咱们今天要学习的函数。总结：代码中工具----函数概.
2022-03-12 17:45:52
234
1
原创 JS循环结构
typora-copy-images-to: media循环结构引入：操场一圈是400米，在运动会的时候，2000米的跑步比赛，我们需要绕操场跑5圈，如下图：示意图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DdxaAO8O-1647078160857)(media/1564369792589.png)]这就是一个循环，那么，在这个过程中，其实我们动作只是跑一圈，剩下的过程只是在重复。从计算机的角度来想，我们可不可以设定一个程序，让他自动跑.
2022-03-12 17:43:15
82
原创 JS逻辑分支
逻辑分支引入：我们在日常生活中，有很多事情是需要做判断的，比如说，去服装城买衣服，你看中一件衣服，老板要300元，你立马就会想，这个价格是否贵了，判断的结果只有两种可能，一是贵，二是不贵，贵了你就不买了，不贵你就买了。再比如去网吧，网管也要判断你是否满18岁，结果也只有两种，是和否，是就上网，不是就看别人上网，再比如，学校根据考试成绩对每个人进行评级，如果成绩大于60就合格，否则就不合格，如果成绩大于90，就优秀等等。。。在咱们的代码中，也会有很多判断，比如咱们做的练习，小红满足条件了，就能嫁人了，不满足
2022-03-12 17:42:03
68
原创 JavaScript Day01
JavaScript历史：网景公司（布兰登·艾奇）ECMAScript是一个标准，JavaScript是语言js概念概念：支持面向对象的跨平台脚本语言。理解： 脚本语言：依赖别的语言才能运行 html必须在浏览器中才能运行，js嵌套在html中才能运行 跨平台：可以在不同的平台上运行 windows、linux、安卓... 支持面向对象 使用面向对象的思想编程 应用场景： 表单验证：规范用户输入数据，和后台数据进行交互 网页特效：给页
2022-03-08 17:19:29
845
原创 写页面的注意事项和公共样式CSS
划分块 - 从上到下划分多个块 - 布局容器在布局容器中，需要版心：pc端：1200pxipad端：720px手机端：375px每个小块中 - 从上到下划分，再从左到右划分左右划分：每个划分的小块，用div，一行中所有div浮动 - 父标签清除浮动
2022-03-02 19:51:11
90
原创 用3d实现立方体效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2022-03-01 20:58:23
97
原创 过渡和2d
一、过渡的概念：让div从一个状态圆滑的改变到另一个状态，形成简单的动画效果单一属性：1.过渡的css属性：transition-property 值：css属性，css属性2.过渡时长：transition-duration 值：数字s3.设置速度方式：transition-timing-function①ease减速（比较快）②linear匀速③ease-in加速④ease-out减速⑤ease-in-out 先加速后减速⑥贝塞尔曲线（http://web.cha
2022-03-01 20:40:43
47
原创 用动画实现轮播效果（animation）
<style> .carousel { width: 520px; height: 280px; border: 3px solid #000; overflow: hidden; position: relative; margin: 50px auto; } .carousel ul { ..
2022-03-01 19:22:13
248
原创 过渡动画demo01的演示
过渡的概念：概念css属性允许某个或多个属性，从一个状态改变到另一个状态的过程中，慢慢地、圆滑地发生改变。可以产生一定的动画效果。例如：将div从原本的left属性为0的状态改变到left为300的状态，中间过程可以慢慢地进行。首先，给两个盒子，父子关系当我点击父元素时，子元素有过渡动画效果例：<style> .box { width: 500px; height: 300px; b
2022-02-28 17:44:34
202
2
空空如也
Pytjon爬虫：58同城搜索“会计”爬取第一页数据
2021-10-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人