- 博客(21)
- 收藏
- 关注
原创 费曼学习:开发鸿蒙第一天
导致项目代码保存位置无法修改成自定义的路径(安装nodejs的时候也是一样的问题,无法修改安装到自定义路径),但路径是直接选择的,完全符合要求,为什么会出现这个提示?怎么样才能让IDE支持项目保存自定义路径?所以需要自己新建一个规范的路径才可以。如果sdk安装失败可以退出DevEco studio在以管理员的身份运行安装就可以了。01: 此错误表明路径不能有中文字符和空格。02:安装的文件夹必须为空。
2024-06-30 17:10:03
1160
原创 5.26版本项目总结
关于el-input框不能修改的思路回顾input框里需要的是字符串需要传给后端的格式为:{type:“”,key:“”}的json格式。需求:有两种模式,一种是预览模式:2个el-input框,另外一种是设计模式,“{type:key,type:key}”,一个input框这个是一个组件,所有的数据从父组件传给子组件。卡壳的点;我一直搞不清楚设计模式和预览模式切换的逻辑;经过上午的思考:预览模式,就是分别取获取设计模式的key值,是一个字符串。这个时候对象也已经跟着变了设计模式,是一
2022-05-31 22:17:05
202
原创 两边固定中间自适应的解决方案及其区别
两边固定中间自适应的解决方案及其区别方式一:左右float浮动脱离文档流,中间水平居中布局(中间层放第三个位置)区别:有margin:0 80px 的居中效果区别:没有margin:0 80px 的居中效果方式二:左右display:absolute脱离文档流,中间水平居中布局(中间层放第三个位置)区别:有margin:0 30px 的居中效果区别:没有margin:0 30px 的效果方式三:父容器display:flex不脱离文档流,中间水平居中布局(中间层放第二个位置)区别:有margin:0 80p
2021-01-30 21:30:42
307
转载 表单输入框聚焦输入内容显示叉叉清除效果
处理表单的时候,经常有这种效果,当我们输入内容的时候输入框右边会动态显示一个叉叉图标,点击可以清除已输入的内容,当输入框没有输入内容时,叉叉会自己消失,当输入框焦点消失时,叉叉也会自己消失,最近刚好写了一个这样的效果,分享给大家,效果图如下所示:一:页面html代码:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <tit...
2020-07-31 14:48:33
1572
转载 input输入框清除插件,极好用!
clearInput.js插件代码:(function () { document.addEventListener('DOMContentLoaded', function () { var autoClearFiled = document.querySelectorAll('.am-input-autoclear'); //重点,与“HTML中重点1”对应,获取所有class为.am-input-autoclear的元素 if(autoClearFile...
2020-07-31 14:38:34
494
转载 实现输入框自带清除按钮
最近,项目中需要,在输入框获取焦点是动态显示“×”图标。即在输入框中输入内容时,右边显示“×”按钮;输入框为空时,“×”按钮消失。难点在于获取焦点的同时,获取输入内容。注意:本例子的样式基于bootstrap.css和jquery,不再单独添加样式。1.html部分将button和input框放入同一个div中,清除按钮可以使用图片或fonts图标,我使用的是bootstrap中button样式,具体位置可自行微调;<div style="display:inline-block;p
2020-07-31 14:36:24
2091
原创 用cli构建vue项目
前期准备node - v,npm -v,查看是否安装;windows系统为例要进入d:\微信公众号 文件夹cd d:\微信呢公众号,回车 d: 回车 进入该文件夹。安装cli脚手架1、命令:npm install -g @vue/cli2、查看是否安装成功;vue -V; (这边的V一定要大写)构建项目——>提示yarn ERROR——>构建失败提示yarn ERROR全局...
2020-07-29 23:01:09
160
转载 document.getElementById(“id“) 与 $(“#id“) 的区别
document.getElementById(“id”) 与 KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id") 的区别如果仅从定位…()返回的是jQuery对象。$(’#test’):是一个jquery写法,#test是一个过滤器表示方法,表示查找一个id是test的节点,返回的是一个数组对象,数组的[0]表示dom节点。document.getElementById(‘test’):表示从document中查找一个
2020-07-17 18:21:36
545
转载 vue动态样式绑定
方法判断 {{machineItem.name}} methods:{machineStatusStyle(e){console.log(‘值’,e)if(e === 1){return {width:‘14px’,height:‘16px’,background:“url(’/src/images/time.png’) no-repeat center”,marginLeft: ‘10px’}}else if(e === 2){
2020-06-28 16:30:46
213
转载 优化首屏加载速度
解决方案一、路由懒加载一、为什么要使用路由懒加载:为给客户更好的客户体验,首屏组件加载速度更快一些,解决白屏问题。二、定义懒加载简单来说就是延迟加载或按需加载,即在需要的时候的时候进行加载。三、使用常用的懒加载方式有两种:即使用vue异步组件 和 ES中的import。1、未用懒加载,vue中路由代码如下:import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/Hel
2020-06-23 09:55:10
979
原创 关于传参
yanzheng() {var ses = window.localStorage;var localData3 = {file: 12121111111,}var localData1 = ses.setItem(‘localData2’, JSON.stringify(localData3));//保存数据到本地console.log(localData1,‘这个存放到了本地’)var file = JSON.parse(ses.getItem(‘localData2’));conso
2020-06-12 22:24:42
253
转载 Vue中this.$router.push路由跳转,刷新参数消失
Vue中this.$router.push路由跳转,刷新参数消失this.$router.push({name:"",params:{id:""}})name和params搭配刷新参数会消失this.$router.push({path:"",query:{id:""}})path和query搭配,刷新页面参数不会消失,query中参数成了url中的一部分。在项目中,通过一个列表进入详情页,携带参数id渲染不同的详情页,动态传参使用编程式跳转。vue传参方法一在router路由配置中。{p
2020-06-11 10:10:57
3705
转载 修改vant的样式
第二种 定义一个全局的样式文件在assets目录内新建一个例如resetui.css文件, (我这里用的sass)专门存放这些需要被重新修改的样式代码. 并且以组件的类名来进行维护。 最后引入一个全局resetui.css即可。操作如下图:...
2020-06-06 19:12:25
4261
原创 css半透明
# 背景和文字都半透明opacity:0.5美[oʊˈpæsəti]# 只有背景是半透明,文字不继承background-color: rgba(255,255,0,0.5);
2020-06-06 18:49:37
190
原创 vue学习填坑之旅
importMSliderfrom'./m-slider'exportdefault{//组件data(){//定义数据不能直接写成对象的形式,要写成函数的形式,并返回函数return{songList:[]}},...
2020-03-30 15:08:11
125
原创 Vue模板的操作方法
v-ifv-if 控制视图是存在,来控制元素是否存在,如果显示为false,在Dom节点中就不存在,找不到该元素。v-showv-show通过控制Dom节点的display样式,block为显示,none为隐藏,但是存在于节点中。...
2020-02-17 13:39:19
630
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人