Vue项目

1、npm install

安装npm包
问题：

1、npm install报错npm ERR Could not resolve dependency: npm ERR peer...

报错原因

在新版本的npm中，默认情况下，npm install遇到冲突的peerDependencies时将失败。

解决办法

使用--force或--legacy-peer-deps可解决这种情况。
--force 会无视冲突，并强制获取远端npm库资源，当有资源冲突时覆盖掉原先的版本。
--legacy-peer-deps：安装时忽略所有peerDependencies，忽视依赖冲突，采用npm版本4到版本6的样式去安装依赖，已有的依赖不会覆盖。
建议用--legacy-peer-deps 比较保险一点

在终端重新安装即可解决
npm install --legacy-peer-deps

2、package.json文件

"scripts": { "dev": "vue-cli-service serve --open", "build": "vue-cli-service build", "lint": "vue-cli-service lint" },
dev：鼠标放在上面点击运行脚本，就会启动项目
build：鼠标放在上面点击运行脚本，就会打包
lint：代码检测

"dependencies":
这里面就是依赖的第三方库

3、第三方类库的存放位置

在项目中引入的第三方类库都放在这个文件夹下面：

image.png

4、iView组件库这个要看一下

(1)Vue应用IView中，table中使用Poptip被遮挡显示不全
添加transfer参数
参考：https://blog.csdn.net/qq_40743463/article/details/104894357

5、差值表达式

{{}} 可以在视图中显示data中的数据
（1）其用的数据必须在data中存在
（2）不能使用js语句if for啥的
（3）不能在属性中使用

6、vue指令

vue指令其实就是html标签的特殊属性，一共有14个v-开头的指令
v-这些指令是干啥的，怎么用，用的时候注意什么

v-bind

用于访问data中的数据，在标签的属性中使用
v-bind:src 可以简写为 :src

v-model

