- 博客(79)
- 收藏
- 关注
RSS订阅原创 前端编码规范
页面的样式和组件是一个道理，全局的 @/style (opens new window)放置一下全局公用的样式，每一个页面的样式就写在当前 views下面，请记住加上scoped 就只会作用在当前组件内了，避免造成全局的样式污染。在 @/views (opens new window)文件下 创建对应的文件夹，一般性一个路由对应一个文件， 该模块下的功能就建议在本文件夹下创建一个新文件夹，各个功能模块维护自己的utils或components组件。这样拆分大大减轻了维护成本。
2024-09-26 15:44:46
1123
原创 Flutter连接websocket、实现在线聊天功能
第二步：封装 websocket.dart 单例。第四步：创建会话模型Getx全局挂载通知。第三步：chat.dart编写静态页面。
2024-05-08 15:23:00
2742
原创 vue动态加载组件，解决v-html渲染组件失效问题
v-html渲染组件会失效，因为v-html只支持html标签。这时候就需要动态渲染组件的时候就使用不了v-html了。
2023-01-14 11:58:18
3699
原创 vue3使用vue-pdf-embed预览文件流格式的pdf文件
安装vue-pdf-embed，'data:application/pdf;base64,' + 接口获取的文件流;
2022-12-21 17:49:47
5647
6
原创 跨域获取数据，通过cookie的domain实现数据跨域获取
通过username=ab;domain=.test.com;设置username值为ab,主域名为.test.com的IP可以跨域获取到该值
2022-08-18 16:40:17
1217
原创 vue 引入Antd is not defined
vue引入ant design vue报错Uncaught ReferenceError: Antd is not defined
2022-08-10 17:05:57
1461
2
原创 因为v-if导致ref失效设置this.$nextTick()也无效。
v-if导致ref失效设置this.$nextTick()也无效。将v-if改为v-show
2022-07-28 16:20:43
2208
1
原创 element-plus输入框显示图标
先安装icon# NPM$ npm install @element-plus/icons-vue# Yarn$ yarn add @element-plus/icons-vue# pnpm$ pnpm install @element-plus/icons-vue<template> <div class="page"> <!--标题--> <lstitle title="基础设置" enTitle="Instal...
2022-02-17 14:44:44
3240
2
原创 微信小程序登录流程，双登录，手机号登录和账户密码登录
一、第一步：在app.js文件中调用wx.login方法发送res.code和appid给后台，后台返回openid和session_key，把openid和session_key存入storage中。因为之后获取解码的手机号码需要用到session_key。app.js文件中// 登录 wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId ..
2022-02-15 10:11:34
12645
1
原创 node获取当前域名，ip地址
var os = require('os'); var ifaces = os.networkInterfaces(); let locatIp = ''; for (let dev in ifaces) { if (dev === '本地连接') { for (let j = 0; j < ifaces[dev].length; j++) { if (ifaces[dev][j].family === .
2022-02-14 11:21:16
3418
原创 js将数组中重复项合并，其中不同数据拼接
* 合并 */ merge(arr) { var arrres = arr.concat(); var tempArr = []; var dealAfterArrres = []; for (let i = 0; i < arrres.length; i++) { var orderId = arrres[i].orderId; //如果orderId不存在tempArr中 if (..
2022-02-11 11:18:17
901
原创 搭建vuecli4+vue3+element-plus
目前是vue2，接下来我要换成vue3,并且搭建vue3项目。前提条件需要node版本大于8.9 版本。我的是10。一、先卸载vue-cli2。npm uninstall vue-cli -g二、安装@vue/cli也就是vue3。cnpm比npm快一点 cnpm install -g @vue/cli三、到需要放置的目录输入cmd，创建项目vue create 项目名四、启动项目npm run serve完成！...
2022-02-07 15:02:31
814
原创 去除elementUI表格鼠标移入背景色
html部分<div class="group"> <el-table></el-table></div>//css部分<style>.group > .el-table--enable-row-hover .el-table__body tr:hover > td { background-color: white !important;}</style>
2021-12-20 17:07:18
1798
原创 nuxt项目去除data-n-head=“ssr“默认属性
修改nuxt.config.js添加hooks配置去除所有的data-n-head="ssr"默认属性代码：hooks: { 'render:route': (url, result) => { result.html = result.html.replace(/data-n-head=\"ssr\"/gi,'') } },TDk字数长度是有限制的title 最长60个字符 30个汉字 （手机端最长18个汉字）description 最长..
2021-12-14 16:54:58
3414
3
原创 nuxt项目设置全局大小屏幕兼容
在你项目的起始页的create钩子函数使用window设置以1920为参考对象的屏幕大小，按比例缩放大小。nuxt使用window要先做个undefined判断，不然会报错。created() { if (typeof window !== 'undefined') { var percentageOn1 = (window.screen.width / 1920)*100; document.body.style.zoom = percentageOn1+'%'.
2021-12-13 11:19:39
2187
原创 echarts4组柱状图颜色按小值排最前面大值排最后面
// 从大到小排序 sortList(arr) { return arr.sort((a, b) => { return b.value - a.value }) }, initBar() { // 数据处理 const aList = [5, 25, 13, 5] const bList = [10, 20, 49, 15] const cList = [15, 10, 23, 35].
2021-12-13 09:55:47
2873
原创 vue和nuxt项目引入多个script
因为vue是单页面，一个页面只能拥有一个script标签。不过我们可以使用引入组件的方式引入多个script。通过components引入组件，把script内容写在组件的script标签中，达到使用多个script标签的目的！ <tutorial></tutorial><script>import tutorial from '../components/Tutorial.vue'export default { comp...
2021-12-11 11:57:49
2896
原创 nuxt项目配置自定义router
一、配置nuxt.config.js文件中的router属性1、 引入自己配置的路由文件import routerIndex from './router/index' 2、将自定义路由替换掉nuxt自己生成的路由router: { extendRoutes(routes, resolve) { // 清空路由数组 routes.splice(0) // 插入新的路由配置 const routesArr = routerInd...
2021-12-11 11:50:55
3537
2
原创 Linux配置nuxt项目
1.安装node,解压node-v16.13.0-linux-x64.tar.xztar -xvf node-v11.0.0.tar.gz2.配置环境变量 /etc/profileexport NODE_HOME=/usr/nodeexport PATH=$PATH:$NODE_HOME/binexport NODE_PATH=$NODE_HOME/lib/node_modules然后 source /etc/profile3.进入项目目录npm install （安装依赖）npm r.
2021-12-10 11:15:31
848
原创 搭建nuxt项目
前提环境：node.js vue-cli （具体安装下载node和vue-cli步骤在我博客vue项目搭建中有教程，可自行查看）安装nuxt：npm install --save nuxt接下来创建nuxt项目步骤：一、选择一个目录输入cmd，将在这个目录建立nuxt项目二、输入创建nuxt命令：npm create nuxt-app 项目名称三、选择需要安装的插件四、等待下载nuxt项目五、用vscode打开项目输入npm run dev启动命...
2021-11-26 14:45:27
2343
原创 微信小程序使用Promise异步回调,以及使用简单递归算法
/** * 回调函数 * 递归算法 * @param {*} arr */ getDishByOrder(arr) { return new Promise((resolve, reject) => { var orderNum = arr.length; //订单数量 var index = 0; //计数循环 var arrResult = arr.concat(); //最终处理好已添加了菜品的数组 var .
2021-10-29 09:32:18
699
原创 vue+element实现表格全选所有
<el-table :data="userList" highlight-current-row :header-cell-style="{ background: '#F9F9FB', color: '#555' }" style="width: 100%; border: solid 1px #f2f6fc" ref="mListTable" :row-key="r...
2021-09-30 15:16:45
2249
1
原创 vue中v-for绑定数组，当数组变化时页面数据不更新，：class和：style失效的原因
问题：点击事件里改变了数组内容，但是：class和：style没有监听到样式，从而页面样式没有一同改变。原因：根据vue的官方文档说明：Vue 包含一组观察数组的变异方法，所以它们将会触发视图更新。这些方法如下：push()pop()shift()unshift()splice()sort()reverse()splice 替换写法array.splice(index,n,data1,data2,......);参数index：需要替换的元素的...
2021-09-07 15:17:21
2529
原创 element表格相同行合并
先上效果图： /** * 合并父级行 */ objectSpanMethod({ row, column, rowIndex, columnIndex }) { const dataProvider = this.tableData; if (columnIndex === 0) { // 上一条数据 const prevRow = dataProvider[rowIndex - 1]; //.
2021-09-04 16:38:47
479
原创 echarts柱状图重叠去除点击最大值覆盖最小值的样式和实现最小值排列在最前面
效果图：// 从大到小排序 sortList(arr) { return arr.sort((a, b) => { return b.value - a.value }) }, initBar() { // 数据处理 const aList = [5, 25, 13, 5] const bList = [10, 20, 49, 15] const cList = [15, ..
2021-08-19 14:44:40
1609
原创 安装MySQL数据库步骤
MySQL官网：https://www.mysql.com/MySQL Community Server是开源免费的------------------------------------选择直接下载------------------双击点开安装安装完成-------------------...
2021-07-26 17:58:27
99
原创 配置Java开发环境eclipse+JDK1.8+Tomcat8
先安装eclipse+JDK1.8+Tomcat8安装JDK步骤：先到Oracle官网下载JDK8根据自己电脑环境选择下载--------------------------------------------------------双击点击安装，直接下一步------------------------------------------------------可更改安装路径------------------------------------安装完成-...
2021-07-25 11:21:24
2118
原创 vue、小程序都适用的回调函数，用于处理异步请求
/***获取实时定位短信数量*/getMesCount(obj){letparam={mo:storageData.getMo(),cmid:storageData.getCustomerData().cmid,csid:storageData.getCustomerData().csid,vs:storageData.getCustomerData().vs}...
2021-06-11 10:55:05
330
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人