![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
搬砖老程
我的网站:https://lolku.cn
展开
-
java中freemaker${}表达式与js ${}冲突
解决方案:通过Java的freemaker 输入 ${} 即可。比如下面是Java的页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid.原创 2021-08-08 23:49:09 · 436 阅读 · 0 评论 -
performance校验运行时间
function run() { var t = this , e = performance.timing , n = {} , r = function() { n["DNS解析时间"] = e.domainLookupEnd - e.domainLookupStart, n["TCP完成握手时间"] = e.connectEnd - e.connectStart, n["重定向时间"] = e.redirect原创 2021-06-05 14:44:17 · 188 阅读 · 0 评论 -
js获取浏览器语言识别国家
(function($){ $.browserLanguage = function(callback){ var language; $.ajax({ url: "//ajaxhttpheaders.appspot.com", dataType: 'jsonp', success: function(headers) { language = headers['Accept-Language']..原创 2021-06-05 14:26:30 · 1562 阅读 · 0 评论 -
获取url(路由)参数
方式一:语法糖// 如果不传则获取路由参数。返回对象。如果重复给参数,则和 vue-router 一样,都是以数组返回getAllUrlParams([url])使用// 情景一: 获取某个url上的参数let href = 'https://www.baidu.com/s?wd=哈哈哈&rsv_spt=1'getAllUrlParams(href )/*** 打印结果:* { wd: "哈哈哈", rsv_spt: "1" }*/// 情景二:获取浏览器地址栏参数原创 2021-06-05 10:57:08 · 1411 阅读 · 0 评论 -
js获取设备系统类型
/* 更多详细的第三方库:https://github.com/hgoebl/mobile-detect.js*//** * 获取设备系统类型 * @returns {string} 返回的系统名称 */export let getOSname = () => { let e = "Unknown"; if (window.navigator.userAgent.indexOf("Windows NT 10.0") != -1) e = "Window原创 2021-06-03 23:45:17 · 216 阅读 · 0 评论 -
js获取媒体查询屏幕的属于哪种屏幕
/** * 获取屏幕的属于哪种屏幕 * @returns {string} xs为超小屏 sm为小屏 md为中屏 lg 为大屏 */export let getScreen = function () { if(win.matchMedia("(min-width: 1200px)").matches) { return 'lg'; }else if(win.matchMedia("(min-width: 992px)").matches) { // screen原创 2021-06-02 08:35:09 · 290 阅读 · 0 评论 -
微信有病不改?
1、为了微信开发者有一个更好开发环境2、为了打击微信开发人员不要脸行为,以下是进行不检点进行批评3、为了让腾讯更加垄断主义不检点之处:1、开发文档不及时更新,导致新入门开发者或老的开发者无法继续开发,每次都需要去谷歌、百度之类的,大大减少开发者效率(开发进度慢),甚至导致测试部门进行白眼对待2、有些链接失效,不及时更新。比如:(http://ip.qq.com/)3、技术demo不及时更新,造成多个误会点,比如 js网页开发demo。几百年前的东西,拿出来炫耀一番,呵呵4、没有完整的de原创 2021-02-21 14:54:09 · 214 阅读 · 0 评论 -
【原创】小程序生成图片或者生成海报功能
对于开发者来说,对于文档已是很长时间的事情了,就是不熟悉,尤其是canvas上面,真的是头疼的很。在百度里面搜出来的就是渣渣,都是过期的案例了。下面是福利了。文档地址基础使用步骤:第一步:下载或者克隆(下载方式,不懂自行百度),下载好后,在项目中找到 components 目录中 wx_poster 文件夹,进行拷贝放入到自己项目中。比如我放入在 components 文件夹下面。第二步:引入组件找到自己想要引入的页面 .json文件。然后将 usingComponents 里面进行添加.原创 2020-05-15 13:04:34 · 2853 阅读 · 2 评论 -
js 小程序码调试
理解小程序码是只有微信小程序自己才能识别的一种码。微信的小程序码测试是测试不了的,只能是项目上线了才能看到效果。这个不是想搞事吗。(亲测啊)后台的想法小程序码参数长度是有限的。那么建议贵公司后台也能给通过设置一个参数,就是某个字段然后对应值。然后前端拿着这个值去查询数据库,里面就是存的相应数据(存路径等)。比如我公司就是使用id后面再跟着某个id值,后台只要生成小程序码直接拼好id值。...原创 2020-04-26 18:16:21 · 430 阅读 · 0 评论 -
【技巧】js阵列函数all方法
前言相信大家都使用过Promise.all(),那么是怎么来了。其实原理简单的很。通过回调function fn1 (cb) { setTimeout(function () { cb(); },3000)}function all (list) { var len = list.length; }...原创 2019-12-18 23:37:44 · 1732 阅读 · 0 评论 -
【fusioncharts】vue fusioncharts 统计图
前言 国内和国外都有很多charts的东西。看到很多人使用。里面支持很多流行框架使用。今天偶尔一个朋友正好用这个(这里是使用vue项目搭建的),也让我帮忙看看。今天就把会的东西分享出来,希望能够对大家有帮助。比如做下面的饼状图 注意,npm 里面的一个教程错误的,千万别走坑了:https://www.npmjs.com/package/fusioncharts 。安装...原创 2018-09-08 19:04:58 · 1849 阅读 · 0 评论 -
【微信小程序】小程序引入echarts统计图
前言微信现在是太多人使用了,应用这东西也非常的多,也包含小程序了,小程序发展到现在已经是非常好了。我很久都没写小程序的教程了,现在就开始今天的教程吧。预览官方git网站。你可以微信扫一扫扫下面的二维码,进行查看:下载下载地址:官方git网站。请按照下图可以进行下载,也可以通过git。手册:引入项目中第一步:拷贝文件,将 echarts-for-weixin-mas...原创 2018-10-14 13:13:50 · 27168 阅读 · 0 评论 -
【dart 开发】详细 dart 安装开发环境
前言 说明下:本人只有window和mac,所以安装实践只有这两种,其他的自行尝试。简介:Dart是谷歌开发的计算机编程语言,后来被Ecma (ECMA-408)认定为标准 [1] 。它被用于web、服务器、移动应用 [2] 和物联网等领域的开发。它是宽松开源许可证(修改的BSD证书)下的开源软件。详情介绍。====================================...原创 2018-08-25 22:42:47 · 23331 阅读 · 0 评论 -
【vux报错】Unexpected token: punc ()) UglifyJs报错
前言 这个是我第一次看到webpack打包错误,当时项目等着测试,一直催着,我的天啊,真的是惨啊。各种百度各种问人,都毫无结果,只能是通过最笨的方法到gitlab上面把之前能打包项目拉下来,(这里得多备份),然后尝试把错误的项目文件丢进去了,看看哪个打包的时候出错。错误 看到下面的错误:ERROR in static/js/app.f1ffc43414a4b5a20...原创 2018-08-28 14:32:57 · 6861 阅读 · 0 评论 -
手机自带浏览器的强大
移动端在大移动端中,大部分都是人手一台手机,大部分机型系统不是ios就是安卓,但是作为h5前端必须得获取是ios还是安卓都是正常,可是你难以相信这个世界坑你的总是有获取手机浏览器哪个系统你们确定下面的方式能够获取的对吗?下面是谷歌搜索收集起来的方式一:var ua = navigator.userAgent.toLowerCase();if((ua.match(/andro...原创 2019-07-05 15:27:44 · 2310 阅读 · 0 评论 -
【choco 安装】chocolatey 安装步骤包管理工具
他可以帮你安装东西,不用下载环境软件,就可以使用。官网chocolatey 单击我下载安装要求Windows 7+ / Windows Server 2003+PowerShell v2 +.NET Framework 4+(如果您没有安装,则安装将尝试安装.NET 4.0)而已!所有你需要的是choco.exe(你从安装脚本中获得),你很高兴!不需要Visual...原创 2018-08-22 13:43:14 · 35055 阅读 · 0 评论 -
【node】express请求http与https一起能访问
前言当你有一个云服务器主机,你会怎么办,即时你是一名前端。在阿里申请免费的https的ssl证书,在node跑起来了,但是http却不能跑了,是不是很气了。下面就开始今天的任务吧。实战请求 http或https此处使用真正的服务器。下面是通过代理进行将http与https的进行统一一个端口。访问的时候,你可以访问 http或者https请求头。var httpsPort = 58...原创 2018-10-16 11:36:06 · 5617 阅读 · 0 评论 -
【接口网站】收集免费AI 智能sdk网站
前言现在是大数据、人工智能时代了,那么咱们前端怎么能够少的了折腾,不想折腾的前端不是好前端。一直以来都是做懒人,现在是将有限的生命投入到个人兴趣中。网站感谢下面的各大网站免费提了个供,免费啊。哈哈哈。腾讯AI网站百度AI网站有道智云网站搜狗AI智能网站京东AI智能网站后期猥琐发育别浪,每个月更新的AI接口教程将在下方进行更新:...原创 2018-10-10 18:24:21 · 2624 阅读 · 0 评论 -
【vue】 npm err cb() called!
解决方案先执行下面的语句,不能解决,卸载 node 重装下。npm cache clean -f原创 2018-10-21 19:53:34 · 508 阅读 · 0 评论 -
【vue】vue根据不同环境(正式、测试)打包(二)
前言当你想通过命令进行打包不同包,比如输入:npm run build_dev 就能打包出测试包,当然这个看情况,下面方法不是最好的,但也是一个方法(此方法不完善)。使用场景一般使用在 ajax 请求地方,比如说我测试环境是 www.api.lolku.cn/dev 。而正式环境是 www.api.lolku.cn/nice 。 那么你打包的话,就会打正式包,那么怎么解决了,根据不同...原创 2018-12-06 21:57:15 · 1232 阅读 · 0 评论 -
【vue】vue根据不同环境(正式、测试)打包(一)
前言前提姿势下面有个东西必须得你看文章的问懂得。原创 2018-12-09 15:29:19 · 4928 阅读 · 0 评论 -
【vue-i18n】国际化语言翻译技巧
前言现在把实在过的进行讲述下官方网站官方网站npm 地址cdn 地址安装npm安装方式:npm install vue-i18nyarn安装yarn add vue-i18nvue3 脚手架安装:vue add i18n使用第一步:引入vue-i18n依赖找到main.js入口文件,按照下面代码来import Vue from 'vue'// 1...原创 2019-04-26 21:20:06 · 3375 阅读 · 0 评论 -
【前端库】accounting货币汇率
官方手册单击我看效果手册方法 前言:可以将货币进行转换,将数值转换为货币,运算非常精确,可以设置任何一个货币符号及其他功能。基础引入<!-- 下面的使用百度资源库加载货币accounting.js --><script type="text/javascript" src="http://apps.bdimg.com/libs/...原创 2017-12-05 22:22:30 · 809 阅读 · 0 评论 -
【服务器】window 系统使用 OpenSSL 创建HTTPS证书
下载OpenSSL 下载地址:http://slproweb.com/products/Win32OpenSSL.html百度云盘下载:链接:https://pan.baidu.com/s/1xFwTUq1cSP70JXyevreNDQ 密码:3sfg开始教程1、安装软件 安装过程跳过,不是程序员也会安装,此处软件我安装到D盘中,可以找到安装的目录,然后在目录中找到b...原创 2018-06-13 19:03:41 · 1267 阅读 · 0 评论 -
【数据库】window10 MongoDB数据库安装错误 then install has encountered an unex...
这种错误是因为window 10的机制,必须得使用管理员身份进行运行。解决方法单击桌面的坐下角有个window图标按钮,进行鼠标右击。运行起管理员身份的cmd 使用管理员的cmd进行执行安装程序文件。...原创 2018-06-13 13:11:49 · 715 阅读 · 0 评论 -
【前端库】HTML 移动端适配(推荐)
案例单击我 上一篇文章我写了,关于移动端适配问题,传送门开,这一次也关于移动端适配问题,这个方式比较常用。我经常在公司得项目中使用直接粘贴适配代码:/* * @Author: a * @Date: 2017-03-11 15:08:34 * @Last Modified by: a * @Last Modified time: 2017-03-11 15:08...原创 2018-02-07 16:21:38 · 12165 阅读 · 6 评论 -
【前端后台】express 后台之ejs模板语法
前言 express的必须得和ejs模板挂钩,能够让页面更好的遍历及服务器端渲染。安装npm install ejs --saveexpress 配置模板 使用的是通过app.set()方法来配置。var app = express();app.set('view engine', 'ejs');// 传参到页面里面app.get("/",...原创 2018-02-27 12:56:18 · 1612 阅读 · 0 评论 -
【数据库】MongoDB 安装Mac版本
方法一1、进入 /usr/localcd /usr/local2、下载sudo curl -O https://fastdl.mongodb.org/osx/mongodb-osx-x86_64-3.4.2.tgz3、解压sudo tar -zxvf mongodb-osx-x86_64-3.4.2.tgz4、重命名为 mongodb 目录...原创 2018-02-26 13:16:18 · 557 阅读 · 0 评论 -
【前端库】html 移动端适配(meta方法)
案例单击我js代码;(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaEl = doc.querySelector('meta[name="viewport"]'); var flexibleEl = doc.querySele...原创 2018-02-07 15:54:39 · 6385 阅读 · 1 评论 -
【前端库】clipboard.js 复制到剪贴板
文档github官方网站兼容优势在不考虑兼容低版本浏览器的情况下,对于传统的复制到剪切板是得使用flash来完成,这杨非常的臃肿及文件大小较大步骤(分两方法下载)第一方法:基础步骤<!-- 引入相关的 clipboard 文件 --><script src="https://cdn.bootcss.com/clipb...原创 2017-12-21 19:59:37 · 1173 阅读 · 0 评论 -
【前端库】moment.js 时间库
官方网站文档基础部分 主要是的获取默认本地时间,进行格式化。默认是英文显示格式,可以加入其他国家语言解析。引入脚本<!--// 主要的脚本--><script src="https://cdn.bootcss.com/moment.js/2.19.4/moment.min.js"></script><!-- 格林...原创 2017-12-27 22:08:54 · 5605 阅读 · 0 评论 -
【微信小程序】微信小程序开发api之媒体
不要给我面子,拿走即可。希望能够帮助一些坚持学习的码农们注意:低版本与权限的问题图片 有下面的4个方法。 方法名 方法说明 wx.chooseImage() 里面的参数是json对象。从本地相册选择图片或使用相机拍照 wx.previewImage() 里面的参数是json对象。预览图片(和上面配合使用或者其他)...原创 2017-12-26 16:21:10 · 577 阅读 · 0 评论 -
【微信小程序】微信小程序开发(一)
文件目录结构详情 后缀为wxss的为css样式表。后缀为wxml的为html文件,注意的是里面不是HTML标签了,手册里面提供了相应的标签,这些标签可以自动有一些效果。最外面的app.js、app.json、app.wxss是全局脚本、全局样式或者全局配置项。pages是用于页面文件夹,里面的文件夹一个就是一个页面,不需要引入一个css样式表啊或者脚本等等。在pages的页面中...原创 2017-12-07 20:26:44 · 9138 阅读 · 0 评论 -
【前端库】typescript 入门笔记
安装安装typescript的编译器 如果在编辑器内编辑好了以后,那么怎么编译成javascript了,就得在node的cnpm安装编译器,通过命令行,将ts后缀文件编译成javascript。// 安装cnpm install -g typescript在编辑器内安装typescript 编辑插件,比如:在Sublime Text 3 中 按ctrl+shif...原创 2017-12-13 23:17:58 · 1099 阅读 · 0 评论 -
【数据库】Error: 解决mongodb错误
推荐安装MongoDB使用brewError: couldn’t connect to server 127.0.0.1:27017, connection attempt failed : connect@src/mongo/shell/mongo.js:251:13错误原因 这个是因为没有正确的将服务器关闭,下面是正确的结束服务器。use admindb.sh...原创 2018-02-18 12:49:54 · 2773 阅读 · 0 评论 -
【前端库】fetch.js 网络请求
前言fetch 是 window.fetch 的 JavaScript polyfill。全局 fetch 函数是 web 请求和处理响应的简单方式,不使用 XMLHttpRequest。这个 polyfill 编写的接近标准的 Fetch 规范。也就是说现在可以不使用ajax了,除非是兼容很低得浏览器。该fetch()函数是一个基于Promise的机制,用于在浏览器中编程地制作Web请求...原创 2018-03-01 16:15:29 · 10489 阅读 · 0 评论 -
【服务器】iis + iisnode 搭建 【教程失败】
前言经过老程博主尝试 四五十次验证尝试最终以失败告终,下一篇文章分享node在真实服务器跑(期待着)经过老程博主尝试 四五十次验证尝试最终以失败告终,下一篇文章分享node在真实服务器跑(期待着)经过老程博主尝试 四五十次验证尝试最终以失败告终,下一篇文章分享node在真实服务器跑(期待着) iis是非常很好用的东西哦!在iis搭建这篇文章中,介绍了怎么安装和好处,此处就不说了...原创 2018-03-15 23:09:32 · 1228 阅读 · 0 评论 -
【vue scoped 样式修改 】框架或插件组件样式更改及/deep/ 警告
修改组件样式三种方式 以下例子以 vux 来弄第一种:使用 /deep 推荐的。看下面例子&amp;amp;amp;amp;amp;lt;template&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt;div class=&amp;amp;amp;amp;quot;box-out&amp;amp;amp;amp;quot;&am原创 2018-05-25 13:19:49 · 18572 阅读 · 4 评论 -
【前端库】淘宝适配 rem适配 lib-flexible.js 个人总结
前言 上篇文章中使用 rem适配 ,现在说下大部分都在使用的rem。看完这篇文章移动端页面开发适配 rem布局原理,发现我根本就不懂(心想管他了),但是只要会使用即可,干货来了。下载看下面图进行下载看下面图进行下载看下面图进行下载 下载地址:https://github.com/chengjs/rem个人使用推理 下图说明:按视口的宽度来计算...原创 2018-04-26 19:05:02 · 13134 阅读 · 3 评论 -
【前端】dropload 上拉加载,下拉刷新(不推荐使用)
dropload 上拉加载,下拉刷新dropload 脚本 2018-4-18 测试:不能正常运行苹果6版本是8.3(12f70)低版本安卓 5.1 得 浏览器不支持,微信最新支持正在测试其他...原创 2018-04-18 14:59:47 · 3030 阅读 · 0 评论