- 博客(25)
- 收藏
- 关注
RSS订阅原创 vue的使用填坑
vue中npm下载的依赖存放在node_modules包中vue依赖版本不符时可能会报错（如scss的版本过高时，使用scss会报错）vue是单页面的，如果使用document，将会是全局性的app.vue是初始主页，main.js是初始js，在该文件注册的包，依赖，组件等将会全局使用vue的router-link标签中@click事件，绑定的事件会无效，必须使用@click.native才能生效vue的2.0版本后v-for之后必须要跟:key=“index”使用router.beforeE
2020-09-22 12:18:37
338
原创 基于webstorm的前端环境搭建
工具：webstorm下载安装，Git下载安装，python2下载安装（或者python3）【根据npm提示进行下载（在npm install时会提示）】下载node.js（包管理器）其中python2和node.js安装在电脑全局中，根据说明配置环境变量使用npm命令进行下载，打包，管理...
2020-09-22 12:11:21
340
原创 网页直接在浏览器打开和本地服务器localhost打开有什么区别
最直接的区别，很容易注意到，一个是file协议，另一个是http协议。file协议更多的是将该请求视为一个本地资源访问请求，和你使用资源管理器打开是一样的，是纯粹的请求本地文件。http请求方式则是通过假架设一个web服务器，解析http协议的请求然后向浏览器返回资源信息。注：部分url不支持本地访问，直接打开会访问不到。...
2020-09-22 12:07:36
2397
原创 v-bind与v-bind：value的区别
<!-- 绑定一个有属性的对象 -->v-bind=“object.value”<!-- 绑定一个属性 -->v-bind：value=“value”这是v-bind的两种使用方式，使用时最好不要颠倒，其中v-bind=绑定的不是对象时，运行时会报错，v-bind：value=绑定的是对象时，运行没问题，但如果该处html被重写下（比如下拉搜索框中的input值）...
2020-04-24 16:56:30
3636
原创 input的中文输入法监听
在前端（html5）页面中监听input输入框中的值的变化，通常都逃不掉中文输入法的问题。在使用中文输入法时，如何判断用户是直接输入还是间接输入呢？input的compositionstart和compositionend事件用来判断输入框的输入方式。 //判断输入法状态 var isInputZh = false; //获取input对应事件(获取所有input标签的值中的...
2020-04-23 13:34:13
1345
原创 编写js外部文件的几点帮助
1.js文件引入外部包的方式通过匿名函数自执行的方式，让引用该js的文件自动引用来自外部的js文件。并且自执行函数外部无法影响其内部，执行后会被快速销毁，不会影响到其他变量，干净快捷。(function(URL){ //createElement()创建一个节点 var script = document.createElement('script'); //setAttribute()...
2020-03-04 16:22:38
934
原创 浏览器下载文件的两种方式
方法1可以直接调用浏览器下载文件（浏览器会直接完成下载，不会确认操作）window.location = url;方法2通过打开新窗口下载文件（有些浏览器会阻止弹窗，导致无法下载）window.open(url);...
2019-12-24 13:43:28
3700
原创 vue修改绑定数据更新视图的限制与解决
vue通过v-model（v-bind）进行数据绑定，将页面与数据相关联，以达到修改数据时同时可以修改页面的效果，但这个效果是有限制的。1.vue使用数据绑定修改字符串时，可以通过该方式直接修改数据更新视图。var vmain = new Vue({ el: '#vue_id', data: { res:"修改前的数据", }, methods: { /...
2019-12-02 16:37:55
1017
原创 js函数的声明及自调用
在js中函数通常拥有两种命名方式1.函数声明function xxx(a,b,c...){ ...... }函数声明必须以function字段开头，xxx是该函数的函数名，小括号中的a，b，c是该函数引用的参数，大括号中是该函数的具体方法。使用函数声明的函数会提升其优先度，因此我们可以在同一作用域的任何区域声明，不会影响我们使用。2.函数表达式var x = function(){}函...
2019-11-27 14:25:52
349
原创 vue简写坑多
v-model是vue的双向绑定，其简写为@。v-on是vue中的监听事件，其简写也为@。在vue的简写中，多个事件的简写可能一样，vue在选取时可能选的事件并不是你想要的哪一个。所以在编写代码时，如果可能还是少用简写。例如：v-model:value="test"//本意为对value的值进行双向绑定简写为@value="test"...
2019-11-27 13:34:10
896
原创 uniapp之手机app端的mpErrors错误（空白页错误）
uniapp的vue页面上至少得有根标签，如下，view标签。<template> <view></view></template><script></script><style></style>如果没有根标签，如下，在手机端app编译时就会报错。<template>...
2019-06-24 13:38:39
2544
原创 数组合并的小知识之...操作符
…操作符可以将一个数组转为用逗号分隔的参数序列。array1 = [{1},{2},{3},{4}]array2 = [{5},{6},{7},{8}]//有...操作符array1.push(...array2);array1 = [{1},{2},{3},{4},{5},{6},{7},{8}]//没有...操作符array1.push(array2);array1 = [{1...
2019-06-21 15:24:59
96
原创 初学vue的常识错误
在template中只允许存在一个根标签，如果存在两个根标签，模板编译时就会出错。<template> <view> ......{{正确写法}} </view></template><template> <view> ......{{错误写法}} </view> <view>...
2019-06-19 10:21:59
81
原创 export，export default，和import的作用（vue中）
imoprt在一个模块中加载另一个含有export接口的模块。export对外输出本模块的接口。export default仅有一个且在导入时不需要加{}，export可以有多个、导入时必须有{}//export defaultimport { name } from "/.a.js"//exportimport name from "/.a.js"在vue框架下中常用的引入方法会...
2019-06-05 16:21:59
888
原创 前端页面undefind错误
前端页面出现undefind错误只有三种原因1.拼写错误，不管是文件名拼写错误，或是路径拼写错误。不管是字母打错了，或是符号打错了。总而言之，你打出来的东西和你想要的东西有差别，导致浏览器无法找到文件出现错误。这种错误在有编辑器的情况下很容易发现，统一的修改方式就是将改正错误的拼写。2.加载错误：这种错误一般有两种1、载入顺序出错，浏览器加载文件时会自上而下加载，部分文件中需要引用其他文件...
2019-04-12 18:09:16
1063
原创 如何在js中调用另一个js
js文件本身是不会调用的，只有在html中引入并调用，js文件才会运行。只要在html引入了a.b两个js文件（没有先后顺序），浏览器读取html时就会自动加载a.b两个js文件，这时a.b两个js文件就能互相调用。<script type="text/javascript" src="js/b"></script><script type="text/java...
2019-04-10 09:15:05
1348
转载 ajax的跨域问题（出现options请求）
CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。一、简介CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。整个CORS通信过程，都是浏览器自动完成，不需要用户参与。对于开发者来说，...
2019-04-09 17:35:39
1400
原创 不写分割符的小坑
分号用来分割语句，如果不写分号，js会默认你的语句没有结束。一般来说，js的一句默认为一行，如这样this.Feelist = await getFeeData();var str = JSON.stringify(this.Feelist);this.Fee = JSON.parse(str);如果你没写分隔符，浏览器会很容易发现错误，程序也会运行不下去。这种错误很容易纠正。但是...
2019-04-01 18:01:20
127
原创 简单格式数据转化的坑
通常情况下，从后端传来的数据是简单格式的。我们常常要把数据转化为带有嵌套关系的数据，才方便前端渲染，数据转化中有不少坑要注意。首先json格式的数据本质上是对象，键值对是对象的写法，例如这样{{},{},{}}。所以，我们要在使用变量前要声明该变量是对象var test1 = new Object();。其次要注意传进来的的数据是否是json格式的？索引格式和json格式在火狐上表现相似，在循...
2019-03-18 09:43:23
128
原创 console.log输出合并
for(var i=0; i<vmain.menu.length; i++){ console.log(i); if(vmain.menu[i].level == 1){ console.log("hello"); }else if(vmain.menu[i].level == 2){ console.log("hi"); ...
2019-03-14 13:39:39
1522
原创 V-bind指令运用加深
https://www.jb51.net/article/139306.htmv-bind可以绑定一个对象，以便以动态地切换 class如<td :class="{'label-success':value.type == 0,'label-danger':value.type == 1}" class="radius">{{value.new1}}</td>...
2019-03-13 12:59:52
84
原创 json嵌套数组值的替换
对于从后台拿来的json数据，不一定符合需求，需要对数据做一些调整。json数据如下0 id :10001 parent : # text : 实例1 state : selected :true1 id :10002 parent : # text : 实例2 state : sel...
2019-03-07 00:21:55
1581
原创 json格式的字符串和数组互相转化
json格式的数组与字符串数据格式都一样，但引用到浏览器上用控制台查看时却不相同。json格式的字符串{"id":10001,"parent":"#","text":"实例1","state":{"selected":true}},{"id":10002,"parent":"#","text&q
2019-03-07 00:01:12
2031
原创 json格式的数据怎么理解
"管理员":{"管理员管理":[{"管理员列表":"10001","添加管理员":"10002","编辑管理员":"10003","删除管理员":"10004"}],"角色管理":[{"角色列表":"10005","添加角色":&q
2019-03-05 22:49:26
546
原创 使用v-for和v-model将数据循环绑定
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-03-05 00:09:57
12292
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人