前端
关注
分享
扫一扫
文章平均质量分 84
前端学习
Ca_va
我曾远去，我亦归来
展开
-
vue入门 vue基础之简单使用6--路由router
系列文章目录文章目录系列文章目录路由介绍路由模拟 仿照路由规则锚点router-link路由介绍获取路由数据，在#之后的数据,例如一个访问链接file:///F:/repos/vscode/git/VueLearn/vue17.1.html#/sss会返回#/sss alert(location.hash);路由原理：主要是因为有一个onhashchange事件,根据change事件获取路由，并根据路由的属性进行switch的判断 var hash=loc原创 2021-02-04 11:20:53 · 244 阅读 · 0 评论 -
vue入门 vue基础之简单使用6--插槽 slot
插槽：子组件中提供给父组件使用的一个占位符，父组件不仅可以往插槽中插入值类型，也可以插入任何模板代码我们插入的代码，会自动替代子标签(白话，就是给你一个坑，父组件传一个东西(值，其他模板代码)过来，我给你放在那里)插槽种类：匿名插槽具名插槽作用域插槽匿名插槽在template中定义slot标签，然后在div#app中就可以写数据, 此为匿名插槽步骤:在组件的template中，定义插槽 <template id="temp"> <div&g原创 2021-02-01 14:57:37 · 255 阅读 · 0 评论 -
vue入门 vue基础之简单使用6--组件component
组件与实例组件和实例的区别组件的使用和实例极其相似，实例所拥有的，组件几乎一应俱全唯一需要注意的是data的使用var vm= new Vue({});//实例Vue.component//组件# 全局组件```js Vue.component("merciBeaucoup", { //组件必须要有该属性 template: "<h1> {{hello}} this is a {{msg}} {{value}} <h1原创 2021-02-01 11:06:57 · 242 阅读 · 0 评论 -
vue入门 vue基础之简单使用5--created,directive,computed,watch及dom对象
dom对象BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。我们常用的window对象就是BOM，所有以window-开头的都是bom(即所有window对象都是bom对象)DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。所有以doucment开头的都是dom，(记得有window.document，所有dom对象本身是dom对象)具体在vue中操作dom对象原创 2021-01-30 10:41:44 · 472 阅读 · 0 评论 -
vue入门 vue基础之简单使用3--指令集2
指令集：指令集是指指令的集合 ，而指令:凡是v-开头的都是vue指令详细代码看最后v-bind(属性绑定)作用：动态绑定标签上的属性，当标签上的属性是变量，动态的，需要即时改变的，即可使用v-bind 。例如某个标签id名，类名是动态的，会进行变化，则可以使用这个使用:使用v-bind:xxx=“vue对象中data的key值”也可以简写成:xxx=key值xxx是值1.基本使用------------------------html <!-- 此处绑定了data中ke原创 2020-11-06 09:47:25 · 377 阅读 · 0 评论 -
vue基础 具名插槽v-slot未生效问题
在学习插槽的时候，发现如果只是单纯写匿名插槽，是OK的 <div id="app"> <rin> 插槽的位置，谁敢动 </rin> </div> <template id="temp"> <div> this is a children template <br>原创 2020-10-31 22:03:17 · 3729 阅读 · 0 评论 -
vue入门 vue基础之简单使用2--指令集
指令集：指令集是指指令的集合 ，而指令:凡是v-开头的都是vue指令详细代码看最后v-text v-html初始化vue这里使用setTimeout函数设置延迟1s后生成Vue对象(有用) <script> setTimeout(() => { var vm= new Vue({ el:"#app", data:{ msg:"<b>hello&原创 2020-10-26 09:55:45 · 324 阅读 · 1 评论 -
vue入门 vue基础之简单使用1--vue的基本使用
先看代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 国内镜像 --> <script src="https://cdn.staticfile.org/vue/2.2.原创 2020-10-22 10:08:32 · 352 阅读 · 1 评论 -
vue基础 异常之无法加载文件 C:\Users\li\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本
1.以管理员身份运行power shell2.输入 set-ExecutionPolicy RemoteSigned然后输入A或者Y 回车问题解决（注意需要用管理员打开！）打开power shell最快就是右键win的徽标，选择 Windows PowerShell(管理员)转载 2020-08-05 22:00:02 · 385 阅读 · 0 评论 -
JS基础 replace和replaceAll的坑
定义一个字符串var msg= “abcda”;如果执行msg.replace(‘a’,‘m’),则只会替代掉第一个字母如果执行msg.replaceAll(‘a’,‘m’),，则会全部替换，原创 2020-11-06 11:06:56 · 364 阅读 · 0 评论 -
JS基础 原型之对象与原型链
隐式原型(对象内使用) var animal={ name:"zengyu", eat:function(){ console.log( `${this.name} is eatting`); } } var cat ={ name:"cat", __proto__:animal } var dog={ name:"dog", __p原创 2020-09-07 16:11:29 · 218 阅读 · 0 评论 -
jquery基础 click事件之动态新增的元素节点无法触发事件解决办法
在使用jquery中动态新增的元素节点时会发现添加的事件是无法触发的，我们下面就为各位来详细的介绍此问题的解决办法． 比如做一个ajax读取留言列表的时候，每条留言后面有个回复按钮，class为“reply”,如果你用的是$(".reply").click(function(){ //do something… })，想必后面通过ajax加载进来的列表中的回复按钮，点击事件会失效。其实最简单的方法就是直接在标签中写οnclick=""，但是这样写其实是有点low的，最好的方式还是通过给类名绑定一个cl转载 2020-07-30 16:30:27 · 470 阅读 · 0 评论 -
jquery基础 json之date数据转json时间非本地问题
<script> //var o = new Date(); //console.log(o.toString())//中国时区时间，格式如“Wed Jun 11 2014 10:51:42 GMT+0800” //console.log(JSON.stringify(o)); //输出国际标准时间（ISO），减少了8个小时 格式如“2014-06-11T02:51:42.624Z”</script>要想JSON.stringify转换日期对象Dat转载 2020-07-24 17:58:30 · 314 阅读 · 0 评论 -
JS基础 异常之ueditor复制word文档表格时，格式错乱
ueditor网址问题:ueditor的编辑区在复制来自word的表格数据时，会出现格式错乱的问题原因：ueidtor在复制来至word的数据时，会对这些数据格式进行过滤。如果在复制的数据中存在宽度的百分比数据，例如width=“200%”，会将%号去掉，变成200。而在我们复制表格(部分)时，其width属性就是百分比而我们只要将最外层的“table”标签的width变更为%属性即可解决方法：1.添加ue的内容变更事件2.捕捉当前editor的body内容(复制数据时，是将数据复制到bod原创 2020-05-22 22:28:55 · 2201 阅读 · 2 评论 -
JS基础 异常之npm install卡住不动异常解决
npm异常异常处理方案一：安装cnpm镜像方案二：使用代理registrynpm和cnpm区别NPM（节点包管理器）CNPM异常处理npm install -g @angular/cli安装angular cli工具时，发现进度条一直卡住不动，相信很多朋友也遇到过。原因应该是国内的网络连接npm速度较慢，甚至很多东西都无法下载安装。那么如何解决这个问题呢？方案一：安装cnpm镜像npm...转载 2020-04-04 00:58:21 · 1496 阅读 · 0 评论 -
CSS中margin和padding的区别
padding margin 区别转载 2016-09-28 09:20:57 · 375 阅读 · 0 评论