大前端
文章平均质量分 61
大前端,vue,jq,等
springdk2009
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端实现在线预览pdf、word、xls、ppt等文件
1、免费纯前端方式实现在线预览word、excel、ppt最优选择微软在线预览(不可编辑)2、利用后端将文件转为图片,前端以图片形式预览(可行方案)3、购买在线预览服务例如百度DOC文档服务永中I DOC VIEW等XDOC文档预览服务。原创 2024-05-30 19:39:43 · 3867 阅读 · 0 评论 -
img对象,file对象,base64,canvas对象相互转换以及图片压缩
会将一个 Canvas 对象压缩转变为一个 Blob 类型对象;fn 为回调方法,包含一个 Blob 对象的参数;会将 File ( Blob )类型文件转变为 dataURL 字符串,其中 file 参数传入一个 File ( Blob )类型文件;有时候后它还有可能是一块canvas画布,或者是一个Image对象,或者直接就是一个图片的url地址,我们需要将它们压缩上传到远程;有时候我们也需要将一个。:这个方法便捷,且是同步的,但需要基于当前的内存,换句话说,这个url不能拿到其他页面使用。原创 2024-05-24 09:31:27 · 1161 阅读 · 0 评论 -
vue组件内引入外部js, 外部js调用组件内的方法
方式一:vue组件中的方法先调用外部js 中的方法,外部js再调用vue组件中其它方法。test.js 为主js文件,里面引入了a.js和b.js文件。外部js文件test.js: 使用 window.test2()调用。vue组件中引入外部js,并调用外部js 中的方法。方式二:外部js直接调用vue组件中的方法。外部js 中调用vue组件中的方法。5. 外部主js文件调用其它js中的方法。5.3 调用a.js和b.js文件方法。4. 外部js调用vue组件中的方法。5.1 引入a.js和b.js文件。原创 2024-05-24 09:31:07 · 2323 阅读 · 0 评论 -
Vue组件中如何引入外部的js文件
/ 引入import 'common/importJs.js'// html使用的地方原创 2024-05-24 09:30:47 · 3163 阅读 · 1 评论 -
epub.js电子书的使用及VUE注意事项
EPub是电子书格式,可以用Adobe Digital Editions打开,它是一个自由的开放标准,属于一种可以“自动重新编排”的内容,也就是文字内容可以根据阅读设备的特性,以最适于阅读的方式显示。4、获取meta、封面图、章节等均是Promise对象(异步编程的一种解决方案,可以获取到异步的操作),需要使用.then()方法来获取里面想要的信息。用程序来加载epub文件的话,也是可以的,就跟视频文件一样,前端客户端多种语言都能解析它。今天分享的主题是用epub.js来操作电子书文件。原创 2024-05-24 09:30:26 · 1951 阅读 · 0 评论 -
谷歌开源图片压缩项目与VUE结合
element ui upload组件。在before_upload方法中处理。2. 自己封装的NPM包方式。1. 直接引入官方源码方式。(在vue后台中成功引用)原创 2024-05-24 09:30:11 · 1149 阅读 · 0 评论 -
使用vue v-for遍历map
关键点在于(value, key) in map,value在前,key在后。原创 2024-05-24 09:29:46 · 2599 阅读 · 0 评论 -
vue 子组件watch监听不到prop的解决
父子组件是单向数据流,父组件值改变时子组件可以拿到改变后的值,但通过watch监测不到变量的变化。当日期区间改变后,子组件对应数据自动更新,尝试百度后好多几个最终才可解决。父组件日期区间选择框,子组件数据根据日期区间显示对应数据,原创 2024-05-24 09:29:15 · 1792 阅读 · 0 评论 -
Vue中的computed和watch的区别
空智今年的年龄: 空智今年的年龄: 反转后的数据为: {{ reversedMsg }}空智个人信息情况: {{ basicMsg }}原来的数据: {{ msg }}原创 2024-05-24 09:28:41 · 1553 阅读 · 0 评论 -
nuxt生命周期
原创 2024-05-24 09:28:26 · 174 阅读 · 0 评论 -
JS中使用map
【代码】JS中使用map。原创 2024-05-24 09:28:10 · 252 阅读 · 0 评论 -
记录使用Nuxt开发服务端渲染项目时遇到的问题难点整理
asyncData、fetch、validate使用范围只能应用于页面组件中,子组件中无法使用此生命周期。return new Error('页面1渲染报错')const res1 = 接口1;const res2 = 接口2;方法3 不拆分组件(不建议)方法1 props(推荐)方法2 vuex(可用)原创 2024-05-24 09:27:50 · 579 阅读 · 0 评论 -
vue2转战vue3的简单步骤第二部分
vue2转战vue3的简单步骤第二部分;子组件声明公开的属性。父组件定义模板ref。原创 2024-05-20 09:37:30 · 312 阅读 · 0 评论 -
自定义组件实现双向绑定
【代码】自定义组件实现双向绑定。原创 2024-05-17 08:50:22 · 227 阅读 · 0 评论 -
js object常见方法总结
以上,obj对象存在的name属性的时候,调用这个方法才是返回true,我们知道其实每个对象实例的原型链上存在toString方法,在这里打印false,说明这个方法只是表明实例对象的属性,不包括原型链上的属性。Object.getOwnPropertyNames也是es5中新增的方法,返回对象的所有自身属性的属性名(包括不可枚举的属性)组成的数组,但不会获取原型链上的属性。上面代码中,源对象obj1的a属性的值是一个对象,Object.assign拷贝得到的是这个对象的引用。原创 2024-05-01 06:51:46 · 739 阅读 · 0 评论 -
Ifvisible.js 检查当前网页是否处于激活状态
Ifvisible.js 是一个跨浏览器、轻量级的方式,用户检查用户在浏览页面或正在与它进行交互。它可以处理活动状态,如在页面上空闲或活跃。您还可以使用 ifvisible.js 智能设置您的间隔,如果用户是空闲或没有看到页面的间隔时间会自动停止。在示例网页中,空闲持续时间设置为 30 秒,这样您就可以轻松地看到效果,如果在 30 秒的时间内,该网页没有任何来自用户的操作,那么网页将添加一个白色透明蒙版。原创 2024-05-01 06:51:08 · 414 阅读 · 0 评论 -
webupload多文件上传到阿里云且执行其他功能
每上传一个需要更新formData,按官方文档没生。'个文件到服务器,'原创 2024-04-30 14:06:07 · 844 阅读 · 0 评论 -
react 一天入门文档
本书为有一点前端基础的并且是 React.js 零基础的同学而作,帮助他们掌握 React.js 并且灵活地把 React.js 应用到实际项目当中。如果你有一定的 HTML、CSS、JavaScript 基础并且希望学习 React.js,而又觉得 React.js 当中有些概念比难以接受和理解,希望能够从零开始学习,那么本书很适合你。但如果你已经对前端已经非常熟悉并且用过不少的前端框架和相关的组件化技术,建议你直接看官网文档。原创 2024-04-30 14:05:42 · 448 阅读 · 0 评论 -
es6数组赋值
用法1:展开运算符(spread operator),作用是和字面意思一样,就是把东西展开。可以用在array和object上都行,比如123456用法2:剩余操作符(rest operator),是解构的一种,意思就是把剩余的东西放到一个array里面赋值给它。一般只针对array的解构1234567891011121314151617181920// 1// [2,3]// 也可以// 1// 2// 3// 也可以。原创 2024-04-30 14:05:20 · 512 阅读 · 0 评论 -
vue获取openid并完成微信支付功能
接下来就可以放开干支付,分享等其他功能了。原创 2024-04-30 14:04:46 · 758 阅读 · 2 评论 -
vue微信功能 本地模拟线上正式域名方式
3. 更改项目build/webpack.dev.conf.js 在devServer增加disableHostCheck:true配置。2. 更新项目文件/config/index.js。1. 修改hosts文件劫持正式域名。在微信开发工具直接用域名访问即可。然后直接npm run dev。原创 2024-04-30 14:04:19 · 143 阅读 · 0 评论 -
js 二进制文件转临时文件并上传到服务器
【代码】js 二进制文件转临时文件并上传到服务器。原创 2024-04-30 14:04:01 · 170 阅读 · 0 评论 -
js+canvas合成图片实现微信公众号海报功能
在微信公众号开发中,很多时候都有个需求是一张图加上头像和昵称或者其他数据生成自己的二维码海报或者是生成分享海报。这个需求,php的gd库是可以实现的,但是用服务器进行图片合成,会消耗服务器大量的资源。二:使用html2canvas进行网页保存成图片//需引入html2canvas.js。一:js的canvas图片合成方法。所以我们可以考虑用以下方式实现。原创 2024-04-30 14:03:04 · 411 阅读 · 0 评论 -
微信jssdk config:invalid signature 签名错误 ,问题排查过程
使用微信开放平台的appid2账号获取的网页登陆授权的access token ,仅用于登陆和获取用户信息,在调用jsapi ticket 和其他接口的token 指的是全局的access token,这个和网页授权得到的access token 不是一个东西,需要调用全局access token 接口获取,并全局保存。确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。确认url是页面完整的url,包括GET参数部分。确认签名算法正确,可用。原创 2024-04-30 14:02:47 · 1490 阅读 · 0 评论 -
artTemplate 简洁语法版
编码可以防止数据中含有 HTML 字符串,避免引起 XSS 攻击。无论数组或者对象都可以用 each 进行遍历。符号包裹起来的语句则为模板的逻辑表达式。原创 2024-04-30 11:25:27 · 282 阅读 · 0 评论 -
使用jquery.more.js来实现点击底部之二次开发
这个JQ插件,一个页面只能实例化一个实例,多个实例就会出问题,分析原因:不能自定义保存数据变量,导致多个实例时变量冲突,时间:2017-06-05 08:57:03。故修改变量名使一个网页应用多个实例。原创 2024-04-30 11:14:20 · 258 阅读 · 0 评论 -
json与jsonp 跨域
而且竟然也运行成功了!哈哈,这就是jQuery的功劳 了,jquery在处理jsonp类型的ajax时(还是忍不住吐槽,虽然jquery也把jsonp归入了ajax,但其实它们真的不是一回事儿),自 动帮你生成回调函数并把数据取出来供success属性方法来调用,是不是很爽呀?3、聪明的开发者很容易想到,只要服务端提供的js脚本是动态生成的就行了呗,这样调用者可以传一个参数过去告诉服务端“我想要一段调用XXX函数的js代码,请你返回给我”,于是服务器就可以按照客户端的需求来生成js脚本并响应了。原创 2024-04-30 11:13:54 · 573 阅读 · 0 评论 -
vue2转战vue3的简单步骤第一部分
vue2转战vue3的简单步骤第一部分,下一步简介生命周期相关的东西。原创 2024-03-26 17:00:36 · 553 阅读 · 0 评论 -
JQ+JS实现倒计时功能
时间:2016-08-08 20:57:51。需要时时与服务器同步时间JS代码。原创 2024-03-18 14:19:48 · 484 阅读 · 0 评论 -
JavaScript 判断一个对象{}是否为空对象的简单方法
以上就是小编为大家带来的JavaScript 判断一个对象{}是否为空对象的简单方法全部内容了,希望大家多多支持脚本之家~显然代码3的判断方式比较“强势”,但效率明显不如代码4的判断方法。时间:2017-06-28 15:19:13。原创 2024-03-18 14:18:38 · 369 阅读 · 0 评论
分享