sophiacan110的博客

原创 v-model可以绑定数组吗

v-model只能绑定export中的data，而这个data一般是一个字符串。遇到过这样一个问题 x轴源数据

原创 关于专利的一些思考

（1）标准与专利相结合的问题通信行业的标准工作的目的在于互联互通。企业标准是为了在企业内统一协议，减少跨国内厂家设备的互联互通的“翻译”工作。国内的标准是为了在国内统一协议，减少国内运营商网络边缘设备互联互通的“翻译”工作。国际标准是为了在国际统一协议，减少不同国家运营商之间的互联互通的“翻译”工作。标准的最大受益者是运营商，因为他们集成各类设备来构建网络的时候就不用受制于某一个厂家，而可以在多个通信设备厂家之间进行选择。做的标准适用范围越大，可供选择的设备厂家就越多，运营商的控制权就越大。对于厂家来

原创 从本地上传文件并读取内容

原创 如何批量上传本地文件并读取内容

原创 如何生成图片后立即下载图片

首先写触发条件，这个项目里面是图形一生成就马上下载该图形。所以下载图形的这个函数应该在生成图形这个函数的最后面，在图形渲染完毕之后触发。method：initChart() {//渲染图片const dom = document.querySelector(".chart");this.chart = echarts.init(dom, this.switchValue);this.chart.setOption(this.option);//以this.option作为媒介将json文件内容

原创 专利的一些想法

专利的独权和从权。专利的权力范围是由独权完全决定的。就是说只要某产品的内容与专利的独权完全匹配，而该专利又没有许可给他，则说明他侵犯了该专利的权力。这个前提是发明是一种商品，每个国家就是一个市场，每个市场有一个管理局，只要去管理局登记了这个商品属于你，那么这个商品就在你的名下。每个国家是一个市场，这个市场中的每个商品都是独一无二跟其他商品不同的。由于每个国家的专利体系不一样，因此并没有一个统一的管理局可以统一所有的专利特性，所有专利是由地域性的。比如说在欧专局，只要在欧专局申请的专利，在欧专局范围内的国家

原创 如何编写自动点击按钮

（1）首先要有一个点击div，里面有一个click动作按钮，且改动作按钮对应一个点击之后要做的事情。这里是跳转到一个外部链接， @click="jump()"（2）然后要自己自定义的指令，这个指令可以操作本身所在的dom。二这个操作的动作就是click。自定义指令使用directives来编写，inserted(el)就表示本身，el.click就表示对本身进行点击操作。而操作的后果就有（1）中的@click这个指令所对应的函数来决定。<template> <div&gt

原创 确定性网络

实现确定网络的三种方式（来源draft-ietf-detnet-controller-plane-framework-00 ）（1）reserving data plane resources for individual (or aggregated) DetNet flows in some or all of the intermediate nodes along the path of the flow,；（2）providing explicit routes for DetNet

原创 策略

需要反思一下我自己，所有的坑都是自己的性格造成的。我的性格中存在一根筋的情况，就是这件事情要办我就一定要办好，没有办好就会因为不服输从而一直坚持下去。炒股就是这样的，用合约炒，确实是赚到过钱的，但是亏得更多。如果一开始就用现货，也许就不会这样了。现在的DOT也是在2月份的时候梓安就提醒我，要买现货，然而我并没有买，是因为我的脑子里有执念，一定要打败合约这个怪兽，一定要通过合约赚到钱，不然就算赚到钱了我心里也不爽，究竟我是要实现赚钱的目标，还是要实现成就感这个目标呢？还是我两个都要？...

原创 Vue(二十二)——表单校验

<template> <div id="ChinaNetQuery"> <h1>ChinaNet信息查询</h1> <a-form-model ref="form" //form并不是自定义的任何data或者methods，不明白为什么要加上这句。 :label-col="{ span: 4.

原创 光是粒子还是波

光是粒子还是波这里查到了双缝干涉实验。波本来就是微粒产生的。过程如下：（1）一个圆球落到水里的一瞬间，球落到水里的体积就是排开水的体积，而排开的水去哪里？只能挤压旁边的水，这里要注意挤压的空间不仅仅有水分子的空间，还有水分子和水分子之间的空间，旁边的水分子被挤压后又去挤压再旁边的水分子，则个容器足够大，比如说是一个池塘的话，就可以1分钟之内无限的往外挤压。球掉下来占用的水的体积产生了第一个波峰，水分子从波峰处获得重力势能，往下掉的时候，就又好像是一个球掉到水里，所以又在这些水旁边产生了波峰。.

原创 三维空间和四维空间

从蚂蚁走路可以看出。由于蚂蚁受限于自己的身体没有翅膀，就跟人没有翅膀一样，碰到吊在自己头顶的东西就只能绕远路通过二维的方法到达三维的地方，所以只要有工具，可以是翅膀，可以是深深固定地上的梯子，也可以是飞机，都可以从受限的二维空间达到三维空间。 而且这些手段全都是为了用来克服重力的，所以重力跟第三维有不可分割的关系，究竟是什么关系呢？ 从的人角度来说，重力是人的自然能力从3维坍缩成二维的原因。但是从鸟的角度就不是这样。所以，对于所有自然身体无法克服重力的事物来说（人，动物，汽车），重力是它的能力从3维坍缩到2

原创 Vue(二十一)——v-model的本质是什么

v-model是vue一个非常神奇的命令，可以做到双向绑定，顾名思义就是将一个字段的值与一个通过输入来发生改变的值关联起来。可以认为单凡有输入的地方就会有双向绑定的需求。v-model是Vue的特性，但是...

原创 Vue(二十)——formItem的小坑

radio出现这种情况，一开始什么都没有选择，因为value值定的是“”，但是一旦选择就是全部都选了。所以点击某个选项，实际上点击的整个itemGroup，也就是说标识单个radio的键和整个group的键重合了。<a-form-model-item label="查询类型" > <a-radio-group v-model="formData.queryTypeData" > //group作为一个整体，这样才

原创 Vue学习（十八）——折叠面板

<a-layout-sider> 中 collapsed就是一种官方定义的操作，等同于v-model。表示这个element是可以折叠的，collapsible不用配置： 可以写成<a-layout-sider :collapsed="collapsed" width="256px">

原创 Vue学习（十七）——css样式

（1）overflow: hidden; 可以将溢出隐藏起来。比如我们的项目中，点击缩进按钮，如果没有这个样式，则标题smart planning会继续换行显示在屏幕，因为div的宽度变小了。这样很丑，将溢出的字隐藏起来就很好看了。...

原创 Vue学习(十六)——子组件样式无法继承

在写侧边栏时，将二级菜单作为一个单文件组件抽离出来之后，发现样式完全不同。说明父组件的样式并没有继承给子组件。有三种解决方案：（1）想办法将父组件的样式继承给子组件（2）sub-menu的属性发生了改变，所以可以找到ant-design-vue sub-menu组件的样式，将其复制黏贴到子组件中。 但是之前已经在main.js中全局引入了Antd，a-menu-item已经引入了，所以是可以直接用的。现在的问题是a-menu-item已经引入了，但是内部的文字的样式很奇怪。要找到...

原创 Vue学习（十五）——vue遇到的坑

（1）用cli-3新建了一个项目，代码run没有提供错误，但是浏览器程序员模式提示： “ You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.” 解决方案:在vu...

原创 Vue学习——自己做架构

昨天写的都没有了，使用markdown不能自动保存，以后还是以富文本的方式写好了。昨天提到网页设计其实就是跟写PPT一样，最好就是PPT的界面，要什么图形什么颜色自己拖拽，比用代码写方便和直观非常多。但是PPT有个坏处就是数据无法动态的呈现，即数据是写死在图中的。现在的bootstrap有点类似PPT了，将模块，颜色和样式使用拖拽的方式进行设计，已经非常方便，但是它的不足之处依然是布局和数据无法随着数据的变化而变化。django可以做到，就是因为它是一个前后端整体框架。而框架所做的工作，就跟我们做标准的

原创 Vue学习（十四）——Router

router.js总体架构：先定义一个Router实例router，然后将router的名字暴露出去方便别人调用。router.beforeEach和router.afterEach在这里用于router这一系列页面之前要做的事情以及之后要做的事情。在router渲染之前需要有一个用户登录的过程，如果用户登录失败就要重新登录或者注册等等一系列操作都是在router之前要做的，定义在router.beforeEach中，主要是使用NProgress依赖。这个依赖是一个进度条，有NProgress

原创 Vue学习（十三）——编程架构

为什么import之后外部依赖还要Vue.use()，自定义依赖还要加入new Vue（），自定义组件还要Vue.component，外部组件？是为了打包的时候可以不用把所有import的东西全部大包。就好像我们做一个乐高机器人一样，需要先买回一整箱的积木（Import），然后做成一架飞机需要其中的一些积木（Vue.use()），最后我们把飞机发送给好朋友作为生日礼物的时候，只需要将飞机大包，而不需要将那些没有用到的积木打包。这样就可以节省空间。为什么需要暴露接口呢？以前编程的时候，函数都是全局..

原创 Vue学习（十二）——创建项目（1）

（1）我们的项目用的是webstorm，视频里面用的是CLI脚手架。在创建项目的时候，脚手架有很多选项可以选择，比如说是否需要typescript，是否要Router或者Vuex等等。选择完成之后会自动的安装。但是在webstorm里面需要在npm的终端自己的安装npm install router.....等等。...

原创 Vue学习（十一)----Vue生态（Vuex）

