前端开发
记录工作中遇到的各种问题 https://unnue.com
jigsaw
https://yggx.net
展开
-
原生js 实现div全屏效果
原文地址: https://unnue.com/article/49//全屏function fullScreen(el) {var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen,wscript;if(typeof...原创 2018-12-12 12:31:57 · 6079 阅读 · 1 评论 -
一个开源vue网站博客,nuxt开源网站,前后端分离项目
unNue.com开媛笔记,基于nuxt ssr首屏服务器端渲染 。用于分享、记录、交流和学习,希望可以帮助到小伙伴们。同时网站在不断更新,创造属于猿(媛)的世界 -$Bao Yalong …Let’s Go! https://unnue.com简述前端 Github地址语言:Javascript主框架:Nuxt状态管理:Vuex路由:vue-router网络请求:...原创 2018-12-11 16:52:25 · 2370 阅读 · 4 评论 -
QQ音乐播放地址 API
效果以及原文: https://unnue.com/article/46播放地址https://api.bzqll.com/music/tencent/url?id=002GrJ771EmliH&key=579621905&br=320请求方式: GET参数id: 歌曲id,播放列表可以右键查看key: 默认值 579621905br: 码率 默认最大码率 ...原创 2018-12-08 20:23:37 · 3646 阅读 · 1 评论 -
Git 当前项目设置代理
参考链接# 设置代理 git config --local http.proxy 127.0.0.1:8580# 取消代理 git config --local --unset http.proxy # 参数 # --global 全局 # --local 当前项目原创 2018-12-08 20:17:02 · 1791 阅读 · 1 评论 -
promise 对象的两个特点
对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是Promise这个名字的由来,它的英语意思就是“承诺”,表示其他手段无法改变。一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promis...原创 2018-11-21 22:37:35 · 783 阅读 · 1 评论 -
谷歌浏览器文字转语音
来源:https://unnue.com/article/30var msg = new SpeechSynthesisUtterance('Hi, I\'m jigsaw!');speechSynthesis.speak(msg);原创 2018-11-21 22:31:46 · 8132 阅读 · 4 评论 -
js cookie 用法
//设置cookie document.cookie="inquiry_list="+str+";expires="+4*7*24*3600; //获取cookie function getCookie(name){ var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");if(arr=document.coo...原创 2018-09-25 22:37:31 · 272 阅读 · 0 评论 -
更新node版本后,运行npm报错,记一下
项目用了node-sass,记一下 npm rebuild node-sass原创 2018-08-05 12:56:13 · 2395 阅读 · 2 评论 -
js过滤html标签
var filterHTMLTag = function (msg) { var msg = msg.replace(/<\/?[^>]*>/g, ''); //去除HTML Tag msg = msg.replace(/[|]*\n/, '') //去除行尾空格 msg = msg.replace(/&npsp;/ig, ''); //去掉nps...原创 2018-07-21 15:08:22 · 4150 阅读 · 1 评论 -
js 获取url 参数 query
// 获取参数function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null) { return ...原创 2018-07-17 15:43:34 · 15852 阅读 · 0 评论 -
js 获取对象属性长度
// 获取可枚举属性的长度Object.keys(this.priceAttrs).length// 带有不可枚举属性Object.getOwnPropertyNames(this.priceAttrs).lengthfor…in 只遍历对象自身的和继承的可枚举的属性 Object.keys() 返回对象自身的所有可枚举的属性的键名 JSON.stringify() 只串行化对...原创 2018-07-15 23:11:29 · 6429 阅读 · 0 评论 -
jQuery中.get()方法,返回所有元素的数组
var data = $('li').map(function(){ return $(this).data('id');}).get();返回数组形式参考链接:https://api.jquery123.com/get/原创 2018-07-10 09:27:04 · 2831 阅读 · 0 评论 -
jQuery 获取选中的option的自定义属性
javascript$('select').change(function() { console.log($(this).find("option:selected").data('down'));})html<select class="form-control"> <option value="" data-down="0">Home&原创 2018-07-09 14:23:41 · 8172 阅读 · 0 评论 -
jQueryUI 排序中 select 无法下拉问题
cancel 中,把select 进去就行原创 2018-06-30 09:03:03 · 407 阅读 · 0 评论 -
export default function 和 export function 的区别
// 第一种export default function crc32() { // 输出 // ...}import crc32 from 'crc32'; // 输入// 第二组export function crc32() { // 输出 // ...};import {crc32} from 'crc32'; // 输入上面代码的两组写法,第一组是使用expor...原创 2018-06-23 18:08:29 · 40694 阅读 · 3 评论 -
当浏览器ie9以下时,跳转到ie提示页面
<!--[if lt IE 9]><meta http-equiv="refresh" content="0;ie.html" /><![endif]-->原创 2018-06-23 10:05:13 · 1320 阅读 · 0 评论 -
定时任务 cron 参考
0 0 10,14,16 * * ? 每天上午10点,下午2点,4点 0 0/30 9-17 * * ? 朝九晚五工作时间内每半小时 0 0 12 ? * WED 表示每个星期三中午12点 “0 0 12 * * ?” 每天中午12点触发 “0 15 10 ? * *” 每天上午10:15触发 “0 15 10 * * ?” 每天上午10:15触发 “0 15 10 * *...转载 2018-05-24 17:52:02 · 938 阅读 · 0 评论 -
css3 实现 太极图
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>太极图</title> <style type="text/css"> .taiji{position: relative;转载 2018-05-22 15:28:02 · 1328 阅读 · 0 评论 -
tabel thead 滑动固定顶部
试了几种方法,还是 translateY 比较靠谱放弃 ie// 固定头部var thead_top = $('thead').offset().top;$(window).scroll(function() { var sctop = $(this).scrollTop(); if(sctop > 60){ var ty = sctop - thead_top...原创 2018-05-10 17:20:39 · 2074 阅读 · 0 评论 -
js 点击滚动到顶部
$('.backtotop').click(function(){ $('html, body').animate({scrollTop:0}, 'slow');});原创 2018-05-10 15:48:10 · 1885 阅读 · 0 评论 -
生成下载文件js
function downloadFile(fileName, content) { var aLink = document.createElement('a'); var blob = new Blob([content]); var evt = document.createEvent("HTMLEvents"); evt.initEvent("click",...原创 2018-05-10 15:45:45 · 651 阅读 · 0 评论 -
mui两种退出应用的方式:
//1.1var backButtonPress = 0;$.back = function(event) { backButtonPress++; if(backButtonPress &amp;amp;gt; 1) { plus.runtime.quit(); } else { plus.nativeUI.toast('再按一次退出应用'); ...原创 2018-05-10 15:41:28 · 7503 阅读 · 1 评论 -
select2 与 输入法冲突
用搜索输入法输入中文时,输入不进去 解决方法为 输入 ,或, 来创建新的标签{% block script %} <!-- scripts --> {{ Loader('/public/site.min.js') .js('/public/vendor/select2/js/select2.min.js') .done(assets, config.site_st原创 2018-05-09 15:28:22 · 2813 阅读 · 0 评论 -
egg-passport-qq 使用小记
如过用语法糖mount,不是mount(‘qq’),而是mount(‘loginByQQ’)。npm包中,策略名为loginByQQ返回数据有问题,可能疏忽了qq的返回数据 根据需要,app.js中自己定义一个,我这里直接命名了 qq,挂载路由改成 mount(‘qq’)原创 2018-05-04 15:09:57 · 1743 阅读 · 0 评论 -
javascript js 使window.open 新窗口居中显示
openwindow = function (data) { var url = data.url; //转向网页的地址; var name = data.title || '选择要添加的页面'; //网页名称,可为空; var iWidth = da...原创 2018-04-27 17:49:04 · 2436 阅读 · 1 评论 -
谷歌浏览器301缓存,如何去除?
谷歌浏览器301缓存,如何去除?找到301的来源,右键-选择 clear brower cache,然后弹框点击确定即可此方法不会清理其它缓存,如:历史记录不会被清除唠叨一句,不管用的话,请回复我,或者给个鼓励也行。不废话直接上图...原创 2018-04-25 14:48:28 · 2972 阅读 · 0 评论 -
bootstrapValidator 提交按钮改成button后,.submit() 无法提交表单
解决方法:$(‘#myform’)[0].submit();原创 2018-04-23 20:26:37 · 2855 阅读 · 1 评论 -
苹果手机浏览器safari不显示手机号问题
苹果手机浏览器,检测到手机号时会自动设置其样式,有时候会影响效果head标签中加上以下代码即可 <meta name="format-detection" content="telephone=no" />若还想要点击拨号的话,可在a标签href中加tell:即可 <a href="tel:电话号码"></a>原创 2018-04-23 18:53:45 · 1686 阅读 · 0 评论 -
escape、encodeURI和encodeURIComponent 区别
一、前言讲这3个方法区别的文章太多了,但是大部分写的都很绕。本文试图从实践角度去讲这3个方法。 二、escape和它们不是同一类简单来说,escape是对字符串(string)进行编码(而另外两种是对URL),作用是让它们在所有电脑上可读。编码之后的效果是%XX或者%uXXXX这种形式。其中 ASCII字母、数字、@*/+ ,这几个字符不会被编码,其余的都会。最关键的是,当你需要对URL编码时,请...原创 2018-03-14 10:38:02 · 161 阅读 · 0 评论 -
for循环经典题
传送门https://buluo.cc// es5for (var i = 0; i < 10; i++) { setTimeout(() => { console.log(i); });}// 解决方法// 方法 闭包for (var i = 0; i < 10; i++) { (function(i){ ...原创 2018-03-14 10:15:01 · 3057 阅读 · 1 评论 -
js技巧总结,字符串中字符出现次数...
### 1.查找一个字符串中“每”个字符出现的次数的,例如'assddfsds'中a s d f 分别出现了几次 'assddfsds'.match(/a/g).length;### 2.写一个方法,交换两个变量的值var a = 10;var b = 99;### 3.数组求最大值var a = [1,4,5,2,9];下面求a中最大值 Math.max.apply(null,a) ...原创 2018-03-08 14:04:41 · 530 阅读 · 0 评论 -
js重置表单 id.reset(),加深下记忆
document.getElementById("frm1").reset();不用.val('');原创 2018-03-05 17:44:03 · 2412 阅读 · 0 评论 -
谷歌浏览器截图
Capture full size screenshot原创 2018-02-23 14:30:14 · 370 阅读 · 0 评论 -
获取div内容以及div属性
$(".test").prop("outerHTML");原创 2017-12-01 17:29:00 · 3475 阅读 · 0 评论 -
gulp 同级目录,自动刷新和使用include
cnpm install -g gulpcnpm install gulpcnpm install gulp-connectcnpm install gulp-file-includegulpfile.js 配置如下var gulp = require('gulp');var connect = require('gulp-connect')原创 2017-11-17 13:46:25 · 589 阅读 · 0 评论 -
Vue2.0 中,“渐进式框架”和“自底向上增量开发的设计”这两个概念是什么?
作者:寇云链接:https://www.zhihu.com/question/51907207/answer/136509019来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。场景1:如果你的技术团队技术选型比较保守,没有新技术的使用场景,比如让你去维护一个管理后台。管理后台,日常就是提交各种表单了,这部分现有的方案,比如form表单提转载 2017-11-10 14:58:29 · 3020 阅读 · 0 评论 -
js 设置 Cookie,cookie的作用域设置
//设置cookie document.cookie="inquiry_list="+str+";expires="+4*7*24*3600;//获取cookiefunction getCookie(name){var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");if(arr=document.cookie.match(reg))return ...转载 2017-08-23 21:25:00 · 4576 阅读 · 0 评论 -
只针对ie8以下的border-bottom写法
border-bottom: none;border-bottom: 1px solid red\9;border-bottom:calc(0px);原创 2017-10-16 11:52:27 · 1800 阅读 · 0 评论 -
浏览器跨域小记
同源政策规定,AJAX请求只能发给同源的网址,否则就报错。 * 1. 跨域问题只存在浏览器中,服务器端跨域请求是不存在问题的 * 2. JSONP只支持GET请求 * 3. CORS支持所有类型的HTTP请求,需要在服务器的白名单 * 4. x-requested-with XMLHttpRequest //表明是AJax异步 * 5. 跨域关键,请求头Origin,谷歌插件可测...原创 2018-03-28 16:10:04 · 328 阅读 · 0 评论 -
css 只隐藏文字
text-indent: -9999px;overflow: hidden;后期项目改动不大a 链接中之前含有文字,要改为图片代替文字在不改动原程序的情况下,用背景图片上面的文字代替原创 2017-11-11 11:52:34 · 335 阅读 · 0 评论