- 博客(30)
- 收藏
- 关注
RSS订阅
原创 前端项目记事说
总想写点什么，但又不知道自己写什么好，自己设计原理图，自己开始些项目，自己动手操作，自己设计一个项目，自己一步一步动手开始，围绕着自己的思路一步一步开始写东西，不会落下每一步的流程，自己写出整个项目结构。为什么会有这么一个思路，你这个思路是怎么来的，你为什会想着设计这么一个项目，初衷是什么，你设计这个项目是为了实现一个怎样的功能，完成一个怎样的实现，你这项目应该是来自于显示灵感之中，还是来自于客户的需求，还是来自其他的一些东西，这个项目的灵感来自哪，你想要实现一些功能，你实现的这个项目相关的功能需要进行怎样
2021-06-25 21:14:33
76
原创 手写promise核心部分
function版 ( function(window) { const PENDING = 'pending' const RESOLVED = 'resolved' const REJECTED = 'rejected' function Promise(executor) { let callbacks = [] this.
2021-10-28 21:25:23
139
原创 力扣刷题开始
2021/10/251.在柠檬水摊上，每一杯柠檬水的售价为 5 美元。顾客排队购买你的产品，（按账单 bills 支付的顺序）一次购买一杯。每位顾客只买一杯柠檬水，然后向你付 5 美元、10 美元或 20 美元。你必须给每个顾客正确找零，也就是说净交易是每位顾客向你支付 5 美元。注意，一开始你手头没有任何零钱。给你一个整数数组 bills ，其中 bills[i] 是第 i 位顾客付的账。如果你能给每位顾客正确找零，返回 true ，否则返回 false 。var lemonadeChange
2021-10-25 18:25:58
313
1
原创 事件防抖与节流
在前端开发中，有很多场景中，我们会用到事件防抖与节流，场景：某个项目中图片加载特别多，需要对图片进行懒加载，这个时候会用到防抖与节流。防抖：在一定时间内如果是要多次触发某事件，那么每次触发都会重新计算延迟时间节流： 一段时间内只做一件事情，一段时间内多次触发时也只会执行一次防抖代码（封装版）function debounce(delay, func) { let timer return function(value) { clearInterval(timer) timer = se
2021-10-03 16:58:20
187
原创 前端有关数组方法详解
前端主要的职责是在合适的时候，从后台拿到合适的数据，渲染到合适的页面上面，可是在页面进行渲染的时候，我们不可能保证我们的数据完全适合于渲染，这个时候，我们需要对这些数据进行处理，将处理之后的数据渲染到页面上面去。...
2021-09-28 20:28:55
332
原创 es6中对模块的导入导出
es6中对模块的导入导出在es6中是一个文件一个模块，在定义模块的时候，我们是不将模块里面定义的细节展示出来，一般是通过接口向外暴露其用法，导出的变量是可以给你导入的地方是用的，如果是没有导出的变量，是模块内部私有的。模块导入时，一般采用的时预加载的方法，在文件资源最上方只导入一次，模块里面的资源会被加载好，之后一般不会再进行加载，后面会一直使用加载后的资源。使用export将开发的接口导出使用import导入模块接口使用 *可以导入全部的模块接口导入是以引用的方式导出，无论模块里面是标量还是变量
2021-09-13 18:10:02
284
原创 微信小程序由于两次刷新抖动问题
之前在进行暑假实习的时候，微信小程序页面抖动问题，做了很久都没有解决掉。在页面中跑了很多遍之中，发现是由于两次刷新引起的，页面主要采用一个问答的形式，答案选项是独立于每次问题下面的，每次选择之后会在页面中生成固定选择答案，由于选择部分（相当于考试做题选答案部分，每次结构都是刷新的），选项部分的逻辑后台（是在每次点击后都会执行相应的js文件中的一段代码），this.data({xxx: true}),该按钮的状态进行刷新，在每次点击之后页面中的按钮部分的元素都会进行重新刷新，以便于及时更新当前选项。每次点
2021-09-12 00:04:34
1165
原创 前端代码遇到的一些问题
前端代码遇到的一些问题我学习中遇到的问题1.搭建vue脚手架时常遇到的问题此时，前往项目的根目录下删除node-modules,再执行npm install,不行的话，就多次执行第一次搭建时，我是到c盘下删除了所有的node-modules（也可以必要删除所有的node_modules,如果是指定位置的错误，需要删除指定位置的node_modules即可）,才成功的2.当出现以下代码时Problems loading reference ‘https://schemastore.azureweb
2021-06-23 00:21:27
849
原创 解决电脑桌面广告弹窗中级杀招
针对删除软件后残留下来的广告问题：有些广告是删除软件后残留下来的，有时候用360之类的软件去禁止也没有，此时当弹出广告时，你可以点击广告上的生成桌面快捷模式的按钮，然后先左击选中该快捷模式，再右击，打开该文件所在的位置，直接选中该驱动exe,改成格式doc，然后就再也不会弹出广告了。下面我以百度网盘为例：1.进入的时侯会直接选中2.改成doc或者其他格式都行3.嘿嘿，你懂的，这讨人厌烦的广告终于没了...
2020-07-07 19:57:31
412
原创 使用bootstrap包顺序引入问题
使用bootstrap包顺序引入问题有些包的使用是需要其他包作为支撑的，如果没有引进依赖的包，该包就无法进行使用，或者说，依赖包的排序在被依赖包之前，依赖包页无法进行使用。如下：bootstrap是依赖包，依赖于jquery，此时bootstrap包在jquery前面，会出现以下错误将jquery包放在bootstrap包前面，即可解决问题。...
2020-07-06 09:38:07
2604
原创 CSS中七类选择器
css中七类选择器1.标签选择器所有的标签都能直接赋给样式，如p{color:red;}//此处给所有的p标签内容都渲染成红色的，再比如给所有的超链接下面去掉下划线a{text-decoration:none;}2.id选择器id整个属性尽量留给js代码使用，css样式尽量使用class选择器3.类选择器（css）通过给我们的HTML标签添加class属性，人这个标签属于某一类，如<h3 class="del"></h3>,这个h3标签现在属于del类,css中类
2020-07-06 00:17:46
414
原创 npm安装及相关知识
1.同时按住home与R,实现cmd的弹出2.首先cmd中进入的是c盘，f:可以实现盘符的更改3.cd+你的文件名，进入你的相应的盘下面的文件4.npm init 在改文件名下安装一个package.json,这个不一定是必须的，先更新好，比较好一些5.然后输入npm install json-server --save 这句代码将安装所有的包，你也可以只安装一些自己需要的包...
2020-06-12 22:01:53
352
原创 移动开发中的一些小知识
我们在手机，电脑，平板等界面上面看到的所有的都是需要前端工程师去设置的，或者说，需要全栈工程师去设置的。E[attr] 表示存在attr的属性E[attr=val] 表示属性值完全等于valE[attr*=val] 表示属性里面包含val字符并且在任意位置E[attr^=val] 表示睡醒里面包含val字符，并且在开始位置E[attr$=val] 表示属性里面存在val字符并且在结束位置E:first-child 第一个子元素E:last-child 最后据一个子元素E:nth-child
2020-06-10 22:07:00
202
原创 事件处理程序返回值
事件处理程序返回值在使用事件属性注册事件处理程序中返回值的用处很大常用点：当键盘onkeypress事件中，如果事件处理，程序返回false，表示去掉某个某个键盘事件在表单的onclick事件之中，rutuen false表示阻止默认提交，也可以用event.returnValue=false;window对象的onbeforeunload事件中，如果返回字符串，表示浏览器窗口在跳出之前，会弹出消息对话框。返回的字符串会显示在对话框上面。列子HTML标签只能表单识别通过监听文本框键盘输入来控
2020-06-04 00:38:13
1218
原创 弹性盒子详解
弹性盒子详解：一.display:flex :flex意思是弹性布局，在父元素设置弹性布局之后，子元素的float,clear,vertical-align属性都将失效二.：1. flex-direction：元素在主轴之上（水平方向的对齐方式）flex-direction:row(元素在水平方向上上从左到右进行排列，默认是此种方式)flex-direction:row-reverse(元素在水平方向上从左到右进行排列，与row是相反的)flex-direction:column(元素在
2020-06-02 22:04:43
2342
3
原创 鼠标事鼠标事件件
鼠标事件1.click(单击事件)，可以通过点击鼠标左键（默认情况），也可以通过键盘的回车触发2.dbclick双击事件3.mousedown:按下鼠标是触发，不能通过键盘触发4.mouseup：用户是否鼠标时触发，不能通过键盘事件获得5.mouseenter:当元素首次进入元素范围时触发，不能进行冒泡6.mouseover:当鼠标在元素上面，或者子元素上面时触发，会冒泡7.mouseleave:当鼠标离开目标元素位置时触发，不冒泡8.mouseout:当鼠标离开目标元素或者子元素时会触发此
2020-06-02 12:25:58
361
原创 表单验证的实现方法
简单的表单验证两种验证方式：1.在表单提交时进行验证，sumbit时2.在表单控件失去焦点时进行验证表单验证逻辑一般写在表单提交之前，html5也新增了表单验证形式，表单验证可以使用正则表达式...
2020-06-01 18:11:56
8496
原创 javascript之节点操作
javascript之节点操作节点之间的关系图：Node：表示一个节点清单 NameNodeMap:表示一个无序列的节点列表节点操作：节点对象node节点层次与关系节点类型节点操作节点层次：一个html文档可以分成许多个节点，节点有不同的类型：文档类型。元素类型。文本节点，注释节点等等节点与节点之间形成层次结构，也就是文档节点树节点DOM对象的类型是NodeNode:Node接口是对节点的封装，继承自EventTarget,也就是所有的node节点u第项可以绑定事件Node常
2020-06-01 00:21:43
202
原创 2d过渡
2d过渡转换是css3的颠覆性特效之一，可以进行平移，翻转，缩放，变形，甚至支持矩阵变换，取代之前flash才能实现的特效。css3的布局不会影响原来的布局。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2020-05-30 21:02:54
215
原创 css3之过渡(transition)转换（transform）
css3之过渡(transition)与转换（transform）过渡与转换是css3的颠覆特效，常用来被制作特效Transition: property duration timing-function delayProperty:要进行过渡动画的属性，可任意通过transition-property来单独设置，如果是all表示所欲的动画都要进行动画过渡Duration:动画间隔时间，transition-duration属性以秒或者毫秒为单位指定过渡动画所需时间，默认值为0s,表示不出现动画过渡
2020-05-29 18:28:06
827
原创 web之线性渐变，径向渐变，重复渐变
web之线性渐变，径向渐变，重复渐变渐变能做很多炫丽的效果，减少图片的使用，有很强的适用性与扩展性。1.线性渐变线性渐变是指一个颜色从一个方向向另一个颜色变化，相当于从任意角度向任意角度变化（角度之间必须相差180°）。background:linear-gradient(to left,red,blue,black)从右到左先红，再慢慢变蓝，再慢慢变黑2.径向渐变border: solid 1px #ccc;width: 300px;height: 300px;background:
2020-05-29 09:38:39
1768
原创 web之事件DOM0级与DOM2级事件绑定与解绑
web之事件DOM0级与DOM2级事件绑定与解绑javascipt中DOM1级事件是默认不使用的，我们只需使用DOM1与DOM2级事件即可。下面是部分代码：1.先写两个按钮input id=“btnClick” value=“点击按钮” type=“button”input id=“btnRemove” value=“解除绑定” type=“button”2.获取到我们的按钮相应的信息var btnClick=document.querySeletcor(’#btnClick’);var b
2020-05-28 20:39:56
458
原创 web的css3之图形制作
web的css3之图形制作通过border-radius,我们可以制作很多图形。制作一个按钮我们先设置一个宽度比高度多的矩形盒子，如height=40px,width:100px;然后再用高度一半的圆角去切我们div盒子的四个角。
2020-05-28 20:12:25
149
原创 web的css3之圆角
web的css3之圆角的产生boredr-radius：100px,此处相当于用一个半径为100px的圆去切div盒子的角。代码（下面的都是以上面的height:200px;width:200px来进行的）1.当boredr-radius:0px时，不对div盒子进行切角，div盒子原样2.当border-radius:在0px到100px之间的时候，有对div进行切角，当div盒子形状还不是一个圆3.border-radius等于或者大于100px，上面的div盒子被完全切成一个圆4.b
2020-05-28 13:44:34
672
原创 web之有关颜色设计问题
web之有关颜色设计问题我们学的是前端，不是颜色设计师，不需要对颜色设计这块内容有过多的了解，只需要学会如何取色即可1.一款ps软件，任意一张图片2.打开ps,拖入图片3.点击吸管工具之后，取点击你要的颜色在图片上面所在的位置4.6.像这样boredr:1px solid #ccc...
2020-05-28 09:52:09
336
1
原创 web之纯倒三角制作方法
web之纯倒三角制作方法倒三角产生原因：当盒子的width与height为比较小，border比较大时，border会自动产生楔形,当width与height完全没有时，我们用transparent将所有的boder都设置成透明状态，再设置顶部不透明，这是就会出现倒三角，也可以设置成左三角，上三角，右三角。倒三角代码：倒三角产生图形如果想要制作成左三角，右三角，上三角，修改boredr-top分别成border-left,border-right,border-bottom即可...
2020-05-28 09:33:13
831
原创 html之锚链接
HTML之锚链接锚链接实现方法:用你的a标签的href指向另一个标签的id地址，前一个一定要是a标签，后一个是任意标签，不过一定要是id属性，class属性不行。点击你所写的a里面的内容之后，页面会向下滑动，自动跳转到与a标签所指向的标签所在的那一行...
2020-05-27 08:42:40
412
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人