- 博客(27)
- 收藏
- 关注
RSS订阅原创 网页中head里面不同meta标签的作用
<html> <head> <title>xxx</title> <description>xxx</description> <keydwords>xxx</keydwords> <meta charset="utf-8"> ... </head> <body> ... </body></ht
2021-01-15 17:30:14
420
原创 vue项目开启Gzip压缩和性能优化
第一步，在vue项目中安装依赖并将config/index.js中 productionGzip改为true，开启Gzip压缩：然后安装插件compression-webpack-plugin npm install --save-dev compression-webpack-plugin第二步，运行 npm run build打包项目这时可能会报错，提示ValidationError: Compression Plugin Invalid Options。根据官网提示，需要将Compress
2020-07-27 11:11:31
478
原创 nodejs 编写发送邮件 nodemailer
1 安装nodemailer插件npm install nodemailer --save2 获得自己邮箱IMAP/SMTP/POP3服务授权码前往自己的邮箱，找到设置，找到如上三种服务，如果是默认关闭，点击开启，通过手机验证码验证后会获取到一段授权码，保存好，等会儿要用3 引入nodemailer模块使用"use strict"const nodemailer = requir...
2020-04-24 17:05:28
327
转载 js call()方法的作用
先看看关于call()的官方解释，“调用一个对象的一个方法，以另一个对象替换当前对象。”，看了这样的解释，或许让你更摸不着头脑了。看例子： var x = "我是全局变量"; //定义全局变量x function a(){ //定义函数类结构a this.x = "我是在函数类结构a中声明的哦"; } //定义普...
2019-08-12 18:11:26
143
原创 apicloud命名空间$api方法集合
命名空间为api,所有方法如下（摘自官网https://docs.apicloud.com/Front−end−Framework/framework−dev−guide）；1、api,所有方法如下（摘自官网https://docs.apicloud.com/Front-end-Framework/framework-dev-guide）；1、api,所有方法如下（摘自官网https://doc...
2019-06-12 15:45:47
749
转载 vue+axios前端实现登录拦截（路由拦截、http拦截）
路由拦截登录拦截逻辑第一步：路由拦截首先在定义路由的时候就需要添加一个自定义字段requireAuth,用于判断访问是否需要登录，如果用户已经登录，则顺利进入路由，否则就进入登录页面。const routes = [ { path:'/', name:'/', component:index }, { path:'/repository', name:'repo...
2019-04-28 14:00:31
493
转载 Vue图片懒加载vue-lazyload插件的简单实用
一. vue lazyload插件：插件地址：https://github.com/hilongjw/vue-lazyloaddemo：http://hilongjw.github.io/vue-lazyload/二、简单实用实例：这个产检还是蛮好用的，就是感觉这个插件的开发文档有点儿太啰嗦了，一股脑把所有的api都罗列出来，源码中并没有可以运行的实例提供。其实这个插件做简单使用的话是很...
2019-04-24 09:33:23
251
原创 APP内与H5网页数据交互以及使用方法
由于APP版本发布之后，对于应用内的固定页面及场景无法随意改变，只能通过版本迭代的方式来更改。后来在APP内嵌入网页之后，通过后台更改不同的配置路径，即可打开不同的页面，浏览器端的内容可以随时更改，比较灵活。但是原生APP与网页之间的数据原本是互相独立的，打开网页后，点击网页内的内容若无任何特殊条件依然是普通跳转，从一个网页进入下一个网页，流程依然在进行网页端进行，APP端的流畅以及较好的使用体...
2019-04-22 15:54:11
5189
1
转载 Vue.js进阶知识点总结
对大部分人来说，掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发，成为Vue.js大师，那下面我要传授的这五招你一定得认真学习一下了。第一招：化繁为简的Watchers场景还原：? 1 2 3 4 5 6 7 8 created(){ ...
2019-04-01 09:30:50
161
原创 微信小程序 二维码生成 乱码问题 处理
应用场景：在小程序内展示小程序二维码，此二维码可以进入目标小程序的特定页面或者携带参数一、获取access_token 如在小程序A内，或B内本身要展示B的二维码，需要使用小程序B的appid与密钥，通过微信小城程官方接口换取B小程序的access_token, 换取二维码的时候会用到；wxml：<button bindtap='getqrcode'>获...
2018-12-27 10:10:49
4917
4
转载 webpack css添加浏览器前缀loader 以及常用插件
什么是WebPack，为什么要使用它？为什要使用WebPack现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法模块化，让我们可以把复杂的程序细化为小的文件; 类似于TypeScript这种在JavaScript基础上拓展的开发语言：使我们能够实现目前版本的JavaScript不能...
2018-12-06 17:20:02
1684
转载 HTML特殊字符的html、js、css写法汇总
符号 UNICODE 符号 UNICODE HTML JS CSS HTML JS CSS ⇠ &#8672 \u21E0 \21E0 ⇢ &#8674 \u21E2 \21E2 ⇡ &#8673 \u21E1 \21E1 ⇣ &#86...
2018-11-21 09:24:23
124
原创 css文字特效-渐变叠加
<div class="text"> 文字特效</div>.text{ background:linear-gradient(40deg,rgba(54, 109, 250, 1)0%,rgba(204, 59, 251, 1)100%); -webkit-background-clip:text; -webkit-text-fi...
2018-11-02 16:51:56
1766
转载 js获取局域网ip地址
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <ul> <li>
2018-10-23 11:29:58
7457
2
原创 小特效-css高光效果
.spring_footer .light { cursor: pointer; position: absolute; left: -1180px; top: 0; width: 1240px; height: 90px; background-image: -moz-linear-gradient(0deg, rgba(255, 255...
2018-10-12 15:56:28
4882
转载 关于离线缓存Application Cache /使用 manifest文件缓存
Application Cache的配置文件首先需要在服务器上建立一个文件，里面的内容确定了哪些文件需要缓存，哪些文件不需要，如果资源无法访问会使用什么页面等这个文件一般为.appcache类型，称为缓存清单(cache manifest)文件，一个完整的缓存清单文件如下：CACHE MANIFEST# version xx.xx.xxCACHE:needBeCached.pn...
2018-07-26 17:41:53
1219
原创 多图片压缩上传
<form action="upload.php" method="post" id="formss" enctype="multipart/form-data"> <p><input id="file" type="file" name="imgs[]" multiple accept="
2018-05-17 14:08:58
151
原创 input[type = file]选择图片后展示
<input onchange="show(this)" type="file" name="imgs[]" multiple accept="image/gif, image/png, image/jpg, image/jpeg"><img src="" id="imgs"> function get_img(f)
2018-05-17 11:37:41
5292
1
转载 汉字与字母转换，用以实现首字母排序等功能
var PinYin = { "a": "\u554a\u963f\u9515", "ai": "\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u7477\u66a7\u7839\u953f\u972d", "an": "\.
2018-05-17 11:27:41
5239
原创 使用FormData向后台发送数据
很多时候在使用form向后台发送数据的时候，并不需要使用到表单组件。例如时间戳、ip等，这个时候除了ajax之外，还可以使用HTML5的一个全新方法FormData；在input[type = file]的文件类型中，很多时候想要把一张图片或者是使用canvas绘制好的图像传送到后台时，无法赋值给file文件，只能转换为base64类型传送到后台，然后由后台转换为图片再进行服务器存储；此过程较为复...
2018-05-17 11:17:06
8118
5
原创 容器边框美化
此处使用css3新属性border-img,但是对图片样式有所要求，需为空性方形；如图<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>君凯商联网</title> <style> .borders{
2018-05-17 10:44:25
629
原创 移动端网页唤醒app
此处以君凯商联网（品质特产网站）为例<a id="openApp" >君凯商联网</a> 许多移动端网站例如美团、京东等都会提示是否进入或下载app，或者是继续进行浏览网页版，用来提高app下载量，达到用户引流； 实现原理是将浏览器协议直接更换为打开本地app的协议，找到匹配项app后开启；或者是在页面中创建iframe，将i...
2018-05-17 10:38:44
4799
1
转载 在html代码中name为apple-itunes-app的meta标签定义有什么意义
这个标签是告诉iphone的safari浏览器，这个网站对应的app是什么，然后在页面上面显示一个banner图片。
2018-05-17 10:14:05
1564
转载 利用js获取客户端ip的方法
获取ip有两种方式，下面分别对每种方法进行研究。1. 通过script标签引入url比如如下代码：<scripttype="text/javascript" src="http://pv.sohu.com/cityjson?ie=utf-8"></script> <scripttype="text/javascript"> alert(retur..
2018-05-17 10:13:15
1380
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人