- 博客(111)
- 收藏
- 关注
原创 uniapp H5端在微信webview内单标题显示保留顶部导航栏的优雅解决方案
问题:uniapp H5端在微信webview内双标题目标/呈现结果:单一标题显示,显示微信webview标题,并且顶部导航栏存在,包含返回按钮解决方案:// template.h5.html<head> ... <script> window.onload = function() { const isWechat = /MicroMessenger/i.test(window.navigator.userAgent); if (!is
2021-12-17 14:23:41
2624
原创 uniapp设置全局样式的一个注意点
// app.vue<template>...<template><script>...</script>// 不要加scoped<style lang="scss"> @import '~@/styles/xx.scss';</style>
2021-11-17 20:34:42
632
原创 前端每日学习:万事开头难
对待任何事物,人从未知到已知,从已知到熟知,都是一个自我进化的过程。在这个过程中,人获得了新的知识,也获得了满足感。在这个过程中,人需要学习的动力,也需要明确学习的目的。这也正是我开辟这个专栏的原因,前端是计算机应用的一个典型应用,亦或是集合了人机交互,编程等无数学科和知识的职业。前端同后端一样,需要学习很多不同种类的知识,需要将学到的知识应用到工程实践中。但又不同于后端的是,前端需要平衡数据的呈现与极致的交互,在操作系统中,我把它比喻为协调缓存与内存的缓冲地带,数据的流动是时快时慢的,
2021-08-08 23:33:11
144
1
原创 几种存储方式的比较
相同点 不同点 LocalStorage 都是 window 的属性, 都能临时存储数据 1. 长期存储的数据写入LocalStorage 2. 无论窗口是否关闭,都会被存储,不会清空 SessionStorage 1. 临时会话的数据写入SessionStorage 2. 窗口关闭时,数据自动清空 相同点 不同点 LocalStorage 都能临时存储数据 ...
2020-08-12 21:20:13
590
原创 元素的对齐方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { m.
2020-08-11 16:15:23
480
原创 JSONP 与 同源策略
如有错误,欢迎批评指正!StackOverflow :What Is Difference Between Json and Jsonp? 同源策略:同源策略高赞老哥的回答:JSONP 是一种能够克服浏览器从 different domains 发送 JSON 请求到 client 限制时的方法。 补充:浏览器具有同源策略,它会阻止 making ajax call from different domains from server(禁止跨域调用)。...
2020-06-09 19:50:21
171
原创 jQuery 中的事件冒泡、事件捕获的一些细节
如有错误,欢迎批评指正!JavaScript 中的事件处理机制这个部分比较简单,不详细讲了jQuery 中的事件处理机制、事件默认行为事件冒泡浏览器大部分的事件都是支持冒泡的,只有少数事件不支持,比如:focus、blur。针对的,jQuery 中有focusin、focusout支持冒泡。 有两种方法可以取消绑定事件的事件冒泡: event.stopPropagation(); (该方法对 trigger 自定义事件同样有效。因为从jQuery 1.3 开始,trig...
2020-06-08 09:59:27
1698
原创 jQuery 中的 end 方法
如有错误,欢迎批评指正!jQuery 中的 end 方法,我从 stackoverflow 上的一个回答开始讲:原文链接:What does the .end() function do in jQuery?--------------------------------------------------$("body").find("span").css("border", "2px red solid");vs$("body").find("span").end().c.
2020-06-07 20:52:45
347
原创 jQuery 不同版本中 offsetParent 方法的终点不同的问题
使用 "jquery-3.4.1" 版本的 offsetParent 方法的终点是 html而使用 https://www.w3school.com.cn/jquery/jquery.js” 版本的 offsetParent 方法的重点是 body。这与原生 js 中的 offsetParent 方法的终点相同。
2020-06-06 22:06:56
179
原创 无缝轮播图
文章目录前言无缝轮播图写法一原理与实现步骤难点优缺点伪代码前言如有错误,欢迎批评指正!无缝轮播图写法一原理与实现步骤无序列表的移动列表的减速运动无缝实现锁(点击移动与默认移动的互锁)难点锁机制的设计、实现列表的减速运动优缺点优点缺点思维难度小、容易实现锁机制设计比较复杂伪代码<!-- html 代码 --><div class="wrapper"><!-- 无序列表 --> <ul>
2020-05-28 12:26:19
366
原创 dom 0 / 2级事件 & 事件流
总言dom 0/2 级事件、事件流是两个不同的概念。为了分辨它们(提醒自己),我写了此篇小记。如有错误,欢迎批评指正!dom 0/2 级事件dom 0 级事件:通过事件绑定的方式,给 dom 元素注册事件处理函数。它的特点是只能绑定一个事件(后面会覆盖前面)。dom 2 级事件:相比于 dom 0 级更加灵活(可以绑定多个、可以选择不同的事件流)解除 dom 0 级事件:dom.onXXX = false / null / undefined解除 dom 2 级事件:..
2020-05-26 21:53:01
225
原创 调试关于计时器的一个技巧
setInterval 、setTimeout 的调试,有一个技巧:var timer = null;function test() { console.log("begin"); // 计时器开始 clearInterval(timer); timer = setInterval(function() { if(xxx) { clearInterval(timer); console.log("
2020-05-26 21:35:29
917
原创 用正则表达式去掉html标签的属性
现在,我们有如下的一个字符串:var str = "<td style=\"width: 23px; height: 26px;\" align=\"left\">***</td>"; 首先,使用正则表达式匹配标签中的 ”属性名 = 属性值(包括了有引号的、没引号的)”var reg = /\s*[^=\s+]+\s*=\s*([^=>]+)...
2019-12-17 21:14:40
1658
原创 用正则表达式给 html 标签的属性值添加引号
现在,我们有如下的一个字符串:var str = "<a href = xxx name=aaa target=_blank title='asdfasf' onclick = alert('blueidea')>";注意到,里面有些属性没有打引号,那我们怎么做呢?首先,使用正则表达式匹配标签中的属性值(包括了有引号的、没引号的)var reg = /(?<...
2019-12-17 20:44:43
824
原创 web 规范
什么是web规范?我们以前端技术为例子,现在web中的前端技术主要是html+css+javascript。web规范就是对这些技术实现、开发所指定的标准。具体的来说,就是对w3c各个浏览器对各个功能的实现标准、对开发人员编写代码所要遵循的规范,程式等。还有这些技术之间组合使用时的特殊要求。下面是w3 / ECMA的官方文档:HTML: https://whatwg-cn.git...
2019-12-05 09:38:07
323
原创 重写 typeof 方法
function type(target) { var template = { "[object Array]": "array", "[object Object]": "object", "[object Number]": "number object", "[object String]": "string object", "[object Boolean]":...
2019-11-23 20:39:42
388
原创 Codeforces Round #551 (Div. 2)
A.一开始想用暴力来解决,但是应该要用数学来打败数学,计算每一种车最接近但是不小于t的时间然后取最小值#include <bits/stdc++.h>using namespace std;int main(){ int a[120],b[120],c[120]; int n,t,p,q; cin >> n >> t; ...
2019-05-07 17:26:43
124
原创 CodeForces - 1104D
交互题,二分一开始做的时候,没有思路,但是我知道用的应该是二分,但是卡在了取模操作。做法是:用二分区间试探,每次从[0,1]、[1,2]、...[2^k,2^k+1].在这一题上,锁定二分区间。之后,在区间中用二分法得到答案;#include <bits/stdc++.h>using namespace std;string s;int main(){...
2019-05-07 10:17:15
200
原创 Codeforces Round #534 Grid game
我一直没看明白题目意思,我以为是求在放置两个方块的过程中求与其他方块最小的相交的行数和列数。。。。。偏了十万八千里。。。。。其实题目的意思是,让我求在防止方块的过程中,不让方块重叠的情况下,每一个方块所在的最小行数和列数。题解:我看了网上大神的代码,感到很神奇。其实你只要让前两行或者后两行专门放置一种方块即可。。。。这样时间复杂度就是O(N)....反思:还是太菜了,连题目...
2019-04-29 19:46:05
149
原创 CodeForces - 777D
一道思维水题,但是我做的时候,tle了。。。之前的思路是从后往前一个一个比较字符串的字串,很明显超时,但是没有注意到。。。题解:因为字符的总个数不会超过500000,所以,可以从后往前一个一个比较字符,若相同,比较下一个,小于,比较下一个,大于,分两种情况:1:前面的都相同,那么就把后面的都删去2:前面的不全相同,那么后面的都加上错误代码:#include <b...
2019-04-29 10:37:49
227
原创 CodeForces - 777C
思维:预处理,时间复杂度O(k)一开始我用预处理+暴力,结果TLE100...后面搜索到题解,才知道可以算出以r为边界行上能到达的最上端的行+预处理即可。。。思维还是太僵硬了。。。。错误代码:#include <bits/stdc++.h>using namespace std;const int N = 100000 + 20;int n,m,k;ve...
2019-04-28 21:40:48
389
原创 CodeForces - 631E
知识点:三分+凸包三分法就是取区间的两个三等分点,然后不断逼近,时间复杂度是O(log3/2n)凸包就是单峰函数(可上可下),三分就是对严格凸包做逼近操作(要规定精度)。下面的代码还没到弄明白,以后再说吧:#include<bits/stdc++.h>#define rep(i,x,y) for (int i=(x);i<=(y);i++)#define l...
2019-04-28 17:09:58
252
原创 The 16th Zhejiang Provincial Collegiate Programming Contest (Element Swapping)
B.Element Swapping这道题目,我看错了题意,我以为是交换多次,实际上是交换一次。我们先设 x= ai*i+aj*j, x' = aj*i+ai*j则有x - x' = (i-j)*(ai-aj)同理,y - y' = (i-j)*(ai^2-aj^2)两个相除(假设分母不为0),得到(y-y')/(x-x') = ai+ajPS:1.注意分...
2019-04-28 14:37:54
202
原创 CodeForces - 631C
我做的时候毫无头绪。后面看到别人竟然可以用单调栈做,觉得很不可思议,但其实逻辑上并没有错。我参考了一位红名大佬的代码,时间复杂度是O(n),这个代码的巧妙之处在于:1.去掉了多余的操作,比如,若存在操作i和操作j,(i<j),而且 r【i】 < r【j】,那么操作i就是没用的,因为被j覆盖了2.使用两个数组,b【i】= x ,表示操作长度为i,它的单调性是x,c【j】...
2019-04-26 20:35:18
212
原创 CodeForces - 758D
很显然是贪心做法,从后往前取不超过n的数再乘上权重,相加即可。我做的时候也是想从后往前,但是我想用的是dp,用dp【i】【j】表示倒数第 i 位作为第 j 各权重的最小值#include<bits/stdc++.h>#define INF 0x3f3f3f3fusing namespace std;typedef long long ll;ll ans;ll...
2019-04-25 13:10:16
248
原创 CodeForces - 711E
这是一道非常好的数论题目:题解:知识点:1.鸽巢原理2.逆元3.勒让德定理(请自行百度)4.gcd转换公式5.暴力一开始我知识列了公式,但是就没法做下去了,其实,这一题的突破点在于gcd公式的灵活运用,我在这一方面还是欠缺啊。除此之外,pow函数在long long的运算中,不能直接代入,而要用一个变量来保存,我在这个上面debug了好长时间。。。。...
2019-04-24 21:42:04
200
原创 CodeForces - 758C
做这道题目的时候,我只顾着分类讨论了,可想而知,分类思想是对的,但是分支太多,极容易出错,又因为此题的数据量小,故可以通过暴力得到每一个点的次数。在这里,周期T等于1->n->2的循环,最后,比较大小即可得到答案。以后,碰到这种要分很多情况讨论的问题,先要找出规律,不能直接代码,否则事倍功半。#include <bits/stdc++.h>#de...
2019-04-23 19:37:39
198
原创 CodeForces - 711D
题目意思:给你一个有向图,顶点从1到n编号。边的形式是:1->x12->x2...n->xnx1,x2..xn是1到n问,若可以改变边的方向,那么有多少种有向图满足途中没有循环路径?显然,答案 = 2*(连通环1边数-2)* 2*(连通环2边数-2).... *2^(不构成连通环的边数)接下来,就是bfs判环在本题中,图中存在环的条件...
2019-04-22 22:27:08
189
原创 CodeForces - 711C
#include <bits/stdc++.h>using namespace std;typedef long long ll;const int N = 120;const int MAXN = 1000002000;int colour[N],n,m,k;int cost[120][120];ll dp[120][120][120];int main(){...
2019-04-22 16:16:29
252
原创 接下来的博客的风格
之前,由于太过沉浸于算法和模板,在网络赛中被各种吊起来锤。于是,我痛定思痛,决定不再专注于死板的已有的算法和模板,而是着力提升自己的思维水平,增强对题目的理解能力。以后的博客的知识量将会大幅缩水,但是对题目的理解和算法的设计将会是新的亮点,其实也本该如此。...
2019-04-20 17:24:36
160
2
原创 HDU2082
常生成函数-模板题#include <bits/stdc++.h>using namespace std;typedef long long ll;int num[30];ll a[55],b[55];int main(){ int t; scanf("%d",&t); while(t--){ for(int i = 1...
2019-04-19 09:40:53
274
原创 第三次模拟比赛(湘潭邀请赛第二次选拔赛)
G - Nested Dolls题目意思:题目解题思路:这是一个贪心题目,首先对h或者w按照从大到小排序,如果两个值相同,按照另一个值从小打大排序。之后两个for循环和一个vis标记即可#include<iostream>#include<cstdio>#include<cstring>#include<algorithm>us...
2019-04-15 20:09:10
154
原创 具体数学-求和
1.求和的三个定律"2.Iverson约定形式3.摄动法合并不相交和式4.摄动法分离一个单独项5.多重和式的分配律6.多重和式的次序交换(一)适用于J,K相互独立7.多重和式的次序交换(二)且必须满足:8.一个有用的变形9. (...
2019-04-15 13:18:38
997
原创 第二次模拟比赛(湘潭邀请赛第一次选拔赛)
A - Physics Exam题目意思:题目意思模拟即可,注意输入,用scanf(“% ”,&n),吃掉n后面的一个空格(或者换行)#include<iostream>#include<cstring>#include<cstdio>#include<iomanip>using namespace std;int n...
2019-04-09 15:47:36
218
原创 第一次模拟比赛(2015湖南省赛)
B - 大还是小?题目意思:给你两个“[整数部分].[小数部分]”的实数,每个实数长度不超过100位,问你两者谁大谁小?模拟高精度即可,先比较实数部分,若两者长度不同,长度大的数就大,若两者长度相同,从头比到尾。若实数部分相同,就比较小数部分,将他们放到一个数组里面,从头比到位即可。#include<iostream>#include<cstring>...
2019-04-09 13:10:12
253
原创 快速傅里叶变换与快速数论变换(一)
转载请注明目录转载请注明1.前言2.前提知识2.1秦九韶算法2.1.1介绍2.1.2算法的具体过程2.1.3 CODE2.2复数2.2.1虚数2.2.2复数及其属性2.2.3复数的运算法则2.2.4一种特殊的复数2.2.5欧拉公式2.3多项式的两种表示方式2.3.1系数向量法2.3.2点值法2.3.3两者之间的联系2...
2019-04-07 14:26:15
1828
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人