CJamenc-CSDN博客

原创 2021-07-08

echarts.vue 封装文件<template> <div id='echarts'> <div class="echartWrap" :id="echartId" :style="{'width':echartWidth +'px','height':echartHeight+'px'}"></div> </div></template><script>//在组件里使用con

2021-07-08 19:12:31 181

原创快速删除node_modules

第一步:先安装删除工具npm install rimraf -g第二步:然后使用删除命令rimraf node_modulesvscode工具，前端项目文件夹下 npm install -g 全局安装，以后直接使用删除命令即可。核心命令:riaraf

2021-04-07 09:50:18 211

原创小程序 css去不button边线小技巧

.pk-common::after {border:transparent; //隐藏border:none;outline: non}

2021-03-03 17:04:26 209 1

在开发中,尤其是聊天框的CSS设置 ,是需要根据内容的多少来设置宽高的比如下面这个BUG效果 ,绿色的背景只需要显示文字部分即可,但是整条都是绿色.体验实在是不好.出现的原因就是这是一个div盒子,他默认是块级元素display:block;1、display:block就是将元素显示为块级元素。　block元素的特点是：　　总是在新行上开始；　　高度，行高以及顶和底边距都可控制；　　宽度缺省是它的容器的100%，除非设定一个宽度解决措施让他变成行内款元素加上以下两句代码 .c

2021-03-01 17:39:06 1783 2

原创小程序 scroll-view 横向滚动上下不对其 css bug

.scroll-view横向滚动的时候，包含文字图片等，元素错位，两个元素横向不对其hack：给子元素添加vertical-align:top;当使用scroll-view横向滚动时要注意几点：父元素设置宽度，父元素添加:overflow: hidden;white-space: nowrap;子元素添加属性display: inline-block;vertical-align:top;搞不懂这个cssbug什么原因,...

2021-02-08 20:51:47 295

原创小程序 wx.for wx.key 循环渲染

wx:key定义官方文档：列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 input 中的输入内容，switch 的选中状态），需要使用 wx:key 来指定列表中项目的唯一的标识符。wx:key 的值以两种形式提供1.字符串，代表在 for 循环的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的字符串或数字，且不能动态改变。2.保留关键字 *this 代表在 for 循环中的 item 本身

2021-01-28 18:33:33 230

原创获取时间并截取字符串格式化

var that = this; wx.request({ url: "http://192.168.17.132:8873/trpc?method=QueryItemInfo&service=trpc.Mobility.FMApp.FmAppService&radioId=1&userId=1", method: 'get', success: function (res) { let radiolist = res.d.

2021-01-20 15:37:27 203 1

原创 git comit 修改提交信息撤回提交信息

写完代码后，我们一般这样git add . //添加所有文件git commit -m “本功能全部完成”执行完commit后，想撤回commit，怎么办？这样凉拌：git reset --soft HEAD^这样就成功的撤销了你的commit注意，仅仅是撤回commit操作，您写的代码仍然保留。说一下个人理解：HEAD^的意思是上一个版本，也可以写成HEAD~1如果你进行了2次commit，想都撤回，可以使用HEAD~2至于这几个参数：–mixed意思是：不删除工作空间改动代码，

2021-01-14 11:08:08 323

原创 git commit 提交的时候报错husky ＞ pre-commit hook failed (add --no-verify to bypass)的原因和一些小技巧和

git commit 提交的时候报错husky > pre-commit hook failed (add --no-verify to bypass)一定理解下面解决办法的原理这个个问题是因为当你在终端输入git commit -m “XXX”,提交代码的时候,pre-commit(客户端)钩子，它会在Git键入提交信息前运行做代码风格检查。如果代码不符合相应规则，则报错，而它的检测规则就是根据.git/hooks/pre-commit文件里面的相关定义。查询了网上的解决办法，总结为以下三种解决

2020-12-17 16:03:30 1676

原创配置环境变量遇到的小问题和几个主要命令

手动阀手动阀加粗样式npm conf get prefixig没有找到可以构建的包//先初始化1.进入小程序根目录，打开cmd，输入：npm init输入命令后一直点回车然后再创建一个生产环境2.输入命令：npm i miniprogram-sm-crypto --production执行命令完之后，然后再去微信开发者中点工具-构建npm，然后就成功了，如下图：...

2020-12-14 11:26:08 341 4

原创开发环境win10专业版升级

平时开发中需要用到win10专业版的胸痛,面向企业级开发必须得用server但一般桌面开发的话家庭版就够了，但是你需要注意家庭版是否：不可以用于生产。专业版有Bitlocker、组策略、不同用户和组的资源权限分配、电脑的共享配置等。家庭版主要面向个人，不能加入域一般公司都需要集中管理批量的计算机，不能使用远程桌面，以及没有微软的虚拟机Hyper-V企业开发不用企业版就不行了，组策略是必须的。这里不能上传附件也得上传文件贴链接,关注微信公众号 xiehuisheng 然后回复 wi

2020-12-07 11:34:44 278

原创 ERROR in main Module not found: Error: 、、、、webpack打包出错

如果你们打包出错出现以下这种问题那是因为 webpack版本升级了这个命令不能用了该成这个就行 webpack ./runoob1.js -o ./dist ./dist是打包文件生成的目录

2020-11-30 17:18:44 303

原创 vue跨域配置方安方法

1.浏览器禁用安全协议如果两个地址的协议，地址，端口三者任何一个不一样发送ajax请求就会发生跨域的行为在公司开发的过程中，只需要自己给浏览器设置特定的字段，禁用了他的安全协议就可以任意访问在原始桌面浏览器上面右键新建快捷方式，然后再上面右键查看属性；然后再属性的目标位置，加上一个空格，再接上下面的一段话；并且要在c盘下面创建一个下面的目录 --disable-web-security --user-data-dir=C:\MyChromeDevUserData

2020-11-22 18:07:54 199

原创 Keep-alive 概念原理使用方法

概念keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。作用在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性原理在 created 函数调用时将需要缓存的 VNode 节点保存在 this.cache 中／在 render（页面渲染）时，如果 VNode 的

2020-11-20 11:09:02 272

原创小程序拍照后本地保存

按顺序复制在wxml复制进去照相机<camera style="width: 100%; height: 500rpx;"></camera><button type="primary" bindtap="takePhoto">拍照</button><image style="width: 100%;" src="{{src}}" ></image><button bindtap='saveToPhone'&gt

2020-11-18 22:59:04 1975 1

原创 vue有生命周期,那么父组件那么父组件和子组件之间的钩子顺序?

8个主要生命周期钩子函数我们可能比较熟悉,那么在一个vue实例当中包含父组件和子组件,这个时候两个的组件的钩子函数又是如何执行的?在不同过程中,他们的执行顺序如下1、加载渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted2、子组件更新过程父beforeUpdate->子beforeUpdate->

2020-11-16 13:11:26 274

原创 A complete log of this run can be fund in

主要是因为因项目中安装模块，多次不成功，所以导致报错。A complete log of this run can be fund in: C\Users\用户\AppData\Roaming\npm-cache_logs\2018-9-24T10_55_24_806Z-debug.log这时你需要清理缓存了。1.注：将node_modules文件夹先删除2.清理缓存命令：npm cache clean --force13.重新安装一次即可npm install /cnpm install

2020-11-10 14:38:37 182

原创 Failed to resolve loader: less-loader You may need to install it. Failed to resolve loader: less-loa

相信我先安装less-loadernpm install less less-loader --save-dev然后安装后运行又会出现另外一次错误，找不到“less”模块别慌最后再安装npm install less --save-devOK 完事

2020-11-09 21:38:41 413

原创二维数组

二位数组的背景环境:二维数组与一维数组相似，但是用法上要比一维数组复杂一点。后面的编程中，二维数组用得很少，因为二维数组的本质就是一维数组，只不过形式上是二维的。能用二维数组解决的问题用一维数组也能解决。但是在某些情况下，比如矩阵，对于程序员来说使用二维数组会更形象直观，但对于计算机而言与一维数组是一样的。使用方法二维数组定义的一般形式为：类型说明符数组名[ 常量表达式][ 常量表达式];例如 int a[3][4];大白话就是三行四列表示定义了一个 3×4，即 3 行 4 列总共

2020-11-05 18:40:31 475

原创 token的作用和使用场景原理

因为http协议是无状态的协议，所有我们用户登录以后，访问一些带权限的页面，就无法判断能否给用户展示？一般判断用户的身份有两种通用的方式，一种是 cookie+session的模式(用户用账号和密码登录成功以后，后端php，java等，就会返回给我们一个 sessionId的值，存在数据库redis里面，然后再通过一些 set-cookie响应头发送给前端，浏览器就会自动将这个值保存在用户电脑上面，称为cookie；然后我们所有的请求发送之前都会自动带上cookie这个参数放在请求头里...

2020-11-05 15:07:17 771

原创 vant安装使用方法

Vant 是轻量、可靠的移动端 Vue 组件库，是有赞前端团队开发的产品。通过vue-cli3创建项目，用vue ui 命令打开图形化界面，点击安装依赖按钮，然后搜索vant，安装。安装完vant后，引入组件，才能使用。这里我选择自动按需引入组件，这也是官方推荐的一种引入方式。babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式。安装插件npm: npm i babel-plugin-import -Dyarn:

2020-11-04 21:55:34 950

原创 promise接地气讲解....async await promise try...catch

简单介绍下这几个的关系为方便起见用以下代码为例简单介绍下这几个东西的关系，async function buildData(name) { try { let response1 = await axios.get('/api/user?name=' + name); let userInfo = response1.data; let response2 = await axios.get('/api/topics?use

2020-11-04 19:37:22 424

原创 token的生成原理使用方法!

什么是tokenToken是服务端生成的一串字符串，以作客户端进行请求的一个令牌，当第一次登录后，服务器生成一个Token便将此Token返回给客户端，以后客户端只需带上这个Token前来请求数据即可，无需再次带上用户名和密码。　　基于 Token 的身份验证使用基于 Token 的身份验证方法，在服务端不需要存储用户的登录记录。流程是这样的：客户端使用用户名跟密码请求登录服务端收到请求，去验证用户名与密码验证成功后，服务端会签发一个 Token，再把这个 Token 发送给客户端客户端收到

2020-11-04 14:47:21 7002 6

原创 VUEX 方法调用常用的几种方式和简写 mapState，mapMutation，mapAction

State提供全局唯一的公共数据源访问全局状态的两种方法1. 使用 this.$store.state.xxxx2. 使用辅助函数的方法去访问， mapState 在组件里面定义计算属性的方式 ...mapState(['count']) 这句话的意思就是将 state上面的值映射为当前组件的计算属性Getters主要是堆state里面的数据有一个包装或者修饰的作用，并不会改变state上面原始的数据；类似于vue里面的计算属性使用方式 this.$s

2020-11-03 10:28:08 717

转载 Vue随笔：Render()函数&JSX

前言1.1 HTML DOM树与和Vue的virtual DOM我们知道，浏览器在解析HTML文件时，会将HTML标签解析成一个DOM树（tree of DOM nodes）。通过结构化的组织节点元素，浏览器可以很方便的跟踪整个页面的情况，但频繁的局部更新节点代价很高。为了更高效的渲染HTML，Vue.js和React以及Ember.js一样，根据真实DOM的映射构建对应的JS对象，也就是虚拟DOM（Virtual DOM）。在数据和DOM之间创建一个缓冲地带，不用每次都更新DOM，详情见下面Re.

2020-11-01 16:02:03 394

原创脚手架安装

1.先安装node=》去菜鸟教程看=》输入 node -v，如果出现相应的版本号，则说明安装成功。2.安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org===》去菜鸟教程看node.js第四节npm使用介绍往下拉http://www.runoob.com/nodejs/nodejs-npm.html3.安装webpack=》npm install [email protected] -g //-g全局安装webpack

2020-10-19 10:42:36 144 1

CJamenc的博客