- 博客(22)
- 收藏
- 关注
RSS订阅原创 浏览器之BFC
Block formatting context直译为"块级格式化上下文Block formatting context直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。通俗地讲，BFC是一个容器，用于管理块级元素。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。
2023-06-16 17:00:50
1080
原创 命令行直接启动vscode和webstorm
vscode1、vocode安装插件 shell2.vscode中 command+shift+p –> 输入shell command –> 点击提示Shell Command: Install ‘code’ command in PATH运行webstorm因为webstorm已经集成此功能 可以在命令行直接 open -a webstorm “对应的文件”...
2021-06-22 15:52:28
515
原创 input的file事件导入文件并上传到后台(Excel文件)
文件导入并上传后台前端代码 <input class="import-btn" type="file" accept=".excel">$('.import-btn').change(function () { // 对上传到后台的文件进行加工 var formData = new FormData(), name = $(this)....
2020-05-07 10:26:22
4712
原创 vue的服务端渲染ssr之nuxt.js
1、nuxt的安装nuxt官网链接地址//安装 npx create-nuxt-app app npm i // cnpm i cd app yarn run dev2、了解nuxt的生命周期fetch和asyncData在服务端和客户端是都有运行的，只不过运行过程中所处的环境问题，服务端中是没有windows对象存在的。 //nuxt的部分生命周期是运行在...
2020-02-28 09:15:21
361
原创 微信小程序中组件components的使用
微信小程序中组件components的使用1、在微信小程序的根目录中创建components文件夹，并创建相应的目录然后在目录中新建components；下面附上图片在需要使用该组件的文件夹中的.json文件中 "usingComponents": { "shop-msg": "/components/shop-msg/shop-msg" }//需要使用多个组件的时候{...
2020-01-16 11:32:20
9190
原创 前端实现录音功能插件recorder.js
recorder.js的使用详细解读下面是recorder.js的源文件，可以直接复制粘贴使用/*! * * js-audio-recorder - js audio recorder plugin * * @version v0.5.3 * @homepage https://github.com/2fps/recorder * @author 2fps <echowe...
2020-01-16 10:52:56
9361
4
原创 ES7、ES8、ES9、ES10
es6新特性盘点和用法好长时间没有更新，经过一段时间的加班和工作中总结了一部分es6的新特性。1、Array.prototype.includes()方法；原来解决变量中包含另一个变量的问题使用的方法来看看include的使用2、求幂运算符 **新的运算符 在减少代码量方面有很大的用处3、Async/Await都知道使用Promise能很好地解决回调地狱的问题，但如果处理流程比较复杂的话，那么整段...
2019-12-11 11:09:11
476
原创 javascript的进阶闭包
javascript的进阶闭包在js中的闭包是一个一直研究的话题，闭包的也是web进阶中的一个必须的手段，浏览器的垃圾回收机制会将不用的函数回收掉，可以说这样的功能是一把双刃剑，好处与坏处是同样存在的；而闭包就是解决回收的一种方法。总结一下闭包特点1、实现公有变量。2、可以做缓存，存储结构。3、可以实现封装，属性私有化。4、模块化开发，防止污染全局变量。闭包的常用模式IIFE(f...
2019-07-31 10:31:16
99
原创 js中的es3.0语法中部分方法的总结
javascript中的es3语法中的callee、caller、with()、eval()方法总结在js的es3.0的一些语法中在开发中是很强大的，但是这些语法有是和耗费性能的我选了几个常用的总结分享给大家,>>>>一个注意点这些方法都是被es5.0摒弃的方式因为在某种程度上这些属性是非常耗费性能的 <<<，废话不多说直接开始。1、callee和ca...
2019-07-21 11:56:15
551
原创 canvas实现线性动画的时候带锯齿的问题
canvas实现线性动画的时候带锯齿的问题解决方法一1、就是在canvas标签中设置了width=“200”,height="200"之外, 还在外部的CSS样式表中设置了该canvas的宽度为100%.2、然后在画图时把canvas的的宽度设为手机端的最大像素值, 因为现在的手机端宽度的最大的只有1080像素宽, 所以就把canvas的宽度和高度设为200的6倍也就是1200像素, 按照这...
2019-05-28 16:24:05
1611
原创 jq中的链式语法实现原理和es6的then方法
jq中链式语法实现原理用过jq的都会对jq的链式语法，都会感觉到一个字爽，其实在jq的链式语法实现原理很简单，就是在jq的原型链中每个方法都使用return this；在返回当前的原型方法，也就是说链式语法使用的是前一个方法的回调对象；原理说完了直接上代码。 var My = function(){ } My.prototype = { css:...
2019-05-28 16:13:32
825
原创 jq中load（）方法加载公共元素、iframe加载公共元素
jq中load()方法在开发过程中很多的元素和内容都是重复的现在的vue、react、angluar的组件开发在很大的程度上就是为了解决这样的一部分问题的但是，框架的主要目的不完全是为了如此；1、在网站开发过程中有的时候一个页面的头部可能在很多页面中公用，没有使用vue这些框架的情况下jq也是一个很好的工具，单独创建一个页面例如header.html;2、将一些公共元素放在header.h...
2019-05-28 15:32:45
2323
原创 官网左上角的小图标和微信浏览器在pc端的表现
一般在官网的顶部的左上角一般有一个小图标，一般都是公司的logo1、了解ico的功效，能在浏览器标签、地址栏左边和收藏夹栏显示小图标的网站，其网站都是使用了其名称为“favicon.ico”图标文件，格式为ico格式，图标大小一般为1616,3232像素。如果要让网站看起来更专业、更美、更有个性，制作和使用“favicon.ico”文件是必不可少的。2、制作ico，制作ico格式小图标的方法有...
2019-05-18 13:08:03
1212
原创 微信小程序的审核
微信小程序的开发代码最近有朋友问我小程序的代码审核方面的问题，简单得给介绍一下小程序的代码审核最近有朋友问我小程序的代码审核方面的问题，简单得给介绍一下小程序的代码审核，微信小程序想正经上线微信认证通过后还有几步需要操作1、查看自己微信公众平台中为小程序配置的类别同已经开发完成的小程序是否有差别，一般除了金融类型（P to P）和医疗方面的小程序基本审核都是简答的，不要害怕审核不过对于你的小...
2019-05-02 16:50:50
1610
原创 vue的生命周期详解
vue的生命周期生命周期运行顺序1、beforeCreate （根实例初始化时候调用）2、created （元素值还没有开始挂载，数据的请求多放在次处）3、beforeMount （元素值开始挂载前）4、mounted （可以直接操作dom，组件的加载）5、beforeUpdate （数据发生跟新是调用）6、updated （包括组件中的dom已经跟新完毕）7、acti...
2019-04-08 09:24:38
138
原创 微信小程序富文本插件WxParse使用
微信小程序富文本插件WxParse使用微信小程序可以用前端的来实现的但是，有的情况可能需要微信小程序和前端的其他项目保持一致，一些富文本内容或者接口返回的是html格式的数据或者是md格式的数据这就需要用到微信小程序的富文本插件了这就需要用到wxParse这个小程序插件了下载地址github下载地址到达github后直接在里面找到此文件就ok了，这就是我们需要的文件开始使用1、将文...
2019-03-26 16:08:40
1107
原创 微信小程序中wxss中使用background-image无效的问题
微信小程序中wxss中使用background-image无效的问题微信小程序前期开发过程中在wxss中使用css的背景图片属性会发现报错在wxss中是无法引用本地包文件中存放的图片的解决方案1、引用网络路径的图片和bs64数据格式的图片。2、如何这个时候后台还在忙着写接口，那好吧你为了能够及时看到效果，这是难不倒你的对吧，可以先在wxml中使用style属性呀。3、这种方法可能比较差...
2019-03-18 09:44:53
8566
3
原创 微信小程序开发分包的配置
微信小程序分包的配置和web开发者工具的坑微信小程序分包的配置在开发微信小程序的时候，微信小程序的包容量为2M一般是够用的，如果开发大一点的项目的话分包的配置是分不开的分包分为独立分包和普通分包；一般包容量够的情况下不进行配置分包这个是最常见的开发方式但是有一种情况可能需要开发者注意一下的哦但是在微信小程序的优化方式中有一种方式是分包加载，用户在第一次加载小程序的时候如果包文件过大的话部分手机可能...
2019-03-12 11:28:50
5354
原创 微信小程序code换取openid和微信小程序支付的配置
微信小程序的openid的获取和微信小程序支付需要的申请流程openid的获取1、首先注册微信公众平台注册账号，小程序的账号是单独的如果用微信公众号注册的同样是单独的，个人建议用微信公众号注册小程序的话可以节省不少的￥；2、登录微信公众平台，在微信公众平台的开发设置中可以看到的appid和密钥的密钥第一次生成的时候记得保存强调一下一定要保存。3、接下来就是code的获取了，这个说清一下...
2019-02-15 17:53:15
19611
1
原创 小程序的原生 -（wx.request）解坑
小程序的原生 -（wx.request）解坑开发微信小程序的时候，对于小程序的api文档刚入手的时候可能有点不懂比如我们下面即将要说的request的GET和POST请求的不同。请求头//**POST请求的时候// An highlighted blockheader: { "Content-Type": "application/x-www-form-...
2019-01-09 18:13:49
764
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人