（1）用于表单元素上， < select >，创建数据的双向绑定。<br> （2）会忽略掉表单元素原本的value<br> （3）v-model双向绑定实现的原理<br> 用到的技术是数据劫持，ES5中的一个语法：Object.defineProperty，所以vue不支持IE8以下的版本。<br> 给对象的某个属性添加修饰：</p> <pre><code>let temp = 属性 Object.defineProperty(对象,属性名,{修饰对象 //里面重写set和get方法 get() { return temp }, set(value) { temp = value input.value = value } }) </code></pre> <ul> <li> <h5>v-on</h5> </li> </ul> <p>作用：用来给元素注册点击事件<br> 语法：v-on:事件名="事件函数"</p> <pre><code>v-on:click="clickEvent"可以简写为@click="clickEvent" </code></pre> <p>注意点：<br> （1）传参数</p> <pre><code>//事件函数加上()即可，里面传入参数 <button type="button" @click="parameClick(name)">传参数</button> <script> export default { data() { return { name: '你好' } }, methods: { parameClick(name) { console.log(name) } } } </script> </code></pre> <p>（2）事件修饰符<br> 在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。<br> 为了解决这个问题，Vue.js 为 v-on 提供了事件修饰符。之前提过，修饰符是由点开头的指令后缀来表示的。<br> .stop<br> .prevent<br> .capture<br> .self<br> .once<br> .passive<br> 其中.stop 和 .prevent是最常用的</p> <pre><code> <a v-on:click.stop="doThis"></a>  <form v-on:submit.prevent="onSubmit"></form> </code></pre> <p>（3）按键修饰符<br> 在监听键盘事件时，我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符：</p> <pre><code><input @keyup.enter="aClick()" /> </code></pre> <ul> <li> <h5>v-show VS v-if</h5> </li> </ul> <p>（1）v-show控制元素显示和隐藏，v-show=”bool“，他是通过样式display属性来控制的显示和隐藏<br> （2）v-if也是控制元素显示和隐藏，但是v-if是销毁和创建，用于一次性的显示隐藏</p> <ul> <li> <h5>v-for</h5> </li> </ul> <p>我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。</p> <pre><code><ul id="example-1"> <li v-for="item in items" :key="item.message"> {{ item.message }} </li> </ul> </code></pre> <p>注意点<br> （1）:key是必须的，提高渲染效率<br> （2）也可以用 v-for 来遍历一个对象的 property。<br> （3）也可以在 <code><template></code> 上使用 <code>v-for</code><br> （4）也可以在组件上使用 <code>v-for</code></p> <h3>7、计算属性</h3> <p>首先来看例子：</p> <pre><code>var vm = new Vue({ el: '#example', data: { message: 'Hello' }, computed: { // 计算属性的 getter reversedMessage() { // `this` 指向 vm 实例 return this.message.split('').reverse().join('') } } }) </code></pre> <p>（1）计算属性要写到computed中<br> （2）计算属性写法上是一个函数，但实质上是一个属性，其对应的是函数的返回值<br> （3）计算属性只会计算一次，结果会缓存起来，高效<br> （4）计算属性只有依赖的数据发生了变化，才会重新计算<br> （5）什么时候使用计算属性？需要在插值表达式或者指令中使用复杂的逻辑，都应该使用计算属性<br> （6）计算属性的setter<br> 计算属性默认只有getter</p> <pre><code> computed: { total() { return this.num1 + this.num2 } } </code></pre> <p>但是当v-model双向绑定的是一个计算属性的话，就需要书写计算属性的完整形态，否则会报错，代码如下：</p> <pre><code>computed: { total: { get() { return }, set() { } } } </code></pre> <h3>8、监听属性</h3> <p>（1）监听属性写在watch中<br> （2）作用，监听data中数据的改变<br> （3）语法简单类型：<code>watch:{ msg(newValue, oldValue) {} }</code><br> 复杂类型：</p> <pre><code>//这是一个对象 list: { handler(value) { localStorage.setItem('todos', JSON.stringify(value)) }, deep: true, //深层次监听 immediate:true //是否立刻监听 } </code></pre> <h3>9、VUE的生命周期</h3> <ul> <li> <h5>初始化阶段</h5> </li> </ul> <p>（1）new Vue（）初始化Vue实例<br> （2）初始化内部的一些事件、生命周期<br> （3）初始化vue内部的数据，把data中的数据都劫持给vm，这一步开始vm上就有数据<br> （4）判断是否有el 1.指定el参数 2.<code>vm.$mount[#'app']</code><br> （5）确定是否有模板 1.如果有templete，直接templete作为模板 2.如果没有templete，那么el本身就是模板<br> （6）结合数据和模板，动态渲染结构，然后把原来的el替换掉</p> <ul> <li> <h5>数据更新阶段</h5> </li> </ul> <p>（1）等待数据发生改变<br> （2）视图自动更新数据发生改变的那部分</p> <ul> <li> <h5>销毁阶段</h5> </li> </ul> <p>（1）等待调用vm.$destrory()方法<br> （2）卸载vue内部的事件和监听、vue的数据再次发生改变页面不再更新</p> <p>钩子函数：<br> vue生命周期4组8个常用创建前后，挂载前后，更新前后，销毁前后</p> <pre><code> beforeCreate() { console.log('beforeCreate', '创建前'); }, created() { console.log('created', '创建完成'); }, beforeMount() { console.log('beforeMount', '挂载前'); }, mounted() { console.log('mounted', '挂载完成'); }, beforeUpdate() { console.log('beforeUpdate', '更新前'); }, updated() { console.log('updated', '更新完成'); }, beforeDestroy() { console.log('beforeDestroy', '销毁前'); clearInterval(this.interID) }, destroyed() { console.log('Destroy', '销毁完成'); } </code></pre> <h5>常用的钩子函数 </h5> <ul> <li>created 创建完成可以获取this ajax加载开启定时器</li> <li>mounted 挂载完成（内容以及渲染完毕）可以获取dom节点</li> <li>beforeDestroy 销毁前清除定时器移除监听事件</li> </ul> <h5>vue父子组件生命周期执行顺序</h5> <ul> <li>加载渲染过程：父beforeCreate —> 父created —> 父beforeMount —> 子beforeCreate —> 子created —> 子beforeMount —> 子mounted —> 父mounted</li> <li>子组件更新过程：父beforeUpdate —> 子beforeUpdate —> 子updated —> 父updated</li> <li>父组件更新过程：父beforeUpdate —> 父updated</li> <li>销毁过程：父beforeDestroy —> 子beforeDestroy —> 子destroyed —> 父destroyed</li> </ul> <h3>10、过滤器</h3> <p>vue提供了过滤器的语法，常用于格式化我们的文本，vue3中已经移除，可以用计算属性代替</p> <h3>11、组件</h3> <p>（1）组件化和模块化的区别</p> <ul> <li>组件化：是从UI界面的角度进行划分，方便UI组件的重用</li> <li>模块化：是从代码逻辑的角度进行划分，带有业务，功能模块的单一化</li> </ul> <h3>12、refs</h3> <p>作用：<br> （1）获取元素</p> <pre><code><div> <input type="text" value="123" ref="input"> </div> export default { data(){ return{ } }, mounted() { console.log(this.$refs.input) } } </code></pre> <p>（2）获取子组件中的data或者method</p> <pre><code>// 父组件 <template> <div id="app"> <Son ref="myref"></Son> </div> </template> <script> import Son from "./components/son"; export default { mounted() { console.log(this.$refs.myref.name); //输出子组件data中的name的值：myhua this.$refs.myref.logName();//子组件中的方法 }, components: { Son } }; </script> </code></pre> <h3>13、js文件路径简介</h3> <ul> <li>'/'开头：代表根目录</li> <li>'./'开头：代表当前目录</li> <li>'../'开头：代表上一级目录</li> <li>'@/'开头：此特殊情况，@为自定义的，一般为模块目录开始</li> </ul> <h3>14、路由</h3> <h3>15、nrm</h3> <p>nrm是一个npm源管理工具，使用它可以快速切换npm源。</p> <ul> <li>1、安装<br> npm install -g nrm</li> <li>2、查看源列表（前面带*的为当前源）<br> nrm ls</li> <li>3、添加新的npm源<br> nrm add 别名源地址</li> <li>4、切换源<br> nrm use 源名称</li> <li>5、删除源<br> nrm del 源名称</li> </ul> <h3>16、svg图片的导入使用（vite+ts）</h3> <p>主要观看这个视频<br> https://www.bilibili.com/video/BV17V4y1s7Hc/?spm_id_from=333.999.0.0</p> <ul> <li>npm引入svg库</li> <li>配置vite.config.ts文件</li> <li>写svg组件</li> <li>main.ts全局引用组件</li> <li>在需要的地方直接使用</li> </ul> </article> </div> </div> </div>  <div id="SOHUCS" sid="1646317751653982208"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(Vue项目)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835452528599330816.htm" title="vue项目element-ui的table表格单元格合并" target="_blank">vue项目element-ui的table表格单元格合并</a> <span class="text-muted">酋长哈哈</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、合并效果二全部代码exportdefault{name:'CellMerge',data(){return{tableData:[{id:'1',name:'王小虎',amount1:'165',amount2:'3.2',amount3:10},{id:'1',name:'王小虎',amount1:'162',amount2:'4.43',amount3:12},{id:'1',name:'</div> </li> <li><a href="/article/1835448238103162880.htm" title="springboot+vue项目实战一-创建SpringBoot简单项目" target="_blank">springboot+vue项目实战一-创建SpringBoot简单项目</a> <span class="text-muted">苹果酱0567</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB%E4%B8%8E%E8%A7%A3%E6%9E%90/1.htm">面试题汇总与解析</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">中间件</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一</div> </li> <li><a href="/article/1835376632366460928.htm" title="vue2实现复制,粘贴功能" target="_blank">vue2实现复制,粘贴功能</a> <span class="text-muted">周bro</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、需求说明在项目中点击按钮复制某行文本是很常见的应用场景，在Vue项目中实现复制功能需要借助vue-clipboard2插件。二、代码实现1、安装vue-clipboard2依赖（出现错误的话，可以试试切换成淘宝镜像源npmconfigsetregistryhttps://registry.npm.taobao.org）npminstall--savevue-clipboard22、在main.</div> </li> <li><a href="/article/1834862560977973248.htm" title="vue axios 如何读取项目下的json文件" target="_blank">vue axios 如何读取项目下的json文件</a> <span class="text-muted">战族狼魂</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>在Vue项目中，使用axios读取本地的JSON文件可以通过将JSON文件放置在public目录中，然后通过axios发起请求读取。步骤：将JSON文件放置在public目录下：Vue项目中的public目录是静态资源目录，项目编译后这些文件可以通过URL直接访问。将你的JSON文件，比如data.json，放在public目录中。使用axios读取JSON文件：在你的Vue组件中，通过axios</div> </li> <li><a href="/article/1834770162801274880.htm" title="Vue项目中实现AES加密解密" target="_blank">Vue项目中实现AES加密解密</a> <span class="text-muted">小金子J</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/JavaScript%E5%88%86%E4%BA%AB/1.htm">JavaScript分享</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>在前端开发中，保护用户数据的安全性至关重要。AES（高级加密标准）作为一种广泛使用的对称加密算法，因其高效性和安全性而受到青睐。本文将介绍如何在Vue项目中实现AES加密解密，包括ECB和CBC两种模式。环境搭建在Vue项目中使用AES加密解密功能之前，需要先安装crypto-js库。通过执行以下命令，可以轻松地将crypto-js添加到项目中：npminstallcrypto-js--save-</div> </li> <li><a href="/article/1834304514883153920.htm" title="vue项目在本地搭建时，npm install报错npm ERR! code E400" target="_blank">vue项目在本地搭建时，npm install报错npm ERR! code E400</a> <span class="text-muted">猪猡猪猡猪</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在npminstall运行的时候，总是出现400报错npmERR!codeE400npmERR!400BadRequest-GEThttps://registry.npmmirror.com/zrender/-/zrender-5.4.4.tgz（以上只展示了其中一种包安装时的400报错）尝试过更换多种npm源，都没有解决这个问题。最终，将项目中的package-lock.json删除，重新执行n</div> </li> <li><a href="/article/1834130448331141120.htm" title="在 Vue 2 中使用 Axios 发起 POST 和 GET 请求" target="_blank">在 Vue 2 中使用 Axios 发起 POST 和 GET 请求</a> <span class="text-muted">Jarvis Downey</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>Axios是一个基于Promise的HTTP客户端，用于浏览器和node.js，它提供了一种非常方便的方式来发送异步HTTP请求。在Vue2应用中，Axios可以帮助我们轻松地与后端API进行通信。本文将介绍如何在Vue2项目中引入Axios，并使用它来发起POST和GET请求。1.安装Axios首先，你需要在你的Vue项目中安装Axios。打开终端，切换到你的项目目录，然后运行以下命令：npmi</div> </li> <li><a href="/article/1834077371821551616.htm" title="vue项目外挂配置文件（js 和 json）" target="_blank">vue项目外挂配置文件（js 和 json）</a> <span class="text-muted">不cong明的亚子</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a> <div>文章目录前言特别注意:一、外挂JS配置文件1.创建config.js2.导入config.js到index.html3.使用config.js中的变量二、外挂json配置文件1.准备工作2.配置vue.config.js3.读入数据总结前言前端开发过程中，会有很多关键性的、易改动的常量，例如：后台url、第三方登录的url等其他第三方链接地址，它们都是很容易更改的常量。要是我们把这些变量写死在代码</div> </li> <li><a href="/article/1833898240932671488.htm" title="Vue项目：将资源路径使用相对路径后，部分图片无法显示" target="_blank">Vue项目：将资源路径使用相对路径后，部分图片无法显示</a> <span class="text-muted">engineer_why</span> <a class="tag" taget="_blank" href="/search/vue%E9%A1%B9%E7%9B%AE%E9%97%AE%E9%A2%98%E9%9B%86/1.htm">vue项目问题集</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>Vue项目：将资源路径使用相对路径后，部分图片无法显示绝对路径通过上一篇文档，使用publicPath实现绝对路径转相对路径，这一篇，来说说我之后碰到的问题.在资源路径改变为相对路径后，我发现代码中比如css引入的图片，它还是处于绝对地址，并且没有办法显示出来，提示为404找不到图片。解决办法：通过less或scss，定义一个变量baseUrl，然后通过字符串拼接的方式，在url路径中拼接到原本图</div> </li> <li><a href="/article/1833324990422937600.htm" title="vue项目结构" target="_blank">vue项目结构</a> <span class="text-muted">手写冒泡排序</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>1.build目录用来存放对项目构建项目配置用来配置生产环境测试环境原始环境2.config目录用来修改生产配置和测试核心目录dev.env.js---开发环境变量index.js--项目配置文件prod.env.js--生产环境变量test.env.js--测试环境变量3.node_module目录用来存放当前项目的js依赖存放就是目录无序修改4.src目录用来存放日后自己开发代码的目录（重点）</div> </li> <li><a href="/article/1833323728986009600.htm" title="vue项目架构" target="_blank">vue项目架构</a> <span class="text-muted">影子信息</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>搭建项目框架,封装模块1.网络模块封装axios二次封装请求拦截器token是什么响应拦截器http协议2.动态权限菜单axios二次封装函数递归动态添加路由addRoutes刷新界面，菜单丢失问题，持久化存储技术实现点击菜单，不能找到路由组件问题,3.按钮资源权限根据登录用户角色获取能操作的资源列表，保存store自定义权限指令,封装有无操作该资源的权限v-permission=“[‘EditU</div> </li> <li><a href="/article/1833321835874316288.htm" title="Vue项目结构" target="_blank">Vue项目结构</a> <span class="text-muted">永远的12</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>Vue项目的结构可以比较灵活，但通常情况下会包含以下几个部分：public目录：这个目录包含项目的静态资源文件，例如index.html，图片等。src目录：这个目录包含项目的源代码。src/main.js：这个文件是项目的入口文件，用于初始化Vue应用。src/router目录：这个目录包含项目的路由配置文件。src/components目录：这个目录包含项目的组件文件。src/assets目录</div> </li> <li><a href="/article/1833302170250866688.htm" title="vue 项目代码架构" target="_blank">vue 项目代码架构</a> <span class="text-muted">王小工</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Vue项目的代码架构通常遵循一定的组织结构和约定，以提高项目的可维护性、可扩展性和可读性。以下是对Vue项目代码架构的详细解析：一、项目目录结构Vue项目的目录结构通常包括以下几个关键部分：根目录：package.json：npm包配置文件，定义了项目的npm脚本、依赖包等信息。README.md：项目的说明文档，markdown格式。.gitignore：git上传需要忽略的文件配置。其他配置文</div> </li> <li><a href="/article/1833196842578440192.htm" title="Nginx部署前端Vue项目的深度解析" target="_blank">Nginx部署前端Vue项目的深度解析</a> <span class="text-muted">小周不想卷</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AFvue%E5%85%A5%E9%97%A8/1.htm">前端vue入门</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>目录一、准备工作1.1开发环境1.2服务器环境1.3Nginx安装二、构建Vue项目三、上传静态文件到服务器四、配置Nginx五、测试并重新加载Nginx六、访问Vue应用七、高级配置7.1启用HTTPS7.2启用Gzip压缩7.3缓存控制八、常见问题与解决方案8.1404错误8.2权限问题8.3跨域问题九、总结在现代Web开发中，Vue.js因其组件化、响应式数据绑定和易于上手的特点，成为了前端</div> </li> <li><a href="/article/1833077712646926336.htm" title="Web前端最全初识Sentry前端监控，浅谈前端消息机制原理" target="_blank">Web前端最全初识Sentry前端监控，浅谈前端消息机制原理</a> <span class="text-muted">2401_84433924</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/sentry/1.htm">sentry</a> <div>Vue编码基础2.1.1.组件规范2.1.2.模板中使用简单的表达式2.1.3指令都使用缩写形式2.1.4标签顺序保持一致2.1.5必须为v-for设置键值key2.1.6v-show与v-if选择2.1.7script标签内部结构顺序2.1.8VueRouter规范Vue项目目录规范2.2.1基础2.2.2使用Vue-cli脚手架2.2.3目录说明2.2.4注释说明2.2.5其他开源分享：【大厂</div> </li> <li><a href="/article/1832941017301610496.htm" title="vue项目安装sass报错解决" target="_blank">vue项目安装sass报错解决</a> <span class="text-muted">max_jianshu</span> <div>把package.json里面node-sass和sass-loader版本改成："node-sass":"^4.11.1"，"sass-loader":"^7.3.0"就可以了</div> </li> <li><a href="/article/1832808937343250432.htm" title="在Vue项目中使用Proj4js库进行坐标系转换并加载WMTS服务" target="_blank">在Vue项目中使用Proj4js库进行坐标系转换并加载WMTS服务</a> <span class="text-muted">卡夫卡的小熊猫</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>OpenLayers是一个用于创建Web地图应用程序的JavaScript库。它支持许多不同的地图投影和坐标系，包括常见的Web墨卡托投影（EPSG:3857）和经纬度坐标系（EPSG:4326），以及其他许多本地或自定义的投影和坐标系。要在OpenLayers中转换不同坐标系下的WMTS服务，你需要了解两个主要部分：坐标系的定义和WMTS服务的配置。安装Proj4js：首先，在Vue项目中安装P</div> </li> <li><a href="/article/1832637356843298816.htm" title="Linux中设置vue项目服务自启动" target="_blank">Linux中设置vue项目服务自启动</a> <span class="text-muted">ADONGS_CODER</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>一、摘要vue项目服务启动是进入到根目录，然后使用npmrundev启动环境，服务器由于重启或者网络波动等原因，会无辜的停止这个服务，如果是自己搭建的项目想自动启动，则需要搭建自启动服务。二、操作1.安装nvm管理包nvm管理包，据我目前的理解，大概就是像conda一样的一个容器，可以管理各种版本的nodejs和npm，这样就容易处理版本冲突问题。推荐下载curl-o-https://raw.gi</div> </li> <li><a href="/article/1832621857308766208.htm" title="前端vue项目服务器部署(docker)" target="_blank">前端vue项目服务器部署(docker)</a> <span class="text-muted">Think-killer</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>前端vue项目服务器部署(docker)步骤1:导入NginxDocker镜像1、上传NginxDocker镜像将你的nginx-alpine.tar包上传到服务器上。假设路径为/var/v3-admin-vite/nginx-alpine.tar。scp-r"C:\Users\86184\Desktop\v3-admin-vite"root@110.40.179.182:/var/2、导入Ngi</div> </li> <li><a href="/article/1832595505780191232.htm" title="Vue项目部署到Docker中" target="_blank">Vue项目部署到Docker中</a> <span class="text-muted">m0_67392273</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/1.htm">阿里巴巴</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>随笔Vue项目打包1，首先先进入vue项目中键入npmrunbuild打包项目npmrunbuild然后在项目的根目录下dist文件夹，里面通常有一个static文件夹及index.heml页面也是项目的入口。2，将项目scp到linux中，如果使用的xshell连接的虚拟机可以在下载个xftp连接一下传文件比较方便，如果没有即在windows环境下使用cmd命令连接虚拟机进行传输项目scpD:w</div> </li> <li><a href="/article/1832390517002956800.htm" title="解决使用脚手架构建项目缺失node_modules文件夹文件问题" target="_blank">解决使用脚手架构建项目缺失node_modules文件夹文件问题</a> <span class="text-muted">weixin_30414635</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a> <div>昨晚，在教我前端交流群里面的朋友搭建vue开发环境和构建vue项目的时候发现我自己之前能正常构建vue项目的现在却不行了，排查之下发现通过脚手架构建项目的时候项目缺失了node_modules文件夹，在我排除了node环境、和配置的环境变量、vue-cli和webpack等一切都没有问题的情况下差点重新删除node环境和vue脚手架等重装了，但是幸亏我多看了几眼cmd,发现了貌似是和package</div> </li> <li><a href="/article/1832378537395449856.htm" title="【Electron-Vue】构建桌面应用（4）-linux-windows-mac交叉打包" target="_blank">【Electron-Vue】构建桌面应用（4）-linux-windows-mac交叉打包</a> <span class="text-muted">逆风飞翔的猿</span> <a class="tag" taget="_blank" href="/search/Electron/1.htm">Electron</a><a class="tag" taget="_blank" href="/search/electron-vue/1.htm">electron-vue</a><a class="tag" taget="_blank" href="/search/%E4%BA%A4%E5%8F%89%E6%89%93%E5%8C%85/1.htm">交叉打包</a><a class="tag" taget="_blank" href="/search/windows%E6%89%93%E5%8C%85linux/1.htm">windows打包linux</a><a class="tag" taget="_blank" href="/search/linux%E6%89%93%E5%8C%85windows/1.htm">linux打包windows</a> <div>1.前言上两篇博客做了在windows下的electron-vue项目的打包发布，由于electron是跨平台的，所以需要产品支持多平台即Windows，Linux，Macos系统。于是尝试在Windows下打包成Linux/MacOS系统下的安装包，或者在Linux下打包Windows/MacOS系统下的安装包或者在MacOS系统下生成其他两个系统的安装包。2.交叉打包2.1Windows下打包</div> </li> <li><a href="/article/1832271381958586368.htm" title="JavaEE(3)" target="_blank">JavaEE(3)</a> <span class="text-muted">无柳丶先生</span> <a class="tag" taget="_blank" href="/search/java-ee/1.htm">java-ee</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>业务分析市场提出需求设计编码测试运维项目搭建步骤1.搭建后端项目2.登录向后端发送请求使用axios发送异步请求在vue项目中安装axios在终端输入npminstallaxios安装更换npm镜像源，可参考下面的博客【npm】npm镜像源切换合集_npm镜像-CSDN博客3.登录成功后，在前端获取到后端响应的信息前端存储用户信息1.sessionStorage.setItem("","");会话</div> </li> <li><a href="/article/1832237712556519424.htm" title="在 Spring MVC 中部署路由为history模式的vue项目" target="_blank">在 Spring MVC 中部署路由为history模式的vue项目</a> <span class="text-muted">Faith-J</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>为了处理Vue.js的History模式，需要在SpringMVC中配置一个控制器来转发所有的非API请求到index.html。这样，前端路由可以接管URL并正确显示Vue.js组件。创建一个控制器（例如ForwardingController）来处理所有的前端路由：importorg.springframework.stereotype.Controller;importorg.springf</div> </li> <li><a href="/article/1832080100695306240.htm" title="NODE_ENV 与 Vue" target="_blank">NODE_ENV 与 Vue</a> <span class="text-muted">乞力马扎罗的血</span> <div>NODE_ENV与VueNODE_ENV变量只能在系统中配置吗？其实不然。在Vue项目中，Vue提供了自己的配置方式。这就要涉及到VueCLI中模式的概念了。VueCLI文档说明了这个问题。image.png也就是说，在Vue中，NODE_ENV可以通过.env文件或者.env.[mode]文件配置。配置过后，运行VueCLI指令（npmrundev(serve)，npmrunbuild）时，就会</div> </li> <li><a href="/article/1831871863438012416.htm" title="SPIRNGBOOT+VUE实现浏览器播放音频流并合成音频" target="_blank">SPIRNGBOOT+VUE实现浏览器播放音频流并合成音频</a> <span class="text-muted">定制开发才有价值</span> <a class="tag" taget="_blank" href="/search/%E9%9F%B3%E8%A7%86%E9%A2%91/1.htm">音视频</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E9%9F%B3%E5%90%88%E6%88%90/1.htm">语音合成</a> <div>一、语音合成支持流式返回，通过WS可以实时拿到音频流，那么我们如何在VUE项目中实现合成功能呢。语音合成应用非常广泛，如商家广告合成、驾校声音合成、新闻播报、在线听书等等场景都会用到语音合成。二、VUE下实现合成并使用浏览器播放代码如下：在线语音合成流式版{{ttsText}}立即合成DOWNWAVimport*asbase64from'js-base64'importCryptoJSfrom'.</div> </li> <li><a href="/article/1831782637560229888.htm" title="VUE Uncaught (in promise) Error: Network Error vue项目中net::ERR_CONNECTION_TIMED_OUT错误" target="_blank">VUE Uncaught (in promise) Error: Network Error vue项目中net::ERR_CONNECTION_TIMED_OUT错误</a> <span class="text-muted">一入程序无退路</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>前台修改axios\axios.interceptor.js,duration:300000000000,{Message({message:"请求超时,请检查本地或服务器网络情况!",type:"error",duration:300000,showClose:false,customClass:"el-message--error-custom",dangerouslyUseHTMLStrin</div> </li> <li><a href="/article/1831419312901025792.htm" title="nginx 部署前端项目的详细步骤（vue项目build打包+nginx部署）_前端工程打包部署到nginx(2)" target="_blank">nginx 部署前端项目的详细步骤（vue项目build打包+nginx部署）_前端工程打包部署到nginx(2)</a> <span class="text-muted">2401_84437170</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>//开启服务1.startnginx.exe//cmd命令进入nginx文件夹后，使用该命令2.直接点击nginx目录下的nginx.exe//停止服务nginx-sstop//快速停止nginxnginx-squit//quit是完整有序的停止nginx//重新加载配置文件nginx-sreload//热加载####2.2.2默认配置**nginx-1.21.0\conf下的nginx.conf</div> </li> <li><a href="/article/1831417710056140800.htm" title="在Vue项目里使用ECharts图标库" target="_blank">在Vue项目里使用ECharts图标库</a> <span class="text-muted">石云升</span> <div>ECharts是一个JavaScript实现的开源图标库，能兼容绝大多数浏览器（IE8+），底层依赖ZRender（一个轻量级的Canvas类库），能高度个性化定制数据可视化图标。ECharts官网地址：https://echarts.apache.org/v4/zh/feature.html一、在Vue项目下安装：npminstallecharts--save二、创建一个Chart.vue。在E</div> </li> <li><a href="/article/1831394483221131264.htm" title="使用html-docx-js + fileSaver实现前端导出word" target="_blank">使用html-docx-js + fileSaver实现前端导出word</a> <span class="text-muted">前端码农小黄</span> <a class="tag" taget="_blank" href="/search/%E9%9C%80%E6%B1%82/1.htm">需求</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>因为html-docx-js是16年的老库了，它代码里面用到的with语法现在严格模式不允许，用npm直接引入会报错，所以我们需要用其它方式引入首先要将html-docx-js的代码放到项目中html-docx-js/dist/html-docx.jsatmaster·evidenceprime/html-docx-js·GitHub我这边的vue项目，所以放到public文件下代码里面几个wit</div> </li> <li><a href="/article/61.htm" title="Enum用法" target="_blank">Enum用法</a> <span class="text-muted">不懂事的小屁孩</span> <a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a> <div>以前的时候知道enum，但是真心不怎么用，在实际开发中，经常会用到以下代码: protected final static String XJ = "XJ"; protected final static String YHK = "YHK"; protected final static String PQ = "PQ"; </div> </li> <li><a href="/article/188.htm" title="【Spark九十七】RDD API之aggregateByKey" target="_blank">【Spark九十七】RDD API之aggregateByKey</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a> <div>1. aggregateByKey的运行机制 /** * Aggregate the values of each key, using given combine functions and a neutral "zero value". * This function can return a different result type</div> </li> <li><a href="/article/315.htm" title="hive创建表是报错： Specified key was too long; max key length is 767 bytes" target="_blank">hive创建表是报错： Specified key was too long; max key length is 767 bytes</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a> <div>今天在hive客户端创建表时报错，具体操作如下 hive> create table test2(id string); FAILED: Execution Error, return code 1 from org.apache.hadoop.hive.ql.exec.DDLTask. MetaException(message:javax.jdo.JDODataSto</div> </li> <li><a href="/article/442.htm" title="Map 与 JavaBean之间的转换" target="_blank">Map 与 JavaBean之间的转换</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%9C%81/1.htm">自省</a><a class="tag" taget="_blank" href="/search/%E8%BD%AC%E6%8D%A2/1.htm">转换</a><a class="tag" taget="_blank" href="/search/%E5%8F%8D%E5%B0%84/1.htm">反射</a> <div> 最近项目里需要一个工具类，它的功能是传入一个Map后可以返回一个JavaBean对象。很喜欢写这样的Java服务，首先我想到的是要通过Java 的反射去实现匿名类的方法调用，这样才可以把Map里的值set 到JavaBean里。其实这里用Java的自省会更方便，下面两个方法就是一个通过反射，一个通过自省来实现本功能。 1：JavaBean类 1 &nb</div> </li> <li><a href="/article/569.htm" title="java连接ftp下载" target="_blank">java连接ftp下载</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>有的时候需要用到java连接ftp服务器下载，上传一些操作，下面写了一个小例子。 /** ftp服务器地址 */ private String ftpHost; /** ftp服务器用户名 */ private String ftpName; /** ftp服务器密码 */ private String ftpPass; /** ftp根目录 */ private String f</div> </li> <li><a href="/article/696.htm" title="web报表工具FineReport使用中遇到的常见报错及解决办法（二）" target="_blank">web报表工具FineReport使用中遇到的常见报错及解决办法（二）</a> <span class="text-muted">老A不折腾</span> <a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/web%E6%8A%A5%E8%A1%A8/1.htm">web报表</a><a class="tag" taget="_blank" href="/search/java%E6%8A%A5%E8%A1%A8/1.htm">java报表</a><a class="tag" taget="_blank" href="/search/%E6%80%BB%E7%BB%93/1.htm">总结</a> <div> 抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。 1、没有返回数据集：在存储过程中的操作语句之前加上set nocount on 或者在数据集exec调用存储过程的前面加上这句。当S</div> </li> <li><a href="/article/823.htm" title="linux 系统cpu 内存等信息查看" target="_blank">linux 系统cpu 内存等信息查看</a> <span class="text-muted">墙头上一根草</span> <a class="tag" taget="_blank" href="/search/cpu/1.htm">cpu</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E5%AD%98/1.htm">内存</a><a class="tag" taget="_blank" href="/search/liunx/1.htm">liunx</a> <div>1 查看CPU 　　1.1 查看CPU个数　　# cat /proc/cpuinfo | grep "physical id" | uniq | wc -l 　　2 　　**uniq命令：删除重复行;wc –l命令：统计行数** 　　1.2 查看CPU核数　　# cat /proc/cpuinfo | grep "cpu cores" | u</div> </li> <li><a href="/article/950.htm" title="Spring中的AOP" target="_blank">Spring中的AOP</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/AOP/1.htm">AOP</a> <div> Spring中的AOP Written by Tony Jiang @ 2012-1-18 （转）何为AOP AOP，面向切面编程。在不改动代码的前提下，灵活的在现有代码的执行顺序前后，添加进新规机能。来一个简单的Sample: 目标类： [java] view plain copy print ? package&nb</div> </li> <li><a href="/article/1077.htm" title="placeholder(HTML 5) IE 兼容插件" target="_blank">placeholder(HTML 5) IE 兼容插件</a> <span class="text-muted">alxw4616</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/jquery+jQuery%E6%8F%92%E4%BB%B6/1.htm">jquery jQuery插件</a> <div>placeholder 这个属性被越来越频繁的使用. 但为做HTML 5 特性IE没能实现这东西. 以下的jQuery插件就是用来在IE上实现该属性的. /** * [placeholder(HTML 5) IE 实现.IE9以下通过测试.] * v 1.0 by oTwo 2014年7月31日 11:45:29 */ $.fn.placeholder = function</div> </li> <li><a href="/article/1204.htm" title="Object类,值域,泛型等总结(适合有基础的人看)" target="_blank">Object类,值域,泛型等总结(适合有基础的人看)</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E6%B3%9B%E5%9E%8B%E7%9A%84%E7%BB%A7%E6%89%BF%E5%92%8C%E9%80%9A%E9%85%8D%E7%AC%A6/1.htm">泛型的继承和通配符</a><a class="tag" taget="_blank" href="/search/%E5%8F%98%E9%87%8F%E7%9A%84%E5%80%BC%E5%9F%9F/1.htm">变量的值域</a><a class="tag" taget="_blank" href="/search/Object%E7%B1%BB%E8%BD%AC%E6%8D%A2/1.htm">Object类转换</a> <div>java的作用域在编程的时候经常会遇到,而我经常会搞不清楚这个问题,所以在家的这几天回忆一下过去不知道的每个小知识点变量的值域; package 基础; /** * 作用域的范围 * * @author Administrator * */ public class zuoyongyu { public static vo</div> </li> <li><a href="/article/1331.htm" title="JDK1.5 Condition接口" target="_blank">JDK1.5 Condition接口</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/Condition/1.htm">Condition</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a> <div>Condition 将 Object 监视器方法（wait、notify和 notifyAll）分解成截然不同的对象，以便通过将这些对象与任意 Lock 实现组合使用，为每个对象提供多个等待 set （wait-set）。其中，Lock 替代了 synchronized 方法和语句的使用，Condition 替代了 Object 监视器方法的使用。条件（也称为条件队列或条件变量）为线程提供了一</div> </li> <li><a href="/article/1458.htm" title="开源中国OSC源创会记录" target="_blank">开源中国OSC源创会记录</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/MemSQL/1.htm">MemSQL</a> <div>一.Strata+Hadoop World（SHW）大会是全世界最大的大数据大会之一。SHW大会为各种技术提供了深度交流的机会，还会看到最领先的大数据技术、最广泛的应用场景、最有趣的用例教学以及最全面的大数据行业和趋势探讨。二.Hadoop &nbs</div> </li> <li><a href="/article/1585.htm" title="【Java范型七】范型消除" target="_blank">【Java范型七】范型消除</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>范型是Java1.5引入的语言特性，它是编译时的一个语法现象，也就是说，对于一个类，不管是范型类还是非范型类，编译得到的字节码是一样的，差别仅在于通过范型这种语法来进行编译时的类型检查，在运行时是没有范型或者类型参数这个说法的。范型跟反射刚好相反，反射是一种运行时行为，所以编译时不能访问的变量或者方法(比如private)，在运行时通过反射是可以访问的，也就是说，可见性也是一种编译时的行为，在</div> </li> <li><a href="/article/1712.htm" title="【Spark九十四】spark-sql工具的使用" target="_blank">【Spark九十四】spark-sql工具的使用</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a> <div>spark-sql是Spark bin目录下的一个可执行脚本，它的目的是通过这个脚本执行Hive的命令，即原来通过 hive>输入的指令可以通过spark-sql>输入的指令来完成。 spark-sql可以使用内置的Hive metadata-store，也可以使用已经独立安装的Hive的metadata store 关于Hive build into Spark</div> </li> <li><a href="/article/1839.htm" title="js做的各种倒计时" target="_blank">js做的各种倒计时</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/js+%E5%80%92%E8%AE%A1%E6%97%B6/1.htm">js 倒计时</a> <div> 第一种：精确到秒的javascript倒计时代码 HTML代码: <form name="form1"> <div align="center" align="middle"</div> </li> <li><a href="/article/1966.htm" title="java-37.有n 个长为m+1 的字符串，如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配，则两个字符串可以联接" target="_blank">java-37.有n 个长为m+1 的字符串，如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配，则两个字符串可以联接</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class MaxCatenate { /* * Q.37 有n 个长为m+1 的字符串，如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配，则两个字符串可以联接， * 问这n 个字符串最多可以连成一个多长的字符串，如果出现循环，则返回错误。 */ public static void main(String[] args){</div> </li> <li><a href="/article/2093.htm" title="mongoDB安装" target="_blank">mongoDB安装</a> <span class="text-muted">开窍的石头</span> <a class="tag" taget="_blank" href="/search/mongodb%E5%AE%89%E8%A3%85+%E5%9F%BA%E6%9C%AC%E6%93%8D%E4%BD%9C/1.htm">mongodb安装基本操作</a> <div>mongoDB的安装 1:mongoDB下载 https://www.mongodb.org/downloads 2:下载mongoDB下载后解压 </div> </li> <li><a href="/article/2220.htm" title="[开源项目]引擎的关键意义" target="_blank">[开源项目]引擎的关键意义</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE/1.htm">开源项目</a> <div> 一个系统，最核心的东西就是引擎。。。。。而要设计和制造出引擎，最关键的是要坚持。。。。。。现在最先进的引擎技术，也是从莱特兄弟那里出现的，但是中间一直没有断过研发的 </div> </li> <li><a href="/article/2347.htm" title="软件度量的一些方法" target="_blank">软件度量的一些方法</a> <span class="text-muted">cuiyadll</span> <a class="tag" taget="_blank" href="/search/%E6%96%B9%E6%B3%95/1.htm">方法</a> <div>软件度量的一些方法http://cuiyingfeng.blog.51cto.com/43841/6775/在前面我们已介绍了组成软件度量的几个方面。在这里我们将先给出关于这几个方面的一个纲要介绍。在后面我们还会作进一步具体的阐述。当我们不从高层次的概念级来看软件度量及其目标的时候，我们很容易把这些活动看成是不同而且毫不相干的。我们现在希望表明他们是怎样恰如其分地嵌入我们的框架的。也就是我们度量的</div> </li> <li><a href="/article/2474.htm" title="XSD中的targetNameSpace解释" target="_blank">XSD中的targetNameSpace解释</a> <span class="text-muted">darrenzhu</span> <a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/namespace/1.htm">namespace</a><a class="tag" taget="_blank" href="/search/xsd/1.htm">xsd</a><a class="tag" taget="_blank" href="/search/targetnamespace/1.htm">targetnamespace</a> <div>参考链接: http://blog.csdn.net/colin1014/article/details/357694 xsd文件中定义了一个targetNameSpace后，其内部定义的元素，属性，类型等都属于该targetNameSpace,其自身或外部xsd文件使用这些元素，属性等都必须从定义的targetNameSpace中找：例如：以下xsd文件，就出现了该错误，即便是在一</div> </li> <li><a href="/article/2601.htm" title="什么是RAID0、RAID1、RAID0+1、RAID5，等磁盘阵列模式?" target="_blank">什么是RAID0、RAID1、RAID0+1、RAID5，等磁盘阵列模式?</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/raid/1.htm">raid</a> <div>RAID 1又称为Mirror或Mirroring，它的宗旨是最大限度的保证用户数据的可用性和可修复性。 RAID 1的操作方式是把用户写入硬盘的数据百分之百地自动复制到另外一个硬盘上。由于对存储的数据进行百分之百的备份，在所有RAID级别中，RAID 1提供最高的数据安全保障。同样，由于数据的百分之百备份，备份数据占了总存储空间的一半，因而，Mirror的磁盘空间利用率低，存储成本高。 Mir</div> </li> <li><a href="/article/2728.htm" title="yii2 restful web服务快速入门" target="_blank">yii2 restful web服务快速入门</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/yii2/1.htm">yii2</a> <div>快速入门 Yii 提供了一整套用来简化实现 RESTful 风格的 Web Service 服务的 API。特别是，Yii 支持以下关于 RESTful 风格的 API：支持 Active Record 类的通用API的快速原型涉及的响应格式（在默认情况下支持 JSON 和 XML) 支持可选输出字段的定制对象序列化适当的格式的数据采集和验证错误 </div> </li> <li><a href="/article/2855.htm" title="MongoDB查询(3)——内嵌文档查询（七）" target="_blank">MongoDB查询(3)——内嵌文档查询（七）</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/MongoDB%E6%9F%A5%E8%AF%A2%E5%86%85%E5%B5%8C%E6%96%87%E6%A1%A3/1.htm">MongoDB查询内嵌文档</a><a class="tag" taget="_blank" href="/search/MongoDB%E6%9F%A5%E8%AF%A2%E5%86%85%E5%B5%8C%E6%95%B0%E7%BB%84/1.htm">MongoDB查询内嵌数组</a> <div>MongoDB查询内嵌文档转载请出自出处：http://eksliang.iteye.com/blog/2177301 一、概述有两种方法可以查询内嵌文档：查询整个文档；针对键值对进行查询。这两种方式是不同的，下面我通过例子进行分别说明。二、查询整个文档例如:有如下文档 db.emp.insert({ &qu</div> </li> <li><a href="/article/2982.htm" title="android4.4从系统图库无法加载图片的问题" target="_blank">android4.4从系统图库无法加载图片的问题</a> <span class="text-muted">gundumw100</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>典型的使用场景就是要设置一个头像，头像需要从系统图库或者拍照获得，在android4.4之前，我用的代码没问题，但是今天使用android4.4的时候突然发现不灵了。baidu了一圈，终于解决了。下面是解决方案： private String[] items = new String[] { "图库","拍照" }; /* 头像名称 */</div> </li> <li><a href="/article/3109.htm" title="网页特效大全 jQuery等" target="_blank">网页特效大全 jQuery等</a> <span class="text-muted">ini</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/ini/1.htm">ini</a> <div>HTML5和CSS3知识和特效 asp.net ajax jquery实例分享一个下雪的特效 jQuery倾斜的动画导航菜单选美大赛示例你会选谁 jQuery实现HTML5时钟功能强大的滚动播放插件JQ-Slide 万圣节快乐！！！向上弹出菜单jQuery插件 htm5视差动画 jquery将列表倒转顺序推荐一个jQuery分页插件 jquery animate</div> </li> <li><a href="/article/3236.htm" title="swift objc_setAssociatedObject block(version1.2 xcode6.4)" target="_blank">swift objc_setAssociatedObject block(version1.2 xcode6.4)</a> <span class="text-muted">啸笑天</span> <a class="tag" taget="_blank" href="/search/version/1.htm">version</a> <div> import UIKit class LSObjectWrapper: NSObject { let value: ((barButton: UIButton?) -> Void)? init(value: (barButton: UIButton?) -> Void) { self.value = value </div> </li> <li><a href="/article/3363.htm" title="Aegis 默认的 Xfire 绑定方式，将 XML 映射为 POJO" target="_blank">Aegis 默认的 Xfire 绑定方式，将 XML 映射为 POJO</a> <span class="text-muted">MagicMa_007</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/Aegis/1.htm">Aegis</a><a class="tag" taget="_blank" href="/search/xfire/1.htm">xfire</a> <div> Aegis 是一个默认的 Xfire 绑定方式，它将 XML 映射为 POJO, 支持代码先行的开发.你开发服务类与 POJO,它为你生成 XML schema/wsdl XML 和注解映射概览默认情况下，你的 POJO 类被是基于他们的名字与命名空间被序列化。如果</div> </li> <li><a href="/article/3490.htm" title="js get max value in (json) Array" target="_blank">js get max value in (json) Array</a> <span class="text-muted">qiaolevip</span> <a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/max/1.htm">max</a><a class="tag" taget="_blank" href="/search/%E7%BA%B5%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">纵观千象</a> <div>// Max value in Array var arr = [1,2,3,5,3,2];Math.max.apply(null, arr); // 5 // Max value in Jaon Array var arr = [{"x":"8/11/2009","y":0.026572007},{"x"</div> </li> <li><a href="/article/3617.htm" title="XMLhttpRequest 请求 XML,JSON ,POJO 数据" target="_blank">XMLhttpRequest 请求 XML,JSON ,POJO 数据</a> <span class="text-muted">Luob.</span> <a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/XMLhttpREquest/1.htm">XMLhttpREquest</a> <div>在使用XMlhttpRequest对象发送请求和响应之前，必须首先使用javaScript对象创建一个XMLHttpRquest对象。 var xmlhttp； function getXMLHttpRequest(){ if(window.ActiveXObject){ xmlhttp:new ActiveXObject("Microsoft.XMLHTTP</div> </li> <li><a href="/article/3744.htm" title="jquery" target="_blank">jquery</a> <span class="text-muted">wuai</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a> <div>以下防止文档在完全加载之前运行Jquery代码，否则会出现试图隐藏一个不存在的元素、获得未完全加载的图像的大小等等 $(document).ready(function(){ jquery代码; }); <script type="text/javascript" src="c:/scripts/jquery-1.4.2.min.js&quo</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>