- 博客(63)
- 收藏
- 关注
RSS订阅原创 uniapp加载第三方字体（微信小程序测试通过）
一。CSS远程加载App.vue@font-face{ font-family: font-name; src:url('https://XXXXX/font.ttf');}在微信小程序的开发者工具里面有用，但是（安卓）真机调试没有用二、使用API uni.loadFontFace()App.vue onload(){}中uni.loadFontFace({ family: 'Bitstream Vera Serif Bold', source: 'ur
2022-05-26 10:31:23
1870
1
原创 el-dialog拖动
1.drag.jsimport Vue from 'vue';/** 使用方法* 将以下代码复制到一个js文件中，然后在入口文件main.js中import引入即可；* 给elementUI的dialog上加上 v-dialogDrag 指令就可以实现弹窗的全屏和拉伸了。* 给dialog设置 :close-on-click-modal="false" , 禁止点...
2019-07-24 15:30:58
3193
2
原创 vue中div拖动
1.html<div id="app1"> <div v-drag class="drag"></div> <div v-drag class="drag"></div></div>2.CSS.drag{ width: 100px; heig...
2019-07-24 11:52:02
3086
1
原创 深入理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY
event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性event.pageX、event.pageY类似于event.clientX、event.clientY，但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性，但得到了广泛支持。IE事件中没有这2个属性。...
2019-07-24 11:49:05
1146
原创 前端动态加载路由
1.router->index.js 配置asyncRouterMapconstantRouterMap2.src->permission.js 验证权限部分 由后台返回的菜单传递给store中的permission，生成动态路由3.store->modules->permission.js递归过滤异步路由表，返回符合用户权限的路由表4.在页面中...
2019-07-19 16:18:42
3001
原创 axios带token传递
需要准备的东西：Vue+axios+Vuex+Vue-routertoken写入请求头1.在login.vue中通过发送http请求获取token，写入cookie保存，同步更新vuexvuex中Login action 在store->modules->user.js中setToken方法在utils->auth.js中2.配置请求头+token...
2019-07-02 16:52:13
7774
原创 cookie 和session 的区别详解
这些都是基础知识，不过有必要做深入了解。先简单介绍一下。二者的定义：当你在浏览网站的时候，WEB 服务器会先送一小小资料放在你的计算机上，Cookie 会帮你在网站上所打的文字或是一些选择，都纪录下来。当下次你再光临同一个网站，WEB 服务器会先看看有没有它上次留下的 Cookie 资料，有的话，就会依据 Cookie里的内容来判断使用者，送出特定的网页内容给你。 Cookie 的...
2019-07-02 16:34:20
101
原创 axios跟ajax的区别
axios 原理还是属于XMLHttpRequest， 因此需要实现一个ajax。 还需要但会一个promise对象来对结果进行处理。 ajax实现 var Ajax={ get: function(url, fn) { // XMLHttpRequest对象用于在后台与服务器交换数据 var xhr = new...
2019-07-02 16:33:10
966
原创 echo与print，var_dump()和print_r()的区别
1.echo 和 print 的区别共同点：首先echo 和 print 都不是严格意义上的函数，他们都是 语言结构;他们都只能输出 字符串，整型跟int型浮点型数据。不能打印复合型和资源型数据；而区别是：echo 可以连续输出多个变量，而print只能一次输出一个变量。print打印的值能直接复制给一个变量，如 $a = print “123”;而echo 不可以，它没有像函数...
2019-06-14 15:00:59
2537
原创 查找元素在数组中的位置
ES6为Array增加了find()，findIndex函数。find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined。findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就返回-1。他们的都是一个查找回调函数。[1, 2, 3, 4].find((value, index, arr) => { })查找函数有三个参数。...
2019-06-04 14:50:29
9101
原创 js求数组最大值方法
定义一个数组var arr = [-1, 1, 101, -52, 10, 1001, 1001]1.es6拓展运算符...Math.max(...arr)2.es5 apply(与方法1原理相同)Math.max.apply(null,arr)3.for循环let max = arr[0];for (let i = 0; i < arr.length ...
2019-06-04 14:47:46
44885
2
原创 vue组件中ref的用法
1/el-table中ref的用法：普通用法： ref=“refs” 查找时使用this.$refs.refs2/组件中ref的用法：<child ref="childRef"></child>查找时this.$refs.childRef找到的是子组件如果子组件里el-table不是唯一组件，this.$refs.childRef.$children[0]找到t...
2019-02-21 16:00:26
8732
转载 https网页加载http资源导致的页面报错及解决方案
https是当下的网站的主流趋势，甚至像苹果这样的大公司，则完全要求用户必须使用https地址。 然而对于以前http链接来说，我们往往就存在一个兼容性问题，因为你不可能一下就全部切换过去，应该在很长一段时间内，https与http将共存。 https与http共存的场景有如： 1. app已经发布出去，其调用接口的地址为http的，那么这是必须兼容的。 2. ap...
2019-01-18 09:34:41
549
转载 js下载
JS前端创建html或json文件并浏览器导出下载作者：张鑫旭一、HTML与文件下载如果希望在前端侧直接触发某些资源的下载，最方便快捷的方法就是使用HTML5原生的download属性，例如：<a href="large.jpg" download>下载</a>具体介绍可参考我之前的文章：“了解HTML/HTML5中的download属性”。但显然...
2018-12-05 18:05:24
2683
原创 vue监测input输入自动查询
Vue.js 有一个方法 watch，它可以用来监测Vue实例上的数据变动。如果对应一个对象，键是观察表达式，值是对应回调，值也可以是方法名，或者是对象，包含选项。 下面写两个demo，参考demo来了解一下demo1<template> <div> <el-input v-model="demo"></el-input&...
2018-09-06 15:52:32
5873
原创 点击a标签，跳转到iframe中，并在iframe中显示指定的页面
1、用a标签的target属性 <iframe id="myFrameId" name="myFrameName" scrolling="no" frameborder="0"></iframe> <a href="../XX.action?codeInfo=Demo123" target="myFrameName&q
2018-08-22 14:11:54
3079
转载 几款开源的ETL工具及ELT初探
ETL，是英文 Extract-Transform-Load 的缩写，用来描述将数据从来源端经过抽取(extract)、转换(transform)、加载(load)至目的端的过程。ETL 是构建数据仓库的重要一环，用户从数据源抽取出所需的数据，经过数据清洗，最终按照预先定义好的数据仓库模型，将数据加载到数据仓库中去。我们在下方列出了7款开源的ETL工具，并讨论了从 ETL 转向“无 ETL”的过程...
2018-08-06 08:45:41
168131
8
原创 form提交
this.$refs['knowledgeFormRef'].validate((valid) => { if (valid) { if(vm_table.$data.isEdit){ $("input[name='file....
2018-07-20 14:21:38
207
原创 ES6新特性 三
三、数值的扩展 3.1 parseInt() parseFloat() 由全局方法变为 Number.parseInt() 3.2 指数运算符 ** // 2 ** 2 // 4 2 ** 3 // 8 let a = 1.5; a **= 2; // 等同于 a = a * a; let...
2018-07-19 17:42:40
104
原创 ES6新特性 二
二、变量的解构赋值 2.1 数组的解构赋值// 数组的元素是按次序排列的，变量的取值由它的位置决定 let [a, b, c] = [1, 2, 3]; // 等价于 let a = 1; let b = 2; let c = 3; 2.2对象的解构赋值 let { bar, foo } = { foo: "aaa", bar: "bbb" ...
2018-07-19 17:42:07
85
原创 ES6 新特性
一、let const 1.1 let 局部声明 不允许变量提升(声明前使用) 不允许同作用域重定义 新增块级作用域 for (let i = 0; i < 3; i++) { // for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。 let i = 'abc'; console.log(i); ...
2018-07-19 17:41:35
135
原创 JS高级程序设计 第六章
六、面向对象 6.1 访问属性 get set var book = { _year: 2004, edition: 1 }; Object.defineProperty(book, "year",...
2018-07-19 17:40:37
176
原创 JS高级程序设计 第五章
五、引用类型 5.1 obj 用obj.pro 表示属性 5.2 array length不是只读 array[length-1] array[length]=? 直接赋值 5.2.1 转换方法 toLocaleString()、 toString()和 valueOf()方法 join() ...
2018-07-19 17:40:01
273
原创 JS高级程序设计 第四章
四、变量、作用域和内存 4.1 变量赋值 基本变量赋值 num2 = num1; 互不影响 会创建num1这个值的一个副本 引用变量赋值 obj2 = obj1; 有影响 如果改变了obj1的属性 obj2也跟着改变 因为obj1和obj2调用了内存堆中的同一个地址 obj2复制的是指针 ...
2018-07-19 17:39:15
179
原创 JS高级程序设计 第三章开始
三.基本概念 1.typeof 操作符 检测数据类型 总共undefined boolean string number object function这6种类型 1.1 undefined 未声明或未初始化 变量声明之后默认取得了 undefined 值 ...
2018-07-19 17:38:37
106
原创 跨域的实现
1.jsonp2.getJSON用法如下：1. $.ajax({ async : true, url : "https://api.douban.com/v2/book/search", type : "GET", dataType : "jsonp", // 返回的数据类型，设置为JSONP方式 ...
2018-07-18 14:43:46
117
原创 jquery中$.ajax $.get $.post 和$.ajax的区别和用法
首先，.get和.get和.post其实都是.ajax的一种，在.ajax的一种，在.ajax中有一个type属性，专门用来指定是get请求还是post请求的。其次，$.ajax 是 jQuery 底层 AJAX 实现，$.ajax是一种通用的底层封装，$.ajax()请求数据之后，则需要使用回调函数，有beforeSend、error、dataFilter、success、complete等...
2018-07-18 14:35:15
434
原创 异步请求的几种方法
1.最原始的js ,new XMLHttpRequest(); //由于浏览器兼容的原因，代码复杂，多使用基于jQuery的异步请求方法（内部封装）2.基于jQuery的Ajax方法： (1)load(url,[data],[callback]),实例如下： $("#test").load("test.php",{limit:1},function(){alert("y...
2018-07-18 14:19:34
11090
原创 VSCode快捷键
主命令框F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内，可以输入任何命令，例如：按一下 Backspace 会进入到 Ctrl+P 模式 在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式在 Ctrl+P 窗口下还可以:直接输入文件名，跳转到文件 ? 列出当前可执行的动作 ! 显示 Errors或 Warnings，也可以 Ctr...
2018-07-17 17:17:39
149
原创 VS Code 初配置
1、点击菜单栏“文件”——“首选项”，再点击“用户设置”；2、找到editor.fontSize的参数。可以看到这个就是控制页面文字大小的设置了。3、输入editor.fontSize：20，（大小自己定哈）然后保存文件；4、设置成功，可以看到左侧不跟着变大了 。只是代码部分变大了字体~...
2018-07-17 10:27:06
220
转载 郑州有哪些比较好的全国知名互联网公司（部分名单）？
华为华为是在2017年携手河南国家大数据中心在郑州共同成立华为郑州软件研发中心。华为公司将进一步优化河南业务布局，充分发挥智能终端、云计算、物联网、软件开发等方面优势，助推河南产业发展转型升级。360360安全卫士、360浏览器，这些产品很多河南网民耳熟能详。可很多人不知道，奇虎360在全国最大的数据中心就设在郑州。地处中原、辐射全国，区位优势成为360“恋上”河南的主要原因猎豹移动郑州是猎豹移动...
2018-06-29 13:16:30
25580
转载 当前GitHub上排名前十的热门Vue项目
当前GitHub上排名前十的热门Vue项目 原Vue.js 1. ElemeFE/elementtag：vue javascript componentsstar：15.8klink：https://github.com/ElemeFE/element简介Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。通过基础的 24...
2018-06-29 10:06:17
17876
原创 string 字符串替换 replace
var str = 'abcadeacf';var str1 = str.replace('a', 'o');alert(str1); // 打印结果： obcadeacf var str2 = str.replace(/a/g, 'o');alert(str2); //打印结果： obcodeocf,
2018-06-15 13:08:38
201
原创 【ElementUI】日期选择器时间选择范围限制
ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细，这里做一个element-ui日期插件的补充。 官方文档中使用picker-options属性来限制可选择的日期，这里举例子稍做补充。 单个输入框的 组件代码：<el-date-picker v-model="value1" type="date" place...
2018-06-15 13:05:47
3809
2
原创 前端系统学习指南
在这里，列出一些你在实践中可能遇到的一些问题，并给出相应的解决方案。31、CSS语言很好，但不能编程？a)用Sass/Lesshttp://www.w3cplus.com/sassguide/http://lesscss.cn/2、要做个项目，有没有更多可以直接调用的框架？（常用）a)YUI3https://github.com/yui/yui3/wikib)AngularJShttps://an...
2018-05-10 15:37:26
510
转载 Sublime Text 常用的16 个 Sublime Text 快捷键
这里有一个15 16 个快捷键的精选列表(1个自定义快捷键)，以gif动画展示，我每天使用。享受吧!(译者注：原文所列快捷键均为OS X环境，为了方便Windows和Linux环境童鞋的学习，译者将备注Windows和Linux下对应的快捷键)选择选择一个选中项的下一个匹配项选择一个选中项的所有匹配项选择与光标关联的开始和结束标签选择容器内内容（新）选择括号内的内容移动行和文本上移或下移行复制行或...
2018-04-19 13:42:20
1630
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人