*青影-CSDN博客

原创小程序基础语法总结

1.page小程序页面student.jsutils工具app.js 小程序(总体)app.json 全局配置app.wxmlapp.wxss2.page的配置信息Page({data:{},foo(){},bar(){},onload(){},onReady(){},onShow(){},onHide(){},onUnload(){}})3.小程序的数据渲染数据维护到js --> wxml1)双大括号{{name}}2)列表渲染wx:for = “{

2020-10-17 16:31:44 199 1

原创前端组件化：vue组件设计思想与遵从原则

组件化的工作方式信奉独立、完整、自由组合。目标就是尽可能把设计与开发中的元素独立化，使它具备完整的局部功能，通过自由组合来构成整个产品。从页面元素的可复用性角度考虑，我们将将组件按类型分为公众组件、容器组件和视图组件。模块(Module)通常强调的是职责（分离、内聚），组件是可复用模块和相关依赖的封装。组件可以如下定义：可复用的模块，完成既定功能有明确的接口规定有上下文依赖、外部依赖资源的定义可以独立发布为什么要组件化组件化是对实现的分层，是更有效地代码组合方式组件化是对资源的重组和

2020-09-29 21:55:39 1584 1

原创 webpack打包原理浅析

webpack打包原理本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack处理应用程序时,它会递归地构建一个依赖关系图(dependencygraph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。webpack 就像一条生产线,要经过一系列处理流程后才能将源文件转换成输出结果。这条生产线上的每个处理流程的职责都是单一的,多个流程之间有存在依赖关系,只有完成当前处理后才能交给下

2020-09-22 00:30:34 581

原创前端ios和安卓的兼容性问题

日期兼容性安卓系统下Date.parse(new Date(‘2018-03-30 12:00:00’))会直接转换成时间戳的形式（简单说就是整数形式）ios系统下Date.parse(new Date(‘2018-03-30 12:00:00’))sorry，转换不了解决办法：Date.parse(new Date(‘2018/03/30 12:00:00’))input框聚焦，ios出现outline或者阴影，安卓显示正常解决办法：input:focus{out.

2020-09-16 19:31:05 5061 43

原创 Vuex基础浅析

1.Vuex是什么？Vuex是实现组件全局状态(数据)管理的一种机制，可以方便的实现组件之间数据的共享。2.使用Vuex统一管理状态的好处能够在vuex中集中管理共享的数据，易于开发和后期维护能够高效的实现组件直接得数据共享，提高开发效率储存在vuex中的数据都是响应式的，能够实现数据与页面的同步3.什么样的数据储存在Vuex中一般情况下，只有组件之间共享的数据，才有必要储存在vuex中，对于组件的私有数据，依旧储存在自身的data中即可。4.下载和使用Vuex下载 npm

2020-09-12 17:48:02 2565 30

原创 VUE组件浅析

1.什么是组件?组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。2.怎么注册组件Vue.component(): 将组件构造器注册为一个组件，并且给它起一个组件的标签名称需要两个参数：第一个参数是注册组件的标签名，第二个参数是组件构造器名称注意：组件必须挂载在某个Vue实例中，否则不会生效。<div id="app"> &l

2020-08-31 00:29:37 363 37

原创 JS数据类型深度解析一

JS数据类型分为哪几个?基本数据类型(又称为值类型)引用类型值类型(储存在栈中)：undefined 未定义String 字符串Number 数字Boolean 布尔Symbol 符号引用类型(储存在堆中)：Array 数组Object 对象null 空(有歧义，也可以认为它是值类型)Function 函数2. 怎么判断数据类型？最常见的判断方法：typeofvar a = "iamstring.";var b = 222;var c=

2020-08-27 21:29:43 1748 44

原创前端-ajax的各种写法及应用

原生AJAX名称：异步的javascript and xml原理：通过XMLHttpRequest与服务器交换数据服务器数据通过json或者xml格式返回浏览器通过js+css渲染展示数据GET创建xhropen打开连接监听readystate readyState 4准备状态完毕 status 状态码200 响应成功send 发送<button id="btn">点击</button> <p id="content"></p

2020-08-25 19:38:14 4822 53

原创前端工作常用名词总结

O2O即线上到线下，代表有美团等。B2B即商家对商家，代表有阿里巴巴等。C2C即个人对个人，代表有转转、咸鱼等。B2C即商家对个人，代表有京东等。P2P即个人对个人理财。B/S架构即浏览器与服务器架构，代表有百度网页版等。C/S架构即客户端与服务器，代表有百度云PC版等。ToB软件即商家用的后台管理系统，代表有钉钉等。ToC软件即用户直接浏览产品。...

2020-08-17 19:09:12 2366 1

原创 ES6-Promise实时获取地址和天气问题

需要引用Jquery<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>HTML部分 <p> <span class="add"></span> <span class="weather"></span> <span class="temp"></span> <im

2020-08-15 11:54:26 1845 11

原创 ES6基础知识总结4-Promise()

什么是Promise?承诺 Promise结果 :resolve兑现 reject拒绝凭据 then 然后 catch 捕获失败随机输出两句话var p = new Promise(function(resolve, reject) { setTimeout(() => { var n = Math.random(); if (n > 0.5) { resolve('买别墅') } else { reject('等40

2020-08-15 11:42:45 2812 34

原创 Object.defineProperty()方法的解释及使用

什么是Object.defineProperty()？Object.defineProperty()方法会直接在一个对象上定义一个新属性，或修改一个对象的现有属性，并返回对象。注意：应当直接在 Object 构造器对象上调用此方法，而不是在任意一个 Object 类型的实例上调用。var object = {}; Object.defineProperty(object,'name',{ value:'lh', writable:false }); Object.

2020-08-15 09:48:13 3234

原创 ES6基础知识总结3----call()、apply()、bind() 、set()去重以及类的基础

call()、apply()、bind()的用法实例call()定义：调用对象的一个方法，用另一个对象替换当前对象//用call方式求数组最小值//第一个参数冒充this指向，没有可填null，第二个参数是传递的值var arr1 = Math.min.apply(null,arr);console.log(arr1);括号内第一个参数冒充this指向，没有可填null，第二个参数是传递的值。apply()定义：调用对象的一个方法，用另一个对象替换当前对象//用apply方式求

2020-08-12 19:55:54 4296 44

原创 ES6基础知识总结2

1. ES5高阶方法foreEach 遍历// var arr = ['我','爱','祖','国']; // arr.forEach(function(item,index,self){ // console.log(item,index,self) // })map 映射// var arr = [1,3,5];//变成[2,6,10] // var arr2 = arr.map(function(item,index,self){ // return

2020-08-11 21:08:44 1827

原创 JQuery基础最全面总结2

JQuery的Dom操作1. 内部插入内容append()方法：该方法在匹配元素集合的每个元素末尾插入由参数指定的内容并返回jQuery对象。例:$(selector).append(content)prepend()方法：此方法将参数指定的内容插入匹配元素集合中，每个元素的开头并返回jQuery对象。例:$("p").prepend("<b>Hello world!</b> ");html()方法：获取匹配元素集合中第一个元素的HTML内容并返回字符串。

2020-08-11 20:35:58 1798

原创 ES6基础知识总结1

ES6基础1.什么是ES6？ES6是javascript的第六代版本，全称为ECMAScript。变量声明let与constlet局部变量，在一对{}内有效不能重复声明不能变量提升if (true) { let a = 10; } console.log(a) console.log(a); let a = 10;const声明常量声明是必须赋值赋值完不能被修改（值类型，引用类型可修改）变量名建议大写const T

2020-08-10 21:13:16 3394 35

原创 jQuery基础最全面总结1

jQuery基础1.什么是jQuery?jQuery是“写的更少，做的更多” 的轻量级 JavaScript 库2.jQuery的功能1.像 CSS 那样访问和操作 DOM2.修改 CSS 控制页面外观3.简化 JavaScript 代码操作4.事件处理更加容易5.各种动画效果使用方便6.让 Ajax 技术更加完美7.基于 jQuery 大量插件8.自行扩展功能插件3.jQuery的下载与引入方式通过访问http://www.jquery.com即可下载最新jQuery库引入方

2020-08-10 20:19:44 1915 2

qq_45891136的博客