![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
冥想的声音
你一定要记住你在做什么,只要你觉得值,就不要在意亏不亏
展开
-
大转盘抽奖 luckywheel
大转盘抽奖 luckywheel原创 2022-11-29 13:58:28 · 729 阅读 · 1 评论 -
vue3+ts引用vue2的组件 解决$refs获取子组件里的方法和属性问题
vue3+ts引用vue2的组件 怎么$refs获取子组件里的方法父组件直接传参进去子组件watch监听 判断值调用方法原创 2022-05-13 13:18:19 · 951 阅读 · 0 评论 -
js复制功能
fzEvent(value) {//传入字符串 let clipboard = new this.$clipboard('img', { text: function () { return value } }) clipboard.on('success', e => { App.oTool.successT('複製成功'); clipboard.destroy(e) })原创 2021-10-28 10:43:14 · 136 阅读 · 0 评论 -
ant a-upload使用
<a-upload :action="$api.uploadPic" method='post' :show-upload-list="false" :headers='headers' :before-upload="beforeUpload" @change="val => handleChange1(val,i.原创 2021-09-18 10:36:09 · 2067 阅读 · 1 评论 -
vue element ui 主题色配置
项目目录package.json{ "name": "myweb1", "version": "1.0.0", "description": "A Vue.js project", "author": "", "private": true, "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm原创 2021-09-13 09:22:00 · 256 阅读 · 0 评论 -
vue ant 主題色設置
vue 2項目目录package.json{ "name": "myant", "version": "1.0.0", "description": "A Vue.js project", "author": "", "private": true, "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start":原创 2021-09-13 09:17:26 · 137 阅读 · 0 评论 -
excel請求接口下載
下載的連接 str+urls方法一this.$ajax({ method: 'get', url: str+urls, responseType: 'blob' }).then(res => { const BLOB = res.data; // Blob 对象表示一个不可变、原始数据的类文件对象(File 接口都是基于Blob) const fileReader = new FileReader(); // FileReade原创 2021-09-10 13:59:43 · 112 阅读 · 0 评论 -
用css border画三角形before after气泡三角
border 三角div{ display:inline-block; width:0; height:0; border:10px solid; border-color:red green blue yellow;}气泡三角1 div叠加通过div模拟before after实现,不如 before after方便2 brfore after#demo{ width:100px; height:100px; border:2px solid #0原创 2021-06-01 09:46:41 · 272 阅读 · 0 评论 -
原生vue.js 手写侧边栏菜单一二级菜单
项目需求毕竟特殊,一时间找不到对应的组件,盖起来样式太过于麻烦,手写了HTML<div v-for='(item,ind) in menulist'> <div v-if='item.child'> <div class='gre-title' @click='item.static = !item.static'> <!-- <a-icon type="file-word" /> --> <img :s原创 2021-05-20 09:39:33 · 1288 阅读 · 0 评论 -
CKEditor4-vue 内联编辑器 使用避雷(为你使用 CKEditor 提供新思路)
最新接到一个项目,需要使用CKEditor,多方查找资料CKEditor4/5,最后我使用CKEditor4-vue。本着使用过百度的富文本编辑器。应该很容易上手才对。在使用过程中确实踩了很多坑。在使用学习新的技术,知识的时候。发生许多问题。为以后的学习开发。打开新思路。编辑器查找官网 // https://ckeditor.com官网提供三种不同的样式,我这里选用稍复杂的内联编辑器选取环境包的时候有两处github 官网 https://github.com/ckeditor 提供的.原创 2021-05-11 14:31:46 · 1201 阅读 · 0 评论 -
Vue 全局变量 两种方式(store ,自定义)
Vuex 并不限制你代码结构。但是, 它规定一些需要遵守的规则应用层级的状态,应该集中到单个store对象中提交mutation是更改状态的唯一方法,并且这个过程是同步的异步逻辑都应该封装到action内遵循以上规则,如何组织代码随便。如果store文件太大,可以将action,mutation和getter分割出来 ,形成单独的文件State 单一状态的树储存在Vuex中的数据和Vue实例的数据遵循相同的规则,例如对象必须是纯粹的Vue组件获取store实例中的值// 创建一个 Co转载 2020-07-31 11:31:27 · 3929 阅读 · 0 评论 -
探究HTML标签自定义属性
HTML标签可以自定义属性,IE,Firefox 以及chrome下的兼容性问题 <div l='s' id='myid' name='wac'>123 </div> <div id="newTest" myAttr="getAttr"></div>自定义属性 l myAttrIE浏览器console.log(document.getElementById('myid').name)直接赋值而动态产生一个自定义属性:docu原创 2020-07-29 10:38:01 · 142 阅读 · 0 评论 -
JS中的深拷贝与浅拷贝(深复制浅复制)
Object.assign()object.assign()方法 从来没用过 看别人的博客上说经常使用 哎,年轻!这个方法就是浅拷贝,有一点特殊 ,就是处理第一层的深拷贝。var employeeDetailsOriginal = { name: '前端', family: { name: '前端大家庭' }};var employeeDetailsDuplicate = Object.assign({}, employeeDetailsOriginal );emp原创 2020-07-23 11:04:12 · 93 阅读 · 0 评论 -
理解 - JS构造函数与原型prototype上的方法
构造函数的方法与构造函数prototype属性上方法的对比区分 : 函数内声明的方法 , prototype上声明的方法函数内的方法 使用函数内部的方法可以直接访问到函数内部的私有变量,如果我们通过构造函数new出来的对象需要我们操作构造函数内部的私有变量的话我们这个时候就需要考虑在函数的prototype 上添加方法prototype上的方法 当我们需要通过一个函数创建大量的对象,大量的方法时 就需要考虑prototype了这种情况下我们代码的内存占用就比较小在实际的应用中 这两种方法往往是结原创 2020-07-23 10:14:49 · 333 阅读 · 0 评论 -
前端 localstorage sessionStorage cooKie 保存token
前端用户登录的思路在网络上,用户访问有两种状态,匿名(没登录) 实名(登录)比如 :1 上百度搜索 ,匿名用户获取的权限,已基本满足用户的使用需要;2 上淘宝,匿名只有浏览器的使用权,想要买东西 ,必须登入(获取权限)3 上腾讯QQ,微信 必须登入获取权限登入必须获取token(token是有效期) 第一次登入 需要获取token 第二次登入 (1 token 还在有效期 2token已经期 3用户注销token)这里涉及到登入后保存token的问题 涉及到 token 的储存地址原创 2020-07-13 16:42:39 · 3110 阅读 · 0 评论 -
js 函数闭包探索
js 函数闭包经典案例 function fisrtFn(){ var a = 123 function twoFn(){ var b = 456 console.log(a) } return twoFn } var fa = fisrtFn() ...原创 2020-07-08 11:10:59 · 135 阅读 · 0 评论 -
webstorm 执行 npm install 报错 C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2020-07-08T01_30_
webstorm 执行 npm install 报错C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2020-07-08T01_30_10_697Z-debug.log也去百度了一下 好像遇到的人不多我的情况是 复制一份没有node_modules的VUE项目 npm install 下载环境 报如上错误方法一 解决办法:删除C:\Users\用户名.npmrc + 重新启动 (重启发现没有什么用)方法二 先清理一遍缓存npm ca原创 2020-07-08 09:52:10 · 8780 阅读 · 0 评论 -
14个 Vue 指令介绍 十个常用指令
Vue 指令一共有15个 常用 的在10个左右v-text插入文本<span v-text="msg"></span><!-- 和下面的一样 --><span>{{msg}}</span>v-html插入标签更新元素的 innerHTML。注意:内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译。在网站上动态渲染任意 HTML 是非常危险的,因为容易导致 XSS 攻击。只在可信内容上使用 v-html,永不用原创 2020-07-07 14:28:30 · 682 阅读 · 0 评论 -
jq Ajax请求中cache 属性各种属性 的 含义
cache作用:是否在缓存中读取数据的读取。cache属性是true(默认值)时:在第一次请求完成之后,如果地址和参数不变化,第二次去请求,会默认获取缓存中的数据,不去读取服务器端的最新数据。cache属性是flase(默认值)时:每次读取的是最新的数据。ajax缓存只对GET方式的请求有效,因为浏览器认为POST请求提交的内容必定有变化,所以不走缓存。$.ajax({ url : "haha", cache :false, //是否在缓存中读取数据的读取。 async :原创 2020-06-30 15:05:18 · 923 阅读 · 0 评论