- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue3实现超出文字鼠标滑过显示el-tooltip，不超出文字划过不显示el-tooltip
【代码】vue3实现超出文字鼠标滑过显示el-tooltip，不超出文字划过不显示el-tooltip。
2023-08-16 15:27:12
821
原创 富文本内容去掉标签去掉空格去掉换行提取文字
let content=''content+=htmlStr.replace(/(\n)/g, "") // 去掉换行.replace(/(\t)/g, "") // 去掉换行.replace(/(\r)/g, "").replace(/<\/?[^>]*>/g, "") // 去掉标签.replace(/\s*/g, "").replace(/ /ig, " ") //.replace(/( )/g, ""); // 去掉 .
2021-05-11 15:59:11
1115
原创 vuex存值取值
vuex中的存值和取值存值this.store.dispatch('action方法名',值)存值this.store.dispatch('mutations方法名',值)store文件夹下的index.js页面代码import Vue from 'vue'import Vuex from 'vuex'import createLogger from 'vuex/dist/logger'import Beike from './beike'Vue.use(Vuex)const st
2020-08-22 11:16:48
7924
1
原创 vue中computed和watch理解
computed 计算属性data(){return { aa:1}},computed:{newData:function(){ return this.aa },},watch:{ aa:function (newV，oldV) { console.log(333) } },computed用于处理复杂的逻辑运算（不支持异步，有缓存），主要和methods存储方法来进行区分， watc.
2020-08-19 19:37:57
248
原创 Git回滚详解
在当前需要回退的分支下输入命令git reset --hard id名git push -f origin 当前分支名其中 id名可以通过命令行git log 显示之前提交的列表记录 也可以在Gitlab上面这个地方复制下这串id名 就可以了
2020-05-19 16:01:29
294
原创 给层级数据加level
1.在methods里面写入方法setLayer(data,level){ if (!data) { return; } data.layer = level; data.childrens && data.childrens.forEach(element => {...
2020-04-13 10:44:44
571
原创 vscode配置保存时就效验eslint
首先需要在组件里面按照eslint组件然后在setting.json里面这样配置就可实现保存时自动效验{"workbench.colorTheme": "Default Light+","fileheader.tpl": "/* * @Author: {sunzhiting} * @Date: {createTime} * @Last Modified by: {lastModif...
2019-10-30 16:14:02
1368
原创 vue项目打开新窗口并传参
let newpage = this.$router.resolve({name: '项目预览',path: '/casedetail/preview',query: {id: id,// formalRev: this.formalRev,releaseStatus: this.releaseStatus,path: this.modulePath}})...
2019-09-24 19:14:36
1260
原创 html页面移动端适配ios安卓
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> --> <meta http...
2019-08-16 20:32:12
575
原创 微信小程序scroll-view 横向拖拽scroll-left不起作用的情况
scroll-left设置需要在数据渲染之后<scroll-view scroll-x="true" style="white-space: nowrap;height:45px;width:280px" scroll-left="{{x}}"><view class='timeHeader'><view wx:for='{{timeParam}}' id...
2019-08-16 20:29:21
4345
2
原创 vue-cli搭建的项目,引入element-ui
脚手架搭建项目在node环境下使用脚手架3创建项目npm i -g @vue/cli安装脚手架npm i -g @vue/cli-init创建一个项目vue init webpack '项目名字'i在main.js中import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css...
2019-08-12 19:36:09
278
1
原创 vue中引入外部js,css
export default { mounted() { const s = document.createElement('script'); s.type = 'text/javascript' s.src = 'https://webfile.aicfe.cn/gx/assets/js/libs.min.js'; document.body.append...
2019-07-30 11:07:40
210
原创 毫秒数转时分秒vue加js
全局过滤器Vue.filter('date', function (mss) { var hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))<10 ? '0'+parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)):parseInt((ms...
2019-06-04 18:34:25
1208
原创 用websocket实现网页微聊功能
首先对chat和chatwindow布局之后使用websocket的步骤在chartwindow里面引入wsclient文件夹建立聊天的步骤1,注册,在componentdidmount里面//聊天第一步:注册用户 const uid=localStorage.getItem('uid') let client=handle(uid,data=>{ ...
2019-03-25 21:48:14
524
原创 creact-react-app报错解决方法
找到C:\Users\用户名\AppData\Roaming\npm-cache删除一般第一次使用create-react-app时下载速度特别慢
2019-03-25 21:45:41
597
原创 获取一个数组类型['a','b','c','d','e','f','g'],转化为[['a','b'],['c','d'],['e','f','g']]这种类型的
let arr = ["a", "b", "c", "d", "e", "f", "g"]const fn = (arr, ...rest) => {let temp = []for (let i = 0; i < rest.length; i++) {temp.push(arr.splice(0, rest[i]))}
2019-03-16 22:41:23
4647
原创 获取异步的三个方法
1. cbfunction getData(cb) {setTimeout(() => {data = data + 'b'// console.log(data)cb(data)}, 1000)}const res = getData(data => {console.log(data)})2. Promise(es6)function...
2019-03-09 10:49:18
349
原创 前端基础总结-布局-css元素
一:1css三大特性继承性 重叠性 优先级继承性:text-/font-/line-a标签的颜色不具有继承性,标题标签的字体大小不具有继承性!2元素类别块元素:div,p,h1-h6块元素特征:自动继承直接父元素的宽度,不继承时没有宽高,换行行内块:img,input,select,textarea 行内块元素特征:一个完整的行内块元素有默认的宽高,不换行...
2018-11-16 13:20:33
208
1
原创 position:absolute;水平居中
图标居中width：140px；height：20px；margin-left：-70px；position：absolute；bottom:0;left:50%;
2018-08-24 15:48:53
2140
原创 react整体综合基础重点
1.环境搭配nvm里面有各种node的版本工具，如果环境不支持node官网上的可先下载nvm2.props和state，ref父子组件的数据传递，有一句很重要的话:父组件通过属性的形式给子组件传递参数，子组件通过props接收父组件传值且props只有可读性，react数据流是单项传递的，props是属性（property)的缩写，propType叫属性类型，getde...
2018-08-08 14:32:40
142
原创 echart去除网格线的两种方法和echart图自适应
1. yAxis : [ { splitLine:{show: false},//去除网格线 type : 'value', } ], xAxis : [ ...
2018-06-11 21:04:34
5170
原创 js中的事件维托，事件捕获，事件冒泡
事件维托：利用冒泡的原理把事件加到父元素或祖元素上，触发执行效果。事件冒泡（event bubbling）：ie的事件流，从最具体的元素逐级向上传播到较为具体的节点，如果你单击了页面中的<div>元素，那么这个click事件会按照如下顺序传播。1<div>，2<body>，3<html>，4document事件捕获（event capturing）：...
2018-06-05 19:23:42
330
原创 基本数据类型和内置数据类型
基本数据类型基本类型：string，null，undefined，number，boolean特殊类型：object内置数据类型(内置对象)Function: 函数类型。Object: 对象类型。Boolean, Number, String: 简单数值类型的对象Date, Array, RegExp: 内置数据类型。...
2018-05-31 13:49:50
661
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人