- 博客(42)
- 收藏
- 关注
RSS订阅
原创 js的单线程和预编译是什么？
js是单线程的语言，也是一门解析型语言，所以他有着属于自己的一种运行方式，我们所说我预编译就是js解析型语言的一种解释。1. 语言分析在我们代码执行的时候，我们的浏览器会先将js所有需要执行的代码全面检测一遍，目的是排除低级的语法错误，检测到错误后，一个一个抛出，而不是一下子全部抛出，所以js是单线程，这也是一种编程上的同步。什么是js的同步呢？同步：从上往下按顺序执行的程序； 弊端：中间...
2019-11-29 21:36:49
155
原创 在小程序中文本溢出打点展示
在小程序中第2行文本溢出打点展示的方法/* 第几行文本溢出打点展示 */ display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:2; // 第二行
2020-05-30 16:11:16
398
1
原创 redux实现简单的todoList
Redux是什么，其实Redux就是React的状态管理工具，就相当于vue中的vuex，也是状态管理工具。个人感觉redux要比vuex要复杂的多，本文是用redux实现todoList的小demo。先来看看reduxd 运行机制吧，官网上有的。Action描述事件简单对象，它是改变store中state的唯一方法，通过store.dispatch()方法将Action传到store中。Action的作用只是传递数据，并没有更新数据，如何更新数据Reducer的工作。Reducer接收到Action传入
2020-05-28 20:34:18
389
1
原创 vue-cli4踩坑之 无法使用代理 一直报404错误
今天用vue-cli4 写个项目，用的是mock数据，结果发请求的时候一直报404 错误，搞得我心态崩了，又找不出错误，在网上找了半天都是关于config文件的配置，可我就算配置了还是报错，最后还是大佬告诉我 vue-cli4无法使用代理，要降到3版本，结果我一下子就成功了，而且拿到数据了，发个博客希望大家遇到一样的错误能迅速的找到原因，而不必浪费太多的时间。。。...
2020-05-16 15:20:07
3940
6
原创 vue-cli严格模式 空格报错 解决方法
其实在创建vue-cli的时候，就因该不要选严格模式的选项，它会因为空格一致报错，困扰了我很久。但如果你还是勾选了严格摸式，且进入的工程，那该怎么办呢？我找了很久，发现其实很简单，下面看图吧记住，删除此配置后，一定要 关闭 编辑器，重新运行，就不会报错啦...
2020-05-09 09:25:48
2190
原创 关于this指向问题（箭头函数没有this指向）
1.全局环境下，指向windowsconsole.log(this.document === document); // true2.函数上下文调用function f1(){return this;}f1() === window; // true3.对象中的this对象内部方法的this指向调用这些方法的对象，函数的定义位置不影响其this指向，this指向只和调用函数...
2020-05-06 23:06:03
1386
原创 git安装及使用
GIT的使用msysgit是Windows版的Git，从http://msysgit.github.io/下载，然后按默认选项安装即可。安装完成后，在开始菜单里找到“Git”->“Git Bash”，蹦出一个类似命令行窗口的东西，就说明Git安装成功！安装完成后，还需要最后一步设置，在命令行输入：$ git config --global user.name “Your Name”$...
2020-04-21 19:18:55
128
原创 tcb-router
tcb-router基于 koa 风格的小程序·云开发云函数轻量级类路由库，主要用于优化服务端函数处理逻辑基于tcb-router 一个云函数可以分很多路由来处理业务环境。云函数// 云函数入口文件const cloud = require('wx-server-sdk')const TcbRouter = require('tcb-router'); //引用TcbRoutercl...
2020-04-17 17:37:17
682
原创 vue-cli工作中常用的过滤器
在 .vue 组件中的使用示例：{{ string | trim(1) }} //去除所有空格，过滤器第一个参数为value//去除空格 type 1-所有空格 2-前后空格 3-前空格 4-后空格function trim(value, trim) {switch (trim) {case 1:return value.replace(/\s+/g, “”);case 2:...
2020-04-14 17:39:57
138
原创 node.js中关于Cannot find module 'accepts/node_modules/negotiator' 报错
类似于这种Cannot find module 'accepts/node_modules/negotiator’的报错说明你缺negotiator模块,你需要做的就是输入命令npm install negotiator.之后将会自动下载安装,如果提示不成功,再来一遍，多次失败说明你node_modules文件夹有问题且重新安装解决不了，这时你只能去网上下载完整的node_modules文件覆盖就...
2020-01-03 15:24:47
989
原创 如何用jquery实现放大镜效果
<!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-...
2019-12-26 16:40:18
404
3
原创 js轮播图学习总结及案例
js轮播图有闪现的、过渡的，有横向的，竖向的，其中各有区别，但大体上差不多，需要自己去体会总结，我就直接上代码了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-...
2019-12-21 18:06:04
703
原创 正则表达式 的特殊应用
Email地址：^\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)$域名：[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+.?InternetURL：[a-zA-z]+://[^\s] 或 ^http://([\w-]+.)+[\w-]+(/[\w-./?%&=])?$手机号码：...
2019-12-19 15:54:42
205
原创 正则表达式的先行断言(lookahead)和后行断言(lookbehind)
正则表达式的先行断言和后行断言一共有4种形式：(?=pattern) 零宽正向先行断言(zero-width positive lookahead assertion)(?!pattern) 零宽负向先行断言(zero-width negative lookahead assertion)(?<=pattern) 零宽正向后行断言(zero-width positive lookbeh...
2019-12-19 15:02:28
97
原创 JavaScript 事件-JavaScript 的事件流模型
JavaScript-5.3-JavaScript 事件-JavaScript 的事件流模型JavaScript 的事件流模型事件流，就是当一个节点触发事件时，事件会从当前节点流向其他节点而根据事件流动的方向，事件流模型可以分为事件冒泡和事件捕获基于事件冒泡，又诞生了一种新的绑定方式，“事件委派”一：事件冒泡事件流指页面接收事件的顺序，当一个事件产生时，该事件传播过程就是事件流1、事...
2019-12-14 18:07:10
307
原创 Js如何实现收藏功能
用Js实现点击收藏效果，且在原有收藏量基础上增减思路：点击收藏时设置想要的样式以及数量增1相反 点击取消收藏 将数量减1废话不多说，干货如下（具体详解在代码处）：Js 代码实现var heart = document.getElementsByClassName("icon-xin"); var span = document.getElementsByClassName("co...
2019-12-14 17:52:53
4965
2
转载 如何使用CSDN-markdown编辑器
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-12-14 17:48:15
135
原创 js中的this指向和改变this指向的方法
彻底理解js中this的指向，不必硬背。首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接...
2019-12-03 23:54:29
124
原创 js去重补充
<!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-...
2019-12-02 21:52:23
92
转载 JavaScript 函数(方法)的封装技巧要领及其重要性
作为一枚程序猿，想必没有人不知道函数封装吧。在一个完整的项目开发中，我们会在JS代码中对一些常用(多个地方调用)的操作进行一个函数的封装，这样便于我们调试和重复调用，以致于能够在一定程度上减少代码的冗余，从而降低浏览器对JS代码的读取时间，增加我们项目程序的工作效率。因此，可以说，函数方法封装是一个程序猿的必备技能。那么，封装时应该注意什么呢？——我的答案是：灵活性。这样，我们先来进行一个简单的...
2019-12-02 20:49:40
774
原创 js数组去重的多种方法。
js数组去重js数组去重是我们经常会用到、也是最基础的算法，下面介绍几种方法，适合新人学习。//排序后相邻去除法var arr = [1, 1, 2, 2, 2, 2, 3, 3, 4, 54, 5, 5, 5, 5, “aaa”, “aaaa”]function uniq(array) {array.sort();var res = [array[0]];for (var i = ...
2019-11-30 14:58:42
156
原创 js没有块级作用域但有函数作用域
js没有块级作用域但有函数作用域任何一对花括号中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。 作用域永远都是任何一门编程语言中的重中之重，因为它控制着变量与参数的可见性与生命周期。首先我们理解两个概念：块级作用域与函数作用域。 什么是块级作用域呢？ 任何一对花括号（｛和｝）中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见...
2019-11-30 11:49:18
406
1
转载 this new call apply bind 运行原理讲解
this new apply call bind虽然标题是 this、new、bind、call、apply，但实际上这些都离不开 this，因此本文将着重讨论 this，在此过程中分别讲解其他知识点。注意： 本文属于基础篇，如果你已经对本文相关知识点已经很了解了，那么可以跳过本文。如果你不够了解，或者了解的还不完整，那么可以通过本文来复习一下this 指向的类型刚开始学习 JavaSc...
2019-11-23 11:37:09
64
原创 如何用js计算是否为闰年
用户输入一个年份，判断这个年是否是闰年。判断闰年条件：① 非整百年数除以4，无余为闰，有余不闰；② 整百年数除以400，无余为闰，有余不闰。比如：2000年，整百数年，就要用②公式，除以400，无余数，所以是闰年。1900年，整百年数，就要用②公式，除以400，有余数，所以不是闰年。// 用户输入两个数字var year = parseFloat(prompt(“请输入一个年份”,...
2019-11-21 21:21:13
5218
原创 BFC
什么是BFC在一个Web页面的CSS渲染中，块级格式化上下文 (Block Fromatting Context)是按照块级盒子布局的。W3C对BFC的定义如下：浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiable”的块级盒子，都会为他们的内容创建新的BFC（...
2019-11-15 19:09:51
111
转载 src和href的区别
src和href的区别href标识超文本引用，用在link和a等元素上，href是引用和页面关联，是在当前元素和引用资源之间建立联系src表示引用资源，表示替换当前元素，用在img，script，iframe上，src是页面内容不可缺少的一部分。src是source的缩写，是指向外部资源的位置，指向的内部会迁入到文档中当前标签所在的位置；在请求src资源时会将其指向的资源下载并应用到当前文档...
2019-11-13 19:13:42
94
原创 浏览器渲染原理
浏览器渲染原理Web页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验简单地说，页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗口中的这个过程。先来大致了解一下浏览器都是怎么干活的： 1. 用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件； 2. 浏览器开始载入html代码，发现head标签...
2019-11-11 17:23:10
82
转载 网站logo常用text-indent:-9999px 隐藏字体方法
为什么要字体隐藏？通常为了传达更好的视觉效果，我们常用图片替代掉字体。但是为了html语义化，常常要给内容模块加上一些标题来让页面更有意义，在抛开css裸奔的情况下也能很顺利的汲取到页面信息。为此我们需将图片上的字体隐藏。另外，建站过过程中朋友喜欢把网站名称用H1表示,但从美观考虑，要用logo图片来代替h1，这时需要隐藏h1内的这段文字，但又不能对搜索引擎不友好，否则就失去了定义h1标签的意...
2019-11-11 16:43:16
567
原创 特殊转义字符
各种箭头图形样式 用于HTML（在字符前加 &# ） 用于 CSS （在字符前加 \ ） 和 JavaScript（在字符前加 \u ）⇠ 8672 21E0⇢ 8674 21E2⇡ 8673 21E1⇣ 8675 21E3↞ 8606 219E↠ 8608 21A0↟ 8607 219F↡ 8609 21A1← 8592 2190→ 8594 2192↑ 8593...
2019-11-04 17:59:58
131
原创 修改HTML5之placeholder属性中placeholder属性中文字颜色
input::-webkit-input-placeholder{color:red;}input::-moz-placeholder{ /* Mozilla Firefox 19+ /color:red;}input:-moz-placeholder{ / Mozilla Firefox 4 to 18 /color:red;}input:-ms-input-plac...
2019-10-31 21:19:01
101
原创 几个重要的前端UI框架
Bootstrap可以快速上手，几乎没什么学习成本。官网：http://getbootstrap.com/Github：https://github.com/twbs/bootstrap/作者：Mark Otto 和Jacob Thornton Star：93,112AUIGithub：https://github.com/liulangnan/aui官网：http://www.au...
2019-10-28 19:29:26
200
转载 html默认css样式的标签及去除(全局)
1.标签的默认样式和清除默认样式（统一全局样式）的代码大多数标签都有自己的默认样式，比如遇到的body默认外边距，另外本例中ul前的圆点及左侧的内边距，另h1-h6字体大小各不相同，em默认为斜体，strong表示粗体。正因为有这些默认样式，一个设计合理的页面，即使没有加载样式，也能让用户很容易阅读。但此时这些默认样式对我们没用，所以需要清除掉，为了方便，建议用标签重定义方式，这样可以很简单地把...
2019-10-28 15:26:17
1141
转载 有margin:0 auto;为什么就没有padding: 0 auto呢?
margin：auto可以做到水平居中，前提条件就是，这个标签是块状元素，并且有个确定的宽度，百分比的宽度也行；padding的话, 设置成auto它会自动继承浏览器的padding值， 当设置padding值为auto时，所有padding值都会变为0，因此一般都会以具体数值或者其他方法实现效果。ps：一般来说，浏览器是没有预设padding值的，但也有个别浏览器是默认有padding值的，为...
2019-10-25 20:35:29
309
原创 html，css总结
1、HTML行标签：img、span、strong 、i 、b、a这类元素会占据尽可能少的空间，并且一个紧贴一个从左到右，从上往下排列、他们不受width、height样式影响、在窗口变化时，他们大小不变，但会自动行块标签：div、p 、section 、h1 、header 、footer这些元素会独占一行，它们受width和height的控制、在窗口变化时，他们跟着变宽或边窄、除非设置...
2019-10-23 17:47:09
113
原创 用CSS绘制最常见的形状和图形
Talk Bubble（微信聊天框 important）#talkbubble {width: 120px;height: 80px;background: red;position: relative;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}#ta...
2019-10-22 21:13:31
106
原创 如何让select下拉图标显示在左边
select 元素是一种表单控件可以在select中列出多选项供选择，在前端用到比较多，但是通常的下拉图标都是在右侧，如果遇到特殊要求怎么来把图标显示左侧呢？其实思路很简单，下拉图标在左边是他的默认样式，所以我们需要先清除他的默认样式（appearance:none;），这样就没有下拉图标了，这时我们在再左边加上下拉图标或截图就实现效果了，虽然有些笨，但还是简单易操作的，如果有其他方法欢迎告知，...
2019-10-22 20:53:28
1922
原创 flex布局属性
迅速看懂flex布局首先要有个容器，并设置display:flex;display:-webkit-flex;该容器有以下六个属性：flex-direction (元素排列方向)row, row-reverse, column, column-reverseflex-wrap (换行)nowrap, wrap, wrap-reverseflex-flow (以上两者的简写)flex-...
2019-10-22 20:32:55
147
原创 史上最全css/html命名规范
项目中文件名字1.符号应用场景2.一律使用小写英文字母，英文， 禁止中文拼音4.命名原则 使团队成员可以看懂自己代码，也方便自己查找，修改html文件的命名主页面 index.html2.子页面下 首页 home.html 我的 mine.html 关于我们 aboutus.html信息反馈 feedback 产品 product 购物 shop 计数...
2019-10-11 16:18:55
854
原创 DIV+CSS规范命名大全集合
外套 wrap ------------------用于最外层头部 header ----------------用于头部主要内容 main ------------用于主体内容（中部）左侧 main-left -------------左侧布局右侧 main-right -----------右侧布局导航条 nav -----------------网页菜单导航条内容 content...
2019-10-11 09:50:39
89
原创 xmind的13个快捷方式
1.新建导图 Ctrl+shift+N2.编辑文字 空格键3.插入图片 Ctrl+i4. 插入主题 Enter键5. 插入主题之前 Shift+Enter键6. 插入子主题 Tab键7. 放大导图 “Ctrl”+“+”8. 缩小导图 “Ctrl”+“-”9. 复制 ...
2019-10-08 19:16:40
330
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人