web前端
心如江水
这个作者很懒,什么都没留下…
展开
-
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 · 4807 阅读 · 0 评论 -
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 · 374 阅读 · 0 评论 -
微信小程序中组件components的使用
微信小程序中组件components的使用1、在微信小程序的根目录中创建components文件夹,并创建相应的目录然后在目录中新建components;下面附上图片在需要使用该组件的文件夹中的.json文件中 "usingComponents": { "shop-msg": "/components/shop-msg/shop-msg" }//需要使用多个组件的时候{...原创 2020-01-16 11:32:20 · 9353 阅读 · 0 评论 -
前端实现录音功能插件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 · 9466 阅读 · 4 评论 -
ES7、ES8、ES9、ES10
es6新特性盘点和用法好长时间没有更新,经过一段时间的加班和工作中总结了一部分es6的新特性。1、Array.prototype.includes()方法;原来解决变量中包含另一个变量的问题使用的方法来看看include的使用2、求幂运算符 **新的运算符 在减少代码量方面有很大的用处3、Async/Await都知道使用Promise能很好地解决回调地狱的问题,但如果处理流程比较复杂的话,那么整段...原创 2019-12-11 11:09:11 · 511 阅读 · 0 评论 -
javascript的进阶闭包
javascript的进阶闭包在js中的闭包是一个一直研究的话题,闭包的也是web进阶中的一个必须的手段,浏览器的垃圾回收机制会将不用的函数回收掉,可以说这样的功能是一把双刃剑,好处与坏处是同样存在的;而闭包就是解决回收的一种方法。总结一下闭包特点1、实现公有变量。2、可以做缓存,存储结构。3、可以实现封装,属性私有化。4、模块化开发,防止污染全局变量。闭包的常用模式IIFE(f...原创 2019-07-31 10:31:16 · 102 阅读 · 0 评论 -
js中的es3.0语法中部分方法的总结
javascript中的es3语法中的callee、caller、with()、eval()方法总结在js的es3.0的一些语法中在开发中是很强大的,但是这些语法有是和耗费性能的我选了几个常用的总结分享给大家,>>>>一个注意点这些方法都是被es5.0摒弃的方式因为在某种程度上这些属性是非常耗费性能的 <<<,废话不多说直接开始。1、callee和ca...原创 2019-07-21 11:56:15 · 563 阅读 · 0 评论 -
canvas实现线性动画的时候带锯齿的问题
canvas实现线性动画的时候带锯齿的问题解决方法一1、就是在canvas标签中设置了width=“200”,height="200"之外, 还在外部的CSS样式表中设置了该canvas的宽度为100%.2、然后在画图时把canvas的的宽度设为手机端的最大像素值, 因为现在的手机端宽度的最大的只有1080像素宽, 所以就把canvas的宽度和高度设为200的6倍也就是1200像素, 按照这...原创 2019-05-28 16:24:05 · 1645 阅读 · 0 评论 -
jq中的链式语法实现原理和es6的then方法
jq中链式语法实现原理用过jq的都会对jq的链式语法,都会感觉到一个字爽,其实在jq的链式语法实现原理很简单,就是在jq的原型链中每个方法都使用return this;在返回当前的原型方法,也就是说链式语法使用的是前一个方法的回调对象;原理说完了直接上代码。 var My = function(){ } My.prototype = { css:...原创 2019-05-28 16:13:32 · 843 阅读 · 0 评论 -
jq中load()方法加载公共元素、iframe加载公共元素
jq中load()方法在开发过程中很多的元素和内容都是重复的现在的vue、react、angluar的组件开发在很大的程度上就是为了解决这样的一部分问题的但是,框架的主要目的不完全是为了如此;1、在网站开发过程中有的时候一个页面的头部可能在很多页面中公用,没有使用vue这些框架的情况下jq也是一个很好的工具,单独创建一个页面例如header.html;2、将一些公共元素放在header.h...原创 2019-05-28 15:32:45 · 2351 阅读 · 0 评论 -
官网左上角的小图标和微信浏览器在pc端的表现
一般在官网的顶部的左上角一般有一个小图标,一般都是公司的logo1、了解ico的功效,能在浏览器标签、地址栏左边和收藏夹栏显示小图标的网站,其网站都是使用了其名称为“favicon.ico”图标文件,格式为ico格式,图标大小一般为1616,3232像素。如果要让网站看起来更专业、更美、更有个性,制作和使用“favicon.ico”文件是必不可少的。2、制作ico,制作ico格式小图标的方法有...原创 2019-05-18 13:08:03 · 1230 阅读 · 0 评论