- 博客(35)
- 收藏
- 关注
RSS订阅原创 typescript tsconfig.json: Cannot write file ... because it would overwrite input file
检查tsconfig.json中是否拥有"allowJs“: true的选项，将其设置为false或删除即可解决。
2023-09-18 15:11:27
527
原创 uniapp: err = err.replace(this._UNI_INPUT_DIR_REG, ‘UNI_TypeError: err.replace is not a function问题修复
问题：uniapp的依赖包出现了问题，需要升级解决办法：升级uniapp依赖包，下载"semver"和”@dcloudio/uni-i18n“两个包，本地锁定postcss为7版本，就解决了。
2023-07-05 15:36:13
1164
1
原创 vtk的requestData 、getIndexMatrix和vtkImageResliceExecute讲解
对vtk的imageRelice模块的requestData、getIndeMatrix和vtkImageRelieExecute方法进行了讲解
2022-07-07 21:08:03
823
2
原创 web端mpr(多平面重建)的实现
mpr二维多平面重建(Multiplanar reconstruction，MPR)是被大量用于分析电脑断层扫描影像的技术。可用于在正交平面(冠状、矢状、轴向或倾斜，选择任意平面)中重建影像，这可以帮助医疗人员建立解剖结构在多个平面的视觉效果。mpr过程介绍mpr一般会分为三个面: 横截面、冠状面、矢状面。横截面:当你的视角从上往下看的平面，如图中绿色平面，其它两个平面在绿色平面的投影就是一个十字架，十字架的每条线都对应一个平面的投影，所以mpr一般除了图还自带有十字架，十字架中心点是另外两张图的
2022-03-04 18:13:09
5238
19
原创 Module parse failed: Unexpected token (3:27) File was processed with these loaders: * ./node_module
Module parse failed: Unexpected token (10:27)File was processed with these loaders: * ./node_modules/vue-loader-v16/dist/templateLoader.js * ./node_modules/cache-loader/dist/cjs.js * ./node_modules/vue-loader-v16/dist/index.jsYou may need an additiona
2021-11-27 14:24:56
17980
4
原创 module “**.vue“ has not default
module “**.vue” has not default这个问题造成的原因是因为你在vue.config.js中设置了happyPackMode选项，如下所示：config.module .rule('ts') .use('ts-loader') .loader('ts-loader') .tap(options => { Object.assign(options || {}, {transpileOnly: false, h
2021-11-24 11:42:22
2002
原创 git中的push与clone中的常见错误
Failed to connect to github.com port 443: Timed out这个错误的原因是网络问题，可能是本地的网络问题，也有可能是github服务器的网络问题。如果本地访问网页没有问题，那大概率是github问题，可以过一会再使用git clone进行拉取代码。Failed to connect to 127.0.0.1 port 1080: Connection refused这个错误的原因是你的git设置了代理的原因，并且代理的端口号为1080，以下操作可以解决上述问
2021-03-10 17:00:05
275
原创 vue-router的4.0.0-alpha.6中的component
import effect from '@/pages/effect.vue';// effect通过import导出的方式会爆出类型不匹配，component识别出的类型为undefinedconst router = createRouter({ routes: [ { path: '/', name: 'login', component: () => import('@/pages/login/login.vue')
2020-08-20 15:16:19
1307
原创 Typescript中导入vue文件报错
Typescript导入vue文件爆出找不到模块，解决办法：创建一个shims.d.ts文件，放置到src/globalDeclare中declare module '*.vue' { import Vue from 'vue'; export default Vue;}注意，该模块声明需要单独创建文件声明在tsconfig.json中添加{ "compilerOptions"： { "typeRoots"： [ "src/globalDeclare" ] }}
2020-08-20 15:13:30
7695
原创 vue3源码effect
Effect前言：effect类似于vue2源码中的watch，观察者/订阅者。以下过程中，effect为观察者，target的属性值为被观察者，effect观察target的属性值，target的属性值被修改通知effect，确保以这个思想看待下面源码。Effect与Target映射target ===> effect// 存放effect集合，使用Set去重type Dep = Set<ReactiveEffect>// any为监控对象的属性，属性对应的Dep// 存
2020-08-18 15:13:47
1079
原创 vue3源码reactive章节
Target类型及属性// 定义target属性interface Target { // 标记为原始数据，则不能进行监控，只能为原始数据 [ReactiveFlags.SKIP]?: boolean // 是否是可读可写响应式 [ReactiveFlags.IS_REACTIVE]?: boolean // 是否为只读响应式 [ReactiveFlags.IS_READONLY]?: boolean // 指向原始数据 [ReactiveFlags.RAW]?: an
2020-08-18 15:12:23
1524
原创 vue3源码ref章节
Ref类型// 生成一个唯一key，开发环境下增加描述符 'refSymbol'declare const RefSymbol: unique symbolexport interface Ref<T = any> { /** * Type differentiator only. * We need this to be in public d.ts but don't want it to show up in IDE * autocomplete, so we
2020-08-18 15:11:38
2661
原创 “export ‘markNonReactive‘ was not found in ‘vue‘错误解决
最近开始vue3项目的尝试，照着网上的vue版本与vue-router版本爆出以上错误，通过查找有人提了issure，不过没有明确哪个版本.我把我能够使用vue-router与vue版本放出来一下，主要通过以下链接https://github.com/vuejs/vue-router-next/commit/7636f556cd654fbdf49b494925628593e8383453上述链接中有对用解决完这个bug的vue-router版本，并且可以看到内部使用的vue版本废话不多说直接上版本
2020-07-28 09:57:55
7070
5
原创 Uniapp中父组件向子组件传递prop，新的prop会带有旧的prop属性
简洁最近使用uniapp开发微信小程序，某一个页面需要做成可配置化，因此会出现直接在父组件修改传递到子组件的prop，但是会出现这种情况，假设新传递的prop对象为newObj，旧传递的prop对象为oldObj，如果Object.keys(newObj).length > Object.keys(oldObj).length，newObj中会带有oldObj的属性，值为null。例子father.vue<template> <view> <view>
2020-07-07 20:47:38
2147
原创 uniapp上实现一个左滑显示删除按钮，右滑删除按钮消失
功能需求产品提出来需要实现左滑动特定的一项，来显示删除按钮，用户右滑动隐藏删除按钮（ps：没用原生的是因为样式与视觉给的不符合，不如自己设计一个）具体功能实现1. html部分<template> <view class="container" @touchstart="touchS" @touchmove="touchM" @touchend="touchE" :style="{left: leftStyle + 'rpx'}"> <view>
2020-07-03 11:28:20
7659
4
原创 Uniapp中关于props的传参问题
uniapp中父组件向子组件传递prop时，如果prop是function，function只能是在method定义的变量，例子如下father.vue<template> <view class="uni-container"> <child :fatherData="fatherData" :fatherFcuntion="fatherFcuntion" :fatherMethod="fatherMethod"></child> <
2020-07-02 17:34:35
24222
5
原创 uniapp中v-show的bug
```javascript<template> <view class="uni-container"> <button @click="arrayInit">array添加项</button> <button @click="arrayEmpty">array变为空数组</button> <view>array.length > 0 的值 {{ array.length > 0 }}&l.
2020-06-11 20:42:46
5112
2
原创 uniapp的报错ncaught Error: Module build failed (from ./node_modules/@dcloudio/webpack-uni-pages-loader/
ncaught Error: Module build failed (from ./node_modules/@dcloudio/webpack-uni-pages-loader/这个错误可能是语法错误重新在HBUILDER X重新编译，可以发现错在哪里
2020-06-05 14:51:38
18374
5
原创 node.js设计模式第二章总结
1.js的回调函数JS中因为闭包可以将上下文保存到内存中的特性，使异步中的回调机制在js中使用的更加方便。因此，当operation完成后，callback可以正确执行。异步函数中会使用回调函数，但是使用回调函数的不一定是异步函数。2.JS的在异步与同步的回调机制js中的异步函数使用回调机制可能会出现问题。//异步const cache = {};const fs = require("fs");function instanceReadSyn(filename,callback){ if(
2020-05-15 13:21:02
240
原创 node.js设计模式第一章总结
node.js设计模式(第二版) 第一章总结1.let constlet块级作用域'use static'if(true){ let a = 1;}console.log(a);//报错a没有定义const定义的变量不能被修改const a = 1;a = 2; //报错Uncaught TypeError: Assignment to constant variable....
2020-05-07 23:38:12
236
原创 2020腾讯前端暑期实习一面经验
面试基本信息1.开始时间：3点(其实3点20)2.时长: 2小时3.工作地点: 深圳4.实习岗位：web前端开发(pcg事业群)5.面试时间：3月18日6.面试平台：牛客网面试官问题一.计算机网络介绍下自己，顺便详细介绍下项目大概内容是：项目描述+项目负责模块+项目亮点+项目中的定位url到页面的过程DNS解析->TCP建立连接->发送http请求-&...
2020-03-20 17:07:21
1238
原创 js实现a-z表示26进制，实现26进制相加
//输入单行的情况var readline = require('readline'); // 引入readline接口，读取输入行var rl = readline.createInterface({ // 创建输入输出接口 input: process.stdin, output: process.stdout});//(a-z)26进制转10进制function convert...
2020-03-18 11:38:32
1078
原创 Promise中then的两个参数与catch的介绍
JS中的Promise一共有三种状态，分别为pending(等待)、fulfilled(成功)、rejected(失败),Promise的状态同一时间只能为一种状态。1.Promise只能由Pending转化为fulfilled或者rejected，fulfilled与rejected不能相互转化var pro=new Promise((resolve,reject)=>{ r...
2020-03-07 23:53:27
10335
4
原创 position中的absolute与relative
以下例子全是基于chrome游览器absolute是绝对定位，基于第一个非static的父元素进行定位relative是相对定位，基于其正常位置进行定位1.relative定位的元素，top与margin-top的区别相对定位元素使用top,right,bottom,left进行定位时，视觉效果中元素位置虽然已经改变，但是不会影响其原有的位置，其它元素还是基于其原来的位置进行定位，直接上例...
2020-02-23 18:38:26
315
原创 前端的background填充背景色时，使用内联样式style与class的区别
最近有项目需要上线，结果上线服务器的配置存在问题，前端需要图片居然是以text/html格式请求的，当然这个跟我们前端没啥关系了。但是吧，我当时发现只有部分图片没有显示(因为没有请求到)，还有一部分图片是正常显示的。当时立马打开F12进行查看请求，发现只有部分图片是直接请求的，还有一部分图片在F12里面是看不到请求的。怀着求真的思想，发现这两块代码的区别，有问题的是写在内敛样式style，一个是...
2020-02-04 12:10:48
1271
原创 关于js的深拷贝与浅拷贝
在js中对于对象的拷贝方法:1.使用slice与concat可对不好含对象的数组进行拷贝，用例如下:var a = [1,2,3];var b = a.slice();b[0] = 0;console.log('a',a,,'b',b);输出//a [ 1, 2, 3 ] b [ 0, 2, 3 ]反例var c = [{a:1,b:2},{c:3,d:4}];var d =...
2019-12-26 14:16:53
117
原创 ie游览器下报错 SCRIPT1004: 缺少 ';'
自定义axios时需要添加dataType:"json"属性let http = axios.create({ ..... dataType: "json", .....})
2019-12-17 11:01:18
4484
原创 基于ant-design-vue中a-tree的搜索功能
项目开发是用的vue+ant-design-vue最近收到一个新的搜索需求，需要对目录树进行搜索，并将搜索到的值进行高亮与展开显示。废话不多说直接上代码，以下代码只是一个简单的demo。<template> <div> <a-input-search v-model="searchStr" placeholder="输入搜选项" style="wid...
2019-12-10 11:32:21
17596
36
原创 使用ant-design-vue中，开发环境与生产环境的样式不一样
今天碰到个问题，本地使用ant-design-vue开发时，本地服务器上面的所有样式都没问题，界面功能十分完美，心里美滋滋的可以划水了，立刻上传到服务器。结果服务器上面的页面样式与本地的样式不一样，心里真的mmp了。通过修改本地代码，然后消除相关loading，上传到自己服务器上，开始了漫漫f12对比样式。最后是ant-design-vue里面的样式在本地可能不存在覆盖，服务器上面有相关覆盖，这个...
2019-12-04 22:32:56
2969
1
原创 对于vuex的watch监控
在项目开发中，利用…mapStates(‘wordAnnotation’,{book:‘book’})设置成this.book直接访问，但是通过watch监控book的时候是没用的，需要设置成’state.store.wordAnnotation.book’来进行监控才有用。还有几个坑使用vuex时，mutation里面的函数是没有返回值的，不能用return。mutation里面的函数参数...
2019-11-29 09:46:42
4141
原创 ant-design-vue中通过css修改a-tree的折叠打开图标
又发现了一个新的科技，通过修改样式，不需要switcherIcon就可实现。直接贴代码//关闭样式/deep/ .ant-tree-switcher-close{ background: url() no-repeat; i{ display: none; }}//打开样式/deep/ .ant-tree-switcher-open{ background: url() n...
2019-11-21 15:21:33
3817
原创 ant-design-vue中自定义a-tree的打开与折叠图标
ant-design-vue中的价绍真的令人抽象，废话不多说，介绍打开与折叠图标的应用。<template> <a-tree v-model="checkedKeys" :treeData="treeData" > <template slot='switcherIcon'> <i @click='rotate...
2019-11-21 10:04:15
18798
4
原创 vue对于ntko的应用经验
本来生活过的美滋滋，突然告知要用ntko写一个操作word文档的界面，看到后立马提起兴致看了下ntko的基本文档，安装ntko，研究小demo。研究完后心里立刻妈卖批了，这个ntko居然限制游览器与word版本，可把我研究苦了。chrome45后就限制了插件入口，firfox跟chrome差不多，所以只能用一些特定的进行开发。1.开发环境选择使用的是 IE11，word2016（QQ游览器与...
2019-11-21 09:31:39
3190
5
原创 关于ant-design-vue的一些坑
an-design-vue中的一些坑使用an-design-vue的一些吐槽最近一个前端项目ui要使用an-design-vue，说干就干。首先打开an-design-vue官网，点开layout选项，看了全部没看到相关示例代码，就在最下面看到相关API有相关代码示例。照着上面代码编写之后发现报错了，没有找到相关控件，what’s the fuck?，示例也有错？立刻百度去寻找相关资料，...
2019-11-19 15:51:43
8410
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人