Vuex是干什么的？现有的Vue中是遵循着 数据——>（驱动）——>视图——>（用户选择）——>状态比如说现有的界面中有div，每个div中都需要展示用户名，其中有一个模块中有一个文本输入框，用户可以自行修改账户名，那么在这个div中修改了账户名，在其他的div中也要显示修改后的账户名。这样就存在一个div和div之间传值的情况。现有的解决方案是通过父子组件（props，emit/on）或者是爷爷组件和子组件（provide/inject）来解决。但是这些都是直接通.

原创 Vue学习（十）——单元测试

单元测试 在新建项目的时候就将“单元测试”这个选项选上，CLI脚手架会自动帮助生成单元测试文件，依赖库都会帮助安装好。 a）jest和mocha。js是由facebook开发的，不需要自己去写js DOM以及断言，已经内置了断言库。 b）@vue/test-utils c) sinon：创建测试的替身先自己想想测试该怎么做。先将这个测试单元取个名字，说明是要测试哪个单元的程序。然后分析对这个程序要进行哪些角度的测试。如果是一个框，则可以从视图和计算结果两个方面来测试是否...

原创 Vue学习（九）—提升开发效率的小工具

vetur 是vscode的插件，不知道能不能在webstorm里面用语法高亮标签补全Lint检查格式化在component里面新建一个hello.vue 然后输入scoffold,就可以生成组件的框架，费事自己打了。在webstorm里面连vetur都不用了，直接新建一个vue就有了默认的框架了。eslint用于语法规范的，最好是设置成强制，就是某个语法要求把所有字段都写全。同时也可以通知有哪些变量是没有用到的。prettier这样可以将双引号变成单引号，或者是在每个命令行后面加上逗.

