- 博客(21)
- 收藏
- 关注
RSS订阅转载 angular下载文件
1、window.open()打开新页面下载文件window.open(`url`, '_self')优点：最简洁；缺点：当参数错误时，或其它原因导致接口请求失败，这时页面会停留在新打开的页面中，无法监听到接口返回的错误信息，只在页面中直接输出错误，尽量不适用此方法下载文件2、a标签打开新页面下载文件export const exportFile = (url, fileName) => { const link = document.createElement('a') c..
2022-04-07 15:53:11
3366
原创 AngularJS初识
1.AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。2.AngularJS 通过 ng-directives 扩展了 HTML。ng-app指令定义一个AngularJS应用程序ng-model指令把元素值绑定到应用程序。ng-bind指令把应用程序数据绑定到HTML视图。ng-init指令初始化AngularJS应用程序变量。AngularJS指令是以ng作为前缀的HTML属性。AngularJS表达式写在大括号内：{{ }}
2022-02-26 13:06:23
455
原创 微信小程序封装request请求
1.在util文件夹中，新建一个文件api.js内容如下：const GET = 'GET';const POST = 'POST';constPUT='PUT';constFORM='FORM';constDELETE='DELETE';const baseURL = 'https://www.xxxxx.cn/';//配置的域名function request(method, url, data) { return new Promise(fun...
2021-11-16 10:24:02
810
原创 vue八个盛名周期
beforeCreate() { //创建前状态 }, created() {//可瑞克 // 创建完毕状态 this.arr.sort(function (a, b) { return b.yu - a.yu; }); }, beforeMount() { //挂载前状态 }, mounted() {//忙忒的 //挂载结束状态 this.$refs.tr[2].s...
2021-10-19 11:15:07
78
原创 js基本数据类型和引用数据类型
基本数据类型有Number 数字类型 String 字符串类型 Boolean 布尔类型 Null 空 Undefined 未定义 Symbol(ES6新增数据类型) 唯一值 bigInt引用数据类型统称为Object类型，细分的话有Object 对象 Array 数组 Date 时间对象 Function 函数 RegExp 正则...
2021-10-12 20:39:46
62
原创 js字符串常用方法总结
length 属性返回字符串长度查找字符串中的字符串indexOf()方法返回字符串中指定文本首次出现的索引（位置）lastIndexOf()方法返回指定文本在字符串中最后一次出现的索引如果未找到文本，indexOf()和lastIndexOf()均返回 -1。两种方法都接受作为检索起始位置的第二个参数。lastIndexOf()方法向后进行检索（从尾到头）检索字符串中的字符串search()方法搜索特定值的字符串，并返回匹配的位置indexOf（）和 sea...
2021-10-11 14:37:25
98
原创 js数组方法整合
1.Array.map()此方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变原来的数组2.Array.forEach()此方法是将数组中的每个元素执行传进提供的函数，没有返回值，注意和map方法区分3.Array.filter()此方法是将所有元素进行判断，将满足条件的元素作为一个新的数组返回4.Array.every()此方法是将所有元素进行判断返回一个布尔值，如果所有元素都满足判断条件，则返回true，否则为false：5.Ar..
2021-10-11 14:17:50
132
原创 c3新特性
1.文本阴影text-shadowtext-shadow:偏移量x 偏移量y 模糊度 颜色；注意：水平偏移量： 正值向右，负值向左垂直偏移量： 正值向下，负值向上模糊度不能为负数可设置多个text-shadow，每个用逗号分隔例子:text-shadow:1px 2px 3px red,2px 3px 4px pink;2.边框圆角 border-radiusborder-radius:10px 10px 10px 10px/5px 5px 5px 5...
2021-10-10 19:45:29
384
原创 h5简介和新特性（总结）
语义化标签表单新增的type属性表单元素的其他属性新增的表单元素，datalisth5新增表单事件meter标签fieldset标签和legend标签自定义属性规范全屏接口上传图片实时预览+进度条语义化标签：语义化标签的出现是为了简化编程，并不意味着有了语义化就有什么特殊性，本质就是一个divheader 头部nav 导航main 主体article 文章aside 侧边栏footer 底部表单新增的type属性：email：邮箱tel：电话
2021-10-10 19:40:29
293
原创 v-model 修饰符
语法：v-model.修饰符=”变量” 《=》v-model.lazy="aaa" lazy， 文本框失去焦点后再去更新数据 number，当输入数字时，字符串类型将自动转换为number（先输数字，截取前面的数字返回） trim， 删除文本框中的前后空格 代码演示：<div id="app"><input type="text" v-model.lazy="num"/>{{num}}</div><scr...
2021-10-04 17:23:25
133
原创 表单的处理：
我们在使用Vue处理表单数据的时候，通过v-model实现双向数据绑定v-model会同时监视表单输入、模型数据的更新，如果表单内容变化了，模型中的变量会跟着变化，同样，模型中的变量发生变化了，视图层（界面也会跟着变化）1，输入框v-mode会将输入框的内容赋值给变量，同样，变量内容变化了，输入框的内容也跟着变<input type="text" v-model='testdata'/>2，复选框tom jack lucy {{a...
2021-10-04 17:22:01
60
原创 事件修饰符
在原生JavaScript中，通过 event.preventDefault() 阻止默认行为，event.stopPropagation() 阻止冒泡在Vue中通过事件修饰符阻止，vue给我们提供了丰富的事件修饰符 .prevent，阻止默认行为 .stop， 阻止事件冒泡 .capture 冒泡改为捕获 .self 只处理自己身上的事件，不理会冒泡或捕获 .once 一次性事件，只执行一次 .native 触发原生的事件（有时发现用一些..
2021-10-04 17:21:31
63
原创 事件类型总结 ：
属性事件：click、dbclick、mouseover、mouseout、mouseenter、mouseleave、mousedown、mouseup、mousemove键盘事件：keydown、keyup、keypressui事件：scroll、resize、load、unload表单事件：focus、blur、select、change、submit事件方法，一般都放在methods 里面写事件对象事件对象是用来获取当事件发生时，事件源的一些信息（状态），例如，当鼠标移动..
2021-10-04 17:20:49
364
原创 事件处理器 ：
语法：v-on:事件类型=“事件函数（）” 《=》 v-on:click="addUser()"可以简写为：@事件类型=”事件处理函数” 《=》 @click = “ addUser() ”代码演示：<div id="app"><button v-on:click="addUser()">添加</button><button @click="addUser()">新增</button> <input...
2021-10-04 17:19:38
228
原创 过滤器的用法
过滤器，就是将数据被渲染到视图之前进行格式化处理，而不会修改作用域中原有的数据原则是：左值右量（变量也可以不写）语法： 定义过滤器（全局过滤器 局部过滤器）filters:{过滤器1:function(参数1,参数2…){}//简写方式过滤器2 (参数1,参数2…){}}Vue.filter()说明：定义过滤器时，必须声明参数，并且参数1是固定的，指的是要操作的数据，剩余的参数是调用过使用过滤器-》{{变量名 | 过滤器1（） | 过滤器2….}}组合使用
2021-10-04 17:08:58
213
原创 vue 实例方法(methods)和计算属性(computed)
methods方法和computed计算属性，两种方式的最终结果确实是完全相同计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值，多次访问计算属性会立即返回之前的计算结果，而不必再次执行函数。计算属性是基于他们的依赖进行缓存的，只有在相关依赖发生改变时，才会重新求值，methods方法，每当触发重新渲染时，调用方法将总会再次执行函数。使用计算属性还是 methods 取决于你是否需要缓存，当遍历大数组和做大量计算时，应当使用 计算属性，除非你不希望得到缓存。
2021-10-04 17:04:06
546
原创 v-for key的作用
key属性可以用来提升v-for渲染的效率！vue不会去改变原有的元素和数据，而是创建新的元素然后把新的数据渲染进去在使用v-for的时候，vue里面需要我们给元素添加一个key属性，这个key属性必须是唯一的标识给key赋值的内容不能是可变的1. 在写v-for的时候，都需要给元素加上一个key属性2. key的主要作用就是用来提高渲染性能的！3.key属性可以避免数据混乱的情况出现 （如果元素中包含了有临时数据的元素，如果不用key就会产生数据混乱）...
2021-10-04 16:55:51
1142
原创 javascript的三种本地存储方法(sessionStorage、localStorage、cookier)区别。
sessionStorage： 数据在当前浏览器窗口关闭后自动删除；数据大小5M，用于本地存储。localStorage： 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；数据大小5M或更多。cookier：，关闭窗口或浏览器后失效，是以文件形式存放在客户段=端计算机中，不能存放重要信息。不设置有效期，浏览器关闭生命周期结束。cookie数据大小不能超过4k，超过返回空字符串。...
2021-10-03 12:54:10
674
原创 v-bind和v-model的区别
v-bind简写为 ：v-bind是一个单项数据绑定，映射关系：Model--->View，我们不需要进行额外的DOM操作，只需要进行Model的操作就可以实现视图的联动更新。v-model是一个上香数据绑定，映射关系：View接受的数据，传给model，model的数据再传给view。...
2021-10-03 12:47:10
329
原创 v-if和v-show的区别
相同点： v-if和v-show都可以动态控制DOM元素的显示隐藏。不同点：v-if是动态地想DOM树中添加或删除DOM元素节点；v-show是通过向DOM元素设置样式 display属性值控制显示与隐藏。特性方面： 1.v-if为惰性，若最初指令值为false，将不会编译；v-show不管最初指令值为真假都会进行编译存入缓存，保留DOM。 2.v-if适用于切换条件、项目需求稳定；v-show适用于频繁需要切换。...
2021-10-03 12:26:52
48
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人