- 博客(17)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 深入理解JavaScript原型和继承
前言原型和继承一直是js中非常基础和重要的部分，我们来看看日常开发中经常会用到的原型和继承。 class Person extends React.Component { componentDidMount() {} render() {} }这行代码代码大家都很熟悉，Person通过extends关键字继承了React的特性，componentDidMount和render在class类中的是一个普通定义好的函数。特殊的是，它们也是在Component中提前定义好的钩子函数，
2021-08-30 16:53:30
174
原创 VUE3.X学习笔记
起步模板指令Composition API官网：Vue3官方文档起步创建项目Vite（推荐使用）Vite 是一款作者意图取代 webpack 的工具，目前仅为 vue3 提供服务，同样支持热更新其工作原理是利用 ES6 的 import 会发送请求去加载文件的特性，拦截这些请求并做一些预编译，从而省去 webpack 冗长的打包时间$ npm init vite-app <project-name>$ cd <project-name>$ npm ins.
2021-08-30 16:25:01
257
原创 成为优秀程序员必备的 6 个提高条件判断语句可读性的方式
如果你用过条件判断语句，你应该通常会用到 if 或 switch 语法。ES6 给我们更强大的能力去写更好的条件判断语句，它更短，更简洁。这个文章我们会展示 6 种方法来提高条件判断语句的可读性，可维护性！这有助于你提高编程水平，并写出优质的代码！1. 早早的 return 代替 if else看看下面的代码。嵌套式的 if 判断的代码是很丑陋的，很难控制，很难定位 bug。如果你嵌套得太多层，层次太深，而且如果你的电脑屏幕太小，都很难展示完整的语句。你必须用鼠标滚动屏幕才能显示出来。cons.
2021-08-30 16:20:38
204
原创 前端图片加载优化的各种技巧
目前的前端图片加载优化技术有很多，像懒加载/预加载，img上的srcset属性以及picture标签，新的图片编码格式以及Client Hints等。Client Hints顾名思义，client hints是指通过客户端信息来进行资源选择的一种方法，由于用在图片加载上，所以这里的客户端信息一般是指图片宽度，DPR（device pixel ratio）和视窗宽度（viewport width）。其基本原理是在http传输中加入相关header，让服务器好选择一张合适的图片返回给客户端。如何使用要使
2021-08-30 16:18:22
744
原创 深入理解z-index
深入理解z-index在MDN上的定义是z-index 属性设定了一个定位元素及其后代元素或 flex 项目的 z-order。 当元素之间重叠的时候， z-index 较大的元素会覆盖较小的元素在上层进行显示。但是这个说明太含糊了,当遇到z-index不生效的情况时,就不知所以然了,最近也查看了很多和z-index相关的资料,决定把z-index相关知识系统性的梳理一遍.以前我总是很片面的认为元素在Z轴上的层叠顺序只跟z-index值的大小有关, 属性值大的元素显示在上面、属性值小的元素显示在下
2021-08-30 16:14:02
832
转载 全面理解Javascript闭包和闭包的几种写法及用途
好久没有写博客了，过了一个十一长假都变懒了，今天总算是恢复状态了。好了，进入正题，今天来说一说的JavaScript里面的闭包吧！本篇博客主要讲一些实用的东西，主要将闭包的写法，用法和用途。 一，什么是闭包和闭包的几种写法和用法1，什么是闭包闭包，官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点： 1。...
2018-12-01 00:26:43
154
原创 input输入框只能输入数字，只能输入字母数字组合
输入大小写字母、数字、下划线： 1/g,'');">输入小写字母、数字、下划线： 2/g,'');">输入数字和点 3/g,'')">输入中文: 4/g,'')"> 输入数字: 输入英文: 5/g,'')"> 输入中文、数字、英文: 6/g, '')"> 输入数字和字母： 除了英文的标点符号以外，其他的都可以中文，
2017-09-29 09:40:42
1180
转载 八大排序算法的 Python 实现
本文用Python实现了插入排序、希尔排序、冒泡排序、快速排序、直接选择排序、堆排序、归并排序、基数排序。1、插入排序描述插入排序的基本操作就是将一个数据插入到已经排好序的有序数据中，从而得到一个新的、个数加一的有序数据，算法适用于少量数据的排序，时间复杂度为O(n^2)。是稳定的排序方法。插入算法把要排序的数组分成两部分：第一部分包含了这个数组的所有元素，但将最后一个元素除外（让数组多一个空
2017-09-11 16:51:28
278
原创 Python 字符串操作（string替换、删除、截取、复制、连接、比较、查找、包含、大小写转换、分割等）
Python 字符串操作（string替换、删除、截取、复制、连接、比较、查找、包含、大小写转换、分割等） 去空格及特殊符号 s.strip() .lstrip() .rstrip(',') 复制字符串 #strcpy(sStr1,sStr) sStr= 'strcpy' sStr = sStr sStr= 'strcp
2017-09-04 17:54:17
318
原创 全选/全不选和反选 做个笔记
Document 全选/全不选 反选 var a = 0; //全选复选事件 $('#d1').change(function() { if ($(this).is(':ch
2017-08-17 10:27:40
360
原创 使用wxss为响应式开发带来的一些模式和思维上的改变
使用wxss为响应式开发带来的一些模式和思维上的改变。WXSS(WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，我们的 WXSS 具有 CSS 大部分特性。 同时为了更适合开发微信小程序，我们对 CSS 进行了扩充以及修改。与 CSS 相比我们扩展的特性有：rem的重定义前端工程师对
2017-08-17 10:23:52
767
原创 将ajax请求封装为一个对象（原生js）
var AjaxUtil = { // 默认基础选项 options : { method : "get", //默认提交的方法 url : "", //请求的路径 required params : {}, //请求的参数 type : 'text', //返回的内容的类型，text，xml，json callback : function() { }//回调函数re
2017-08-17 10:20:25
2107
转载 Flex布局新旧混合写法详解（兼容微信）
flex是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了（虽然现在还有很多不支持 flex 的浏览器）。然而国内很多浏览器对 Flex 的支持都不是很好，这里针对微信内置浏览器写了一套兼容写法。下面入正题。首先还是从两个版本的语法开始讲吧，这里还是假设flex容器为 .box ，子元素为 .item 。旧语法篇
2017-08-17 10:16:32
412
转载 关于 Access 数据库数据类型
关于 Access 数据库数据类型根据以下条件决定字段应使用哪种数据类型 （数据类型：决定字段可拥有的数据类型的字段特征。数据类型包括 Boolean、Integer、Long、Currency、Single、Double、Date、String 和 Variant（默认）。）：字段中允许哪些类型数据？例如，不能在“数字”数据类型中存储文本。 字段值使用多少存储空间？ 准备对字段值采取哪些操作？
2017-08-16 20:52:26
6201
转载 总结个人使用过的移动端布局方法
这篇文章，主要是总结一下，我在移动端布局用过的方法。有三种，一种是响应式布局，利用@meida判断各个size；第二种是REM；最后是设置viewport中的width。响应式布局这种感觉是最好理解了，利用@media进行断点，在每个断点中编写css。@media (max-width:768px){ //css}上面这段代码，在浏览器的宽度低
2017-08-02 16:00:13
486
转载 通过 JavaScript 获取移动设备的型号
我们一般在浏览器里识别用户的访问设备都是通过 User Agent 这个字段来获取的，但是通过它我们只能获取一个大概的信息，比如你用的是 Mac 还是 Windows，用的是 iPhone 还是 iPad。如果我想知道你用的是第几代 iPhone，这个方法就不行了，前段时间我正好有这个需求，识别移动客户端的具体型号（主要是 iOS 设备），于是思考了下这个问题的实现。首先，我跟
2017-07-26 14:26:54
1232
jQuery多张图片上传预览
2017-09-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人