原创 Vue学习（八）—函数式组件

函数式组件是什么：一般的组件是有内部逻辑的，拿本项目来说，点了某个选项就会弹出来其他的选项或者改变其他选项的状态。这种组件就好像汪汪队的一个玩具，上面安装了按钮，按下某个按钮翅膀就会弹出来，再按一下翅膀就收回去，再按一个按钮就唱歌之类的。但是还有一类组件就像是没有按钮的玩具，它的功能就是展示给人看，他的形态一直是一个样子。就类似在网页上传一张照片，然后就把照片展示出来而已。但是为什么叫函数式组件呢？因为组件并不是玩具，而是一个打印玩具的盒子，有数据输入，通过这个黑盒子组件，就出现了一个玩具。

原创 Vue学习（七）——计算属性和侦听器

（1）计算属性最大的好处在于数据缓存，其侦听的属性只有数值发生了改变的时候才会重新计算，不然不会重新计算。而methods不管在任何情况下，只要触发了这个methods，就会重新计算。注意：计算属性只能用于响应式数据。 export default{ data(){ //一定要是这种响应式的数据 return {message:"helloworld"}; ...

原创 Vue学习（六）—触发组件更新

原本以为子组件中的props是接受从父组件来的属性的，只要父组件相关的属性一旦被赋值，数值就被自动传递到子组件进行渲染。

原创 Vue学习（五）-双向绑定

双向绑定。单向绑定：a）视图绑定数据，视图随着数据的变化而变化：个人的理解就是展示的内容可以根据数据的更新自动的更新。就好像数据库的电路数据会自动的更新，而显示到网页的下拉菜单上的电路对也应该自动的更新。在我们这个项目中一定会用到。组件的data就是数据来源，但是我们的项目还有一个需求，就是组件的data是由后端数据库提供的，需要向数据库发起请求，得到data，再使用此data对所有使用到该data的组件进行自动进行渲染（组件中使用v-mode即可）。由于只读取一次，所以要用到此data的组件必须使

原创 Vue学习（四）——插槽

槽的概念就是上一篇文章说的第2种情况，父组件中包含的多个子组件，但是需要将子组件加上一个props字段，并且由父组件根据这个props字段中的参数传值到子组件中进行渲染。比如说：一个子组件是一个红色的，长30px，宽50px的一个矩形。按照现有的方法就是要将这个子组件中的props定义好：color，width，length三个参数，然后再在父组件中的data中定义好color的值是红色，width的值是30px，length的值是50px，通过这种方式将参数值传递给子组件进行渲染成一个红色的矩形。这个方

原创 Vue学习（三）——父子组件以及传值方式

vue父子组件及其传值。https://www.zhihu.com/search?q=vue%E7%88%B6%E5%AD%90%E7%BB%84%E4%BB%B6%E4%BC%A0%E5%80%BC&utm_content=search_suggestion&type=content最朴素的理解：父与子有血缘关系，父亲向儿子传递信息是通过基因传递的，基因即父亲的props（属性），在这个属性字段中需要定义好要传递的参数的类型，这种情况下只要父亲变了儿子自然变了。默认父亲的所有属性儿子

原创 Vue学习（二）——数据传递以及指令

vue是一个非常灵活的前端架构。div=界面上的分区控件：位于分区中，包括下拉菜单，单选多选，文本输入框等等；data=某个控件使用的数据。虽然这些数据会通过el字段来定位自己属于哪个分区，使用{{}}搬运到分区中，但是具体实施的时候，数据以及数据的变种是局限于某个分区的某个控件中的；css=某个分区下辖的所有的控件以及数据所使用的样式，这些样式也是通过el字段来定位自己属于哪个分区。对于某个分区下不同的数据、控件，有不同名称的css对象分别进行操作；指令：位于控件中，对控件管辖范围内的data和

原创 Vue学习（一）---div和var

Vue学习（时间1天半）（1）Vue也采用html和js配合方式来写网页，但是语法的差异却比较大。在div里面用于渲染的数据：a）在控件外部：使用{{}}括起来，是来源数据（原料）。b）在控件内部，用Vue自带的指令=""来指明。是对以上来源数据（原料）所进行的操作。比如说{{}}对应的数据是Today is Friday，那么Vue的指令就可以用于处理这些字符串。用于处理这些数据的操作叫做method，要跟这些源数据在同一个Vue的变量中。例如：b1) v-on： 点击源数据，然后就怎样…比如说反

原创 Django迁移到vue架构

测试驱动编程（二）

原创 测试驱动编程（一）

#test12345