aithena-优快云博客

原创 vue+element 弹框层级问题

Vue.prototype.$ELEMENT = 30000Vue.use(elementui, { zIndex: 30000 })

2020-03-11 10:47:55 9087

原创 vue cli3 关于 vue.config.js 的常用配置

module.exports = { filenameHashing: false, assetsDir: 'static/', configureWebpack: { externals: { 'vue': 'Vue', 'element-ui': 'ELEMENT', 'vue-router': 'VueRouter', '...

2020-03-06 20:45:13 1456

原创 Vue 错误提示 Do not use 'new' for side effects

在 new Vue 在ESLint报错 Do not use 'new' for side effects方法一在new Vue上加/* eslint-disable no-new */这句注释可以绕过规则检测/* eslint-disable no-new */new Vue({ el: '#app', router, components: { App }, ...

2020-01-19 10:28:02 332

原创 git

git initgit clone [url]git config --local --list// -> core.repositoryformatversion=0// -> core.filemode=false// -> core.bare=false// -> core.logallrefupdates=true// -> core.sym...

2020-01-11 15:52:10 212

原创 ios系统下overflow滚动不顺畅

* { -webkit-overflow-scrolling: touch; }

2020-01-02 21:27:49 227

原创自己手写简单编辑器

要实现编辑器，首先div要实现可编辑状态，那么就需要用到contenteditable。contenteditable 属性规定元素内容是否可编辑。注释：如果元素未设置 contenteditable 属性，那么元素会从其父元素继承该属性。举个例子：<blockquote contenteditable="true"> <p>Edit thi...

2019-12-10 11:24:05 1036

原创 vue 值传递的几种方式及监听值变化

1、$emit2、bus.js3、vuex// 父组件<child @callback="callback" :searchList="searchList"></child>methods: { callback(value) { this.selectValue = value }}// 子组件methods: { onC...

2019-12-10 11:14:33 1076

原创穿透div层

穿透div层a { pointer-events: none;}div { pointer-events: auto;}

2019-12-08 13:15:09 414

原创对与数组，通过关键词寻址值

很多时候我们需要对数组进行查找值，一般是循环对比比较多，这里有个办法可以轻松解决该问题。var a = [ { "cmd": "text", "desc": "this is one" }, { "cmd": "image", "desc": "this is two" }, { "cmd": "button", "des...

2019-11-30 14:15:41 140

原创 vue 获取 div 高度

<div ref=""jo></div>// 常规模型var height = this.$refs.jo.offsetHeight;// 获取元素样式值,element 为元素ref="jo"var heightCss = window.getComputedStyle(this.$refs.jo).height; // 100px// 获取元素内联样式...

2019-11-27 14:43:56 12190

原创 js 判断json是够具有某一个key

var json = { "type": "text", "child": [1,2,3,4,5,6,7,8]}json.hasOwnProperty('child') // true

2019-11-27 14:43:27 269

原创 vue的mixin

Vue 中的Mixin对编写函数式风格的代码很有用，因为函数式编程就是通过减少移动的部分让代码更好理解（引自 Michael Feathers ）。Mixin允许你封装一块在应用的其他组件中都可以使用的函数。如果使用姿势得当，他们不会改变函数作用域外部的任何东西，因此哪怕执行多次，只要是同样的输入你总是能得到一样的值，真的很强大！

2019-11-25 17:18:20 283

原创 vue 组件

一、封装组件的步骤1.建立组件的模板，先把架子搭起来，写写样式，考虑好组件的基本逻辑。2.准备好组件的数据输入。即分析好逻辑，定好 props 里面的数据、类型。3. 准备好组件的数据输出。即根据组件逻辑，做好要暴露出来的方法。4. 封装完毕了，直接调用即可。二：代码详解<search @select="select" :list="list" :...

2019-11-25 17:12:01 265

原创 vue-draggable-resizable 的基本使用模式（极简模型）

<vue-draggable-resizable @activated = "onActivated({index: index, index2: index2})" @dragging = "onDrag" @resizing = "onResize" @dragstop = "onDragStop({index: index, index2: index2})" @resiz...

2019-11-20 14:35:29 2517 1

原创 vue-cropperjs 的基本使用方法

<el-dialog title="图片剪裁" width="860px" :visible.sync="cropperVisible" :before-close="cropperClose"> <div class="cropper-wrapper clearfix"> <div class="cropper...

2019-11-12 17:40:08 8540 1

原创 url传参时存在 % 等特殊符号

需要使用 encodeURIComponent 来处理下参数$.ajax({ url: '/ajax.aspx', data: { action: 'st', sid: encodeURIComponent(sid) }, type: 'GET', dataType: 'json', success: function (res) { // some code }...

2019-11-07 14:58:34 513

原创 css截取标题任意行

h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }...

2019-11-04 09:53:57 146

原创 vue数据变化但页面不刷新

1、比如给对象新增了一个属性，但是页面并没有刷新，这里因为数据层次太多，没有触发render函数进行自动更新，需手动调用。this.$forceUpdate();2、$set 设置值...

2019-10-28 17:18:40 3429

原创重拾PHPCMS之旅

1、基础标签{CSS_PATH}{JS_PATH}{IMG_PATH}{WEB_PATH}{APP_PATH}{siteurl($siteid)}/index.php?m=vote/index.php?m=link{catpos($catid)}<br/>{$CATEGORYS[$catid][url]}<br/>{$CATEGORY...

2019-09-28 19:42:25 459

原创 pycharm 升级包版本

1、进入 project Interpreter ，双击选择需要升级的包2、选择需要升级的版本，点击 install package

2019-09-20 09:54:52 10981 1

原创 js动态引入css

1、获取到js的文件夹目录2、插入到head中ready: function(){ var that = this; that.link();},getPath: function(){ var jsPath = document.currentScript ? document.currentScript.src : function(){ var js = do...

2019-09-17 16:32:06 732

原创 github的相关文件夹释义

dist 发布文件src 源码文件docs 说明文档examples 示例文件test 测试文件.gitignore 禁止上传LICENSE.txt 授权协议READ...

2019-09-17 08:58:28 534

原创 vue-code-mirror 的使用

import Vue from 'vue'import vueQuillEditor from 'vue-quill-editor'import vueCodeMirror from 'vue-codemirror-lite'import App from './App.vue'import router from './router'import '@/assets/css/com...

2019-09-16 23:27:18 1808

原创 vue-quill-editor 的使用

import Vue from 'vue'import vueQuillEditor from 'vue-quill-editor'import vueCodeMirror from 'vue-codemirror-lite'import App from './App.vue'import router from './router'import '@/assets/css/com...

2019-09-15 22:10:35 820

原创 asp+access 读取数据库返回json/jsonp

修改下数据库名称即可使用，包括：列表，增加，修改，删除四项功能。json.asp ---- json化数据function.asp ---- 数据验证和其他函数如果需要返回jsonp数据，只需要增加一个 callback 即可' 输出数据Response.Write("callback("& json.jsString &")")// json...

2019-09-04 08:49:52 2100

原创 asp函数写法

<%' -------------------------------' 手机号码验证' checkPhone(15800002222)' -------------------------------function checkPhone(str) set reg = new RegExp reg.Pattern = "^1[3456789]\d{9}$" if re...

2019-09-04 08:47:14 760

原创 JS数字滚动特效

var t = [];$('.igs').each(function(index, item){ var that = $(this); var normal = Number(that.text()); var number = Number(that.attr('data-number')); var step = Number(that.attr('data-step')) |...

2019-09-03 18:39:34 1108

原创发布日期多少时间以前

function retime(str){ var year = 365 * 24 * 60 * 60; var month = 30 * 24 * 60 * 60; var week = 7 * 24 * 60 *60; var date = 24 * 60 *60; var hour = 60 * 60; var minute = 1 * 60...

2019-09-03 18:22:04 151

原创数据接口返回的状态值参考

1**：请求收到，继续处理2**：操作成功收到，分析、接受3**：完成此请求必须进一步处理4**：请求包含一个错误语法或不能完成5**：服务器执行一个完全有效请求失败100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本200——交易成功201——提示知道新文件的URL202——接受和处理、但处理未完成203——返回信息不确定或不完整204——...

2019-08-30 15:50:25 1968

原创 clipboard 多次回调

引入插件文件，clipboard 无需juquery 支持。<button class="copy" id="copy" onclick="copy('#copy')" data-clipboard-text="1000000">复制QQ号</button>function copy(copyid){ var clipboard = new Clipboard...

2019-08-26 23:32:14 1260

原创百度小程序web化

百度小程序需要在 onshow 中设置web化的想关信息onShow: function(){ var that = this; swan.setPageInfo({ // 必填字段 title: that.data.article.title, keywords: '', description: that.data.article.desc, ...

2019-08-24 11:38:30 1513

原创 TortoiseSVN安装语言包后无法更换语言设置

TortoiseSVN 在安装对应版本的语言包（比如中文）后，在setting中依然无法使用的新语言，此时需要先删除软件安装目录下的 language文件夹，然后重新安装语言包，此时即可完美运行。...

2019-08-21 08:55:48 2904 1

原创 vue创建项目

1、安装node.js，下载https://nodejs.org/en/download/2、安装 npm ，上一步安装自动会安装3、安装vue脚手架 npm install -g @vue/cli4、查看vue版本号 vue -V(大写)5、创建项目(2.9)vue init webpack vueFirst ----------------...

2019-08-11 13:39:21 188

原创 vue动态输出class

2019-08-10 09:27:34 654

原创 superSlide 插件使用

<div id="ui"> <div class="list"> <ul> <li><img src="/image/shxjhsd.png"></li> </ul> <ul> <li>...

2019-08-08 18:13:41 2340

原创 PyCharm 安装及汉化

1、安装python，现在最新是 3.7.42、安装PyCharm，Edition 社区版（免费）3、下载汉化包链接: https://pan.baidu.com/s/1cXLEFIFgsGxALQJLqrB1Cw提取码: 8xhn4、将下载的文件放在安装目录的 lib 文件夹下...

2019-08-03 10:52:46 5174 4

原创解除js对象指向同一内存的问题

var json1 = { "name": "xiaoming", "age": 21, "city": "beijing"}var json2 = JSON.parse(JSON.stringify(json1));如果两个对象直接相等，会指向同一个内存地址，改变其中一个，则会改变另外一个，如果想要两个对象互不营销，则需要按上面方式进行转化。...

2019-07-29 18:12:12 870 1

原创通过地址获取坐标

1、腾讯地图https://apis.map.qq.com/ws/geocoder/v1/?address=需要查询的地址&key=腾讯地图密钥2、百度地图http://api.map.baidu.com/geocoder/v2/?address=需要查询的地址&output=json&ak=百度地图密钥...

2019-07-13 10:05:54 2226 1

原创微信小程序客服人员工具

绑定后的客服帐号，可以通过以下方式与客户进行沟通1、登录网页端客服 https://mpkf.weixin.qq.com/2、移动端小程序客服

2019-07-13 09:17:33 1100

原创 vue触发显示输入框后自动聚焦

官方实例如下：<el-input ref="tagInput"></el-input>this.$nextTick(_ => { this.$refs.tagInput.$refs.input.focus();});可我在本地调试总是无法正常运行，出现如下报错：console.log(this) 如下：通过如下处理解决了，不知道为...

2019-07-09 16:45:06 8793 1

vue组件封装极简实例

空空如也