DarylWxc

Nginx服务器对Vue项目的部署1.在本地下载Nginx直接百度nginx，进入官网，选择Stable（稳定版），windows（版本）下载 2.解压下载的压缩包解压压缩包在磁盘（合理规划磁盘） 3.配置nginx文件在解压出的文件夹中有conf文件，进入，选择nginx.conf文件进行配置123456789101112server { listen 8100; //此为端口,如果端口有被占用请更改 server_name localhost;//服务器名 location ^~ /wms { // 配置，用到正则表达式 alias E:/nginx-1.18.0/html/dist//如使用alias，则不会进行路径拼接，会进行替换，直接在该绝对路径中寻找index下的文件 root E:/nginx-1.18.0/html/dist;//根目录，root代表路径，会跟上面的/wms进行拼接，为绝对路径 index index.html in ...

1.git命令行2.HTML5 可3.css3 可4.BFC 可5.层叠上下文 可6.边距折叠 可7.浮动布局 可8.flex布局 可（多熟练）9.grid布局 可10.兼容11.渲染机制 可12.白屏13.FOUC 可14.异步加载 可15.重绘与回流 可16.8种数据类型 可17.运算符优先级 可18.箭头函数 可19.声明前置 可20.函数作用域 可21.块级作用域 可22.作用域链 可23.IIFE24.递归 可25.递归优化26.柯里化 可27.字符串数组方法（ES5/6）可28.引用类型 可29.深浅拷贝 可30.正则表达式（贪婪，分组，前瞻）31.同步与异步 可32.任务队列 可33.微任务与宏任务34.节流35.防抖36.原型37.class38.原型链39.object.create40.组合继承41.class继承42.call/apply/bind43.object.assign44.Mixin45.Getter/Setter46.闭包47.模块封装48.高阶函数49.DOM操作50.DOM事件流（冒泡，捕获，阻止默认，p ...

先安装cli脚手架，命令如下：123npm install -g @vue/cli$vue -V //使用命令查看cli版本@vue/cli 4.3.1 //当前cli版本 初始化Vue项目，命令如下：123vue create "项目名称" //创建项目>Manully select features //手动选择Babel,Router,Vuex,CSS Pre-processors,Linter / Formatter //选择这些模块 剩下的直接回车 升级项目，命令如下：12cd "项目"vue add vue-next //安装 该命令会完成：·安装Vue3.0依赖·更新Vue3.0 webpack loader配置，使其能够支持 .vue文件构建（重要）·创建Vue3.0 的模板代码·自动升级Vue Router·自动生成Vue Router和Vuex模板代码 启动项目基于ReadMe.md，其中的命令启动项目。 项目过程问题使用composition API的provide和inject实现组件间传值注意！！provide和i ...

1.0 如何监听一个对象的变化1.Object.defineProperty方法//ES5中新增->可以自定义getter和setter函数，从而在获取对象属性和设置对象属性的时候能够执行自定义的回调函数。2.对象是个层次的结构，对象的某个属性可能仍是一个对象。123456789let data = { user: { name: "liangshaofeng", age: "24" }, address: { city: "beijing" }};解决方案：如果对象的属性仍然是一个对象，那么使用递归算法，walk函数，继续new一个Observer直到到达最底层的属性位置。实现代码：12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535 ...

隐式函数参数：argumentsarguments:不代表数组，允许我们访问传递给函数的所有参数。自带length属性。arguments代表参数的别名，更改对象arguments的值会影响对应的函数参数。arguments在strict模式下无法使用。arguments和参数值不互通（strict模式下）。 函数上下文：thisthis：面向对象编程的重要组成部分。this通常指向定义当前方法的类的实例。函数有四种调用方式： 1234（function）：func()直接调用->此模式下调用，this为Windows对象（全局上下文），严格模式下为undefined（method）：ninja.func()关联对象，实现面向对象编程（constructor）：new ninja()实例化新对象（apply或call）：func.apply/call(ninja) 调用的方式不一样，返回的上下文也不一样作为函数被调用： 12345678910function ninja() { return this;}function samurai() { ...

git和svn的区别123Git是分布式的，SVN是集中式的。Git支持离线工作，SVN必须联网才能正常工作。Git复杂概念多，SVN简单易上手。Git分支是指针指向某次提交，而SVN分支是拷贝的目录，这个特性使Git的分支切换非常迅速，创建成本非常低。Git有本地分支，SVN无。 git核心概念12345工作流：工作区（Workspace）电脑中实际的目录，暂存区（Index）类似于缓存区域，仓库区（Repository）本地仓库和 远程仓库。git add：从工作区提交到暂存区git commit：从暂存区提交到本地仓库git push或git SVN dcommit：从本地仓库提交到远程仓库以下为git命令 git-svn常用命令1234567891011121314# 下载一个 SVN 项目和它的整个代码历史，并初始化为 Git 代码库$ git svn clone -s [repository]# 查看当前版本库情况$ git svn info# 取回远程仓库所有分支的变化$ git svn fetch# 取回远程仓库当前分支的变化，并与本地分支变基合并$ git sv ...

生成器，promise的使用和原理1234使用try catch的问题：JS依赖于单线程执行模型，在操作结束前，无法渲染数据，用户会不满。解决办法：可以使用回调函数解决这个问题，这样每个数据获取后调用回调函数，不会导致UI渲染暂停。 123456789101112131415161718function* name(){} //在关键字function后面添加星号*定义生成器函数yield "****" //使用yield函数生成独立的值调用生成器会创建一个叫作迭代器的对象，与生成器通信。const nameIterator = name() //调用生成器，得到一个迭代器，控制生成器的执行。const result = nameIterator.next() //next将返回一个对象，包含返回值，以及一个指示器(done值)告诉我们是否还会生成值,返回undefined时代表状态已完成(done:true)每生成一个值后生成器会非阻塞地挂起执行，等待下一个值请求的到达。for-of循环的原理如上，不同于next方法，for-of循环同时还需要 ...

再次深入执行上下文全局上下文预定义的对象，可以访问其他所有预定义的对象、函数和属性。在顶层JS中，可以用关键字this引用全局对象(Window对象)。全局对象是由Object构造函数实例化的一个对象。全局上下文中的变量对象(VO)就是全局对象。### 函数上下文AO(activation object,AO)变量对象，变量对象(VO)与活动对象其实是一个东西，当进入到一个执行上下文中，这个上下文的变量对象被激活，所以叫做活动对象，只有活动对象才能被访问。活动对象在进入上下文中通过arguments属性初始化。### 执行上下文执行代码前变量对象包括：1.函数的所有形参由名称和对应值组成的一个变量对象的属性被创建没有实参，属性值设为undefined2.函数声明由名称和对应值(函数对象)组成一个变量对象的属性被创建如果变量对象已经存在相同名称的属性，则完全替换这个属性3.变量声明由名称和对应值(undefined)组成一个变量对象的属性被创建如果变量名称跟已经声明的形式参数或函数相同，则变量声明不会干扰已经存在的这类属性代码执行时会顺序执行代码，根据代码修改变量对象的值### 小结1. ...

下载CS6版本PS，找PDF图和视频观看学习。1234567891011121314基本操作：选框：各种不同格式选框工具，选择后可以复制图层进行编辑。注意！（各种图片都是由许多图层构成）后期图片细节再做研究。快捷键：Ctrl+Z返回 Ctrl+J复制当前图层 Ctrl+光标 移动当前选定图层Ctrl+T 自由变换快捷键Ctrl+M调整曲线熊猫表情类似制作方法：使用索套工具将面部标签截取并复制图层，后图像->调整->黑白 确定后，调整->曝光度，调整到适应的表情样式，后用橡皮擦把一些无关线条划去。抠图方法之一：使用魔法棒将相同颜色区域选择并删除（适用于背景色单调的图片）图片拼接：使用图层蒙版，然后使用画笔在图层蒙版上划去重叠不一致的样式。换脸：使用索套工具将脸部选择并复制到另一图层，设置颜色，使用橡皮，将流量调低至30左右，擦去不适应的地方，可以调不透明度，微调曲线，选择蓝色通道GIF图制作：需要选择窗口->时间轴 新建帧 每个帧对应的图层不同，调整帧变动的时间，组成GIF。通过图像，画布大小，可以调整背景画布的大小。

使用Axure设计相关产品原型，初略交互，查看产品效果在网上寻找相关元件，可以使用，方便设计，并且将一些常用元件保留，可以在Axure里面设置元件库。可以点击上方Group，使个别组件关联。通过设置事件变化和操作，进行简单的交互行为。常用： on-click:跳转页面set类:设置组件值styleeffect:改变组件样式MouseDown,MouseOver.Selected/Checked:需要Select Group，否则组件单独为一个选择状态。 原型系统设计上遇到的问题考虑到产品合理化，功能的放置和功能点的情况，一些规律和产品思维。取色和资源的获取，对一些常用组件的独自封装。在设计原型时对设计时用的资源进行一些存储和备份，在实现时备用，提高实现效率。需要思考并且讨论产品的需求和产品的合理性，在考虑相对完善的情况下再去动手做，否则大部分都是无用功。美观需要多去参考网页上的一些app的样式，参考人家的产品思维。