- 博客(28)
- 收藏
- 关注
RSS订阅原创 小程序
课程大纲（1）数据操作限制补充（2）页面栈（3）API页面跳转—router路由APIwx.navigateTowx.navigateBackwx.redirectTowx.switchTabwx.reLaunch数据操作限制针对上节所讲的程序注册器与页面注册器，简单做下补充，即页面数据data的操作限制（1）直接修改Page实例的this.data而不调用this.setD...
2019-11-29 09:49:01
144
原创 小程序
课程大纲（1）小程序逻辑层 App Service（APP服务）（2）ServiceWorker（3）web worker（4）程序构造/注册器App()逻辑层 App Service（APP服务）小程序开发框架的逻辑层使用 JavaScript 引擎为小程序提供开发者 JavaScript 代码的运行环境以及微信小程序的特有功能。逻辑层将数据进行处理后发送给视图层，同时接受视图层的...
2019-11-27 19:23:49
321
原创 小程序
课程大纲（1）小程序模型（2）模型基本工作方式（3）数据驱动（4）通信模式（5）WebView（6）JsCore（7）宿主环境小程序的运行环境分成渲染层和逻辑层， WXML 模板文件和 WXSS 样式文件工作在渲染层，JS 逻辑文件工作在逻辑层。小程序模型面试：小程序模型渲染层（wxml、wxss）和逻辑层（js）的分离模型的基本工作方式1.数据驱动：渲染层和数据相关2...
2019-11-25 16:30:54
241
原创 小程序
课程大纲：（1）场景（2）容器与项目元素（3）主轴与交叉轴（4）容器属性盒模型分类：盒模型分类：IE盒模型，标准盒模型，本质区别：宽高计算方式微信小程序 View视图标签支持两种布局方式：Block 和 Flex注意：所有 View 默认都是 block浮动布局，所以如果要使用 flex 布局的话需要进行显式声明容器与项目元素：简称：日常开发中，采用flex布局的元素，...
2019-11-22 19:22:37
191
原创 小程序
课程大纲：（1）循环指令key属性补充（2）wx:if条件变异指令（3）标签（4）hidden隐藏元素（5）模板（6）引用（7）共同属性循环指令key属性补充：Vue和React框架用遍历指令时的key值不建议用index（1）key值在没有删除插入操作时只要是唯一值也无所谓，即此时为index索引也可以（2）如果有删除或者插入的操作，后一位会继承删掉的index，这时的ke...
2019-11-21 19:05:49
310
原创 ajax
AJAX请求步骤AJAX请求5部曲：（1）创建XMLHttpRequest异步对象（2）设置回调函数，针对不同的响应状态进行处理—监听Ajax的状态readyState的改变事件onreadystatechange（3）使用open方法与服务器建立连接（4）send注册事件，设置和服务器的交互信息，向服务器发送数据（5）在回调函数中针对不同的响应状态进行处理，更新界面AJAX前言...
2019-11-15 18:53:23
79
原创 小程序
AJAX+ML+DTD概念、AJAX简介与原理ajax简介ajax 的全称是Asynchronous JavaScript and XML，其中，Asynchronous 是异步的意思，它有别于传统web开发中采用的同步的方式。AJAX代表异步JavaScript和XML，它是一组web开发技术，允许web应用程序异步工作，在后台处理对服务器的任何请求等等，JavaScript是一种流行的...
2019-11-14 19:14:51
74
原创 小程序建立页面 及 模板文件
新建页面新建页面page（1）手动创建①右键单击 [pages] 文件夹，在弹出的菜单中选择“新建目录”②右键单击新建的目录，在弹出的菜单中选择“新建Page”（2）自动创建直接在app.json文件的pages选项中将新页面的路径写好，系统会自动创建所对应的四个文件page.wxml模板文件、page.wxss样式文件、page.json配置文件、page.js逻辑文件删除页面pa...
2019-11-13 18:37:43
1023
原创 小程序
小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。小程序开发前准备：①申请账号②安装开发工具账号申请：进入小程序注册页 根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。网址：https://mp.weixin.qq.com注册完毕后即可登录小程序后台注意：小程序开发工具兼容问题需要注意的是小程序开发工具在 Windo...
2019-11-12 18:43:19
228
原创 vue全局
全局API：（1）什么是全局API？全局API并不在构造器里，而是先声明全局变量或者直接在Vue上定义一些新功能，Vue内置了一些全局API.通俗理解：就是在构造器外部用Vue提供的API函数来定义新的功能。（2）常用vue 的全局 API列表1、Vue.directive 自定义指令2、Vue.extend 扩展实例构造器3、全局操作Vue.set + Vue.delete4、V...
2019-11-06 19:47:32
201
原创 vue
以下是关于vue的 几个案例 接供参考：图片拖动效果：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>自定义指令</title> <script src="js/vue-2.6.9.min.js" type="text...
2019-11-04 18:40:14
111
原创 vue 动画组件
Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具：在 CSS 过渡和动画中自动应用 class–基础动画可以配合使用第三方 CSS 动画库，如 Animate.css–CSS动画在过渡动画钩子函数中使用 JavaScript 直接操作 DOM—JS动画可以配合使用第三方 JavaScript 动画库，如 Velocity.js—JS动画库Vue 提供...
2019-10-31 19:37:40
959
原创 通信 插槽
父子组件传值通信假设第二层组件想和第一层组件进行通信，分析其传值过程1、(第一层向第二层传值)：父组件通过props传值到子组件，如此便实现父子组件向下通信2、(第二层向第一层传值)：子组件通过触发自定义事件$emit向父组件传值，如此便实现了父子组件向上通信跨级组件传值通信假设第三层组件想和第一层组件进行通信1、(第一层组件向第三层组件传值)—禁止第一层直接传值到第三层，需要逐层传递...
2019-10-30 19:02:00
216
原创 vue 环境搭建
今天进行了 vue环境搭建：步骤：1、卸载旧版node—uninstall nodejs2、安装新版，测试node版本和npm版本3、安装cnpm淘宝镜像4、安装vue-cli脚手架工具5、创建vue项目—一系类的配置6、项目下载完毕后，进入cd项目文件，启动项目npm run dev淘宝镜像遗留问题：上节安装了淘宝镜像cnpm，安装成功后检测cnpm版本：此时cmd输出cn...
2019-10-29 19:02:17
66
原创 vue组件 v-model语法糖
今天学习了：Prop 是你可以在组件上注册的一些自定义特性。注意：一个组件默认可以拥有任意数量的 prop，任何值都可以传递给任何 propProp命名风格：（1）Prop 的命名风格①PascalCase首字母大写命名即大驼峰法②camelCase 小驼峰命名法③kebab-case 短横线分隔命名法注意：HTML 中的特性是大小写不敏感的，所以浏览器会把所有大写字符解释为小写...
2019-10-28 20:01:07
1069
原创 node.js的安装和安装环境
VUE工程化—CMD命令提示符：cmd是command的缩写，即命令提示符（CMD）。（1）本质：命令提示符是在操作系统中，提示进行命令输入的一种工作提示符。（2）分类：在不同的操作系统环境下，命令提示符各不相同。①在windows环境下，命令行程序为cmd.exe，是一个32位的命令行程序，微软Windows系统基于Windows上的命令解释程序，类似于微软的DOS操作系统（磁盘操作系统...
2019-10-25 19:57:03
337
原创 vue的组件和es6模板引擎 组件
今天学习了：要在父实例中使用这个组件，必须要在实例创建前注册，之后就可以用<组件名></组件名>形式来使用组件了全局组件注册步骤小结：①注册组件component并命名②添加模板template内容③通过自定义组件名调用组件template模板语法要求：template的 DOM 结构必须被一个元素包含， 如果直接写成 “这里是组件的内容”， 不带“”等根元...
2019-10-22 19:36:11
479
原创 css类型转换 js 浅拷贝和深拷贝
常用的块级block标签：块级特性:常用的内联/行内inline标签：…… 链接 换行（空标签，不深究）… 加粗、倾斜、下划线、删除线等文本装饰标签… 下拉列表行内/内联特性:常用的行内块级inline-block标签：图片标签输入框文本域/多行输入框单元格下拉框按钮行内/内联特性:display属性用于元素转换通过以上发现->内联元素无法...
2019-10-21 19:39:49
131
原创 vue学习
今天学习了：Vue和React框架用遍历指令时的key值不建议用index（1）key值在没有删除插入操作时只要是唯一值也无所谓，即此时为index索引也可以（2）如果有删除插入的操作，后一位会继承删掉的index，这时的key写不如不写，本来key是为了让遍历性能优化的操作，这种可能重复或者改变的key值不仅不会优化还会影响性能（3）index作为:key值，有可能导致第一次执行循环体初...
2019-10-15 19:47:12
113
原创 vue学习之第5天
今天学习了：迭代器迭代器模式是一种相对简单的模式，迭代器的使用可以极大地简化数据操作，目前的绝大部分语言都内置了迭代器（1）forEach迭代器forEach方法接收一个函数作为参数，对数组中每个元素使用这个函数，只调用这个函数，数组本身没有任何变化，即不改变原始数组（2）map迭代器map迭代器和forEach有些类似，区别：可以生成新数组（3）every迭代器every方法接受...
2019-10-14 19:55:49
78
原创 学习vue之第四天
今天学习了：主要介绍两种经常混淆的字符串截取方法:substring和substr（1）substring作用：用于提取字符串中介于两个指定下标之间的字符语法：substring(start,end)语法解析：start开始和end结束的位置，从零开始的索引，包头不包尾（1）substring验证1、只有一个参数（自动输出后面所有字符）2、start > end 当读取位置大...
2019-10-12 15:01:58
103
原创 Vue的学习之第三天
今天学习了（1）什么是生命周期？从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！（2）生命周期钩子选项/生命周期钩子？就是生命周期事件的别名而已。（3）生命周期钩子 = 生命周期函数 = 生命周期事件（4）主要的生命周期函数分类：①创建期间的生命周期函数②运行期间的生命周期函数③销毁期间的生命周期函数（7）销毁期间的生命周期函数：①...
2019-10-11 19:59:06
134
原创 Vue 基础阶段
（1）v-bind属性指令（2）v-if条件指令（3）v-show渲染指令（4）v-on事件指令①表达式：方法名、内联语句 ②修饰符（5）methods选项-代理方法v-bind动态属性：常用于动态绑定HTML元素的属性v-if指条件性渲染，为true时渲染DOM，否则不进行渲染：数据驱动DOM是Vue.js的核心理念v-show也是指条件性渲染，用法与v-if类似v-...
2019-10-10 19:29:51
65
原创 Vue 的基础， 用法， 绑定， 构建，构架模式等
今天学习了Vue的基础用法，绑定，属性，指令，语糖法。创建Vue需要三步，1，创建根实例 2，挂载 3，绑定数据表单的绑定：v-html v-pre v-on v-once v-bind v-model语法糖： v-bind缩写 ： v-on缩写 ： @Vue.js最核心的功能：数据的双向绑定。...
2019-10-09 19:31:27
73
原创 rem
rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算。上面说过rem是通过根元素进行适配的，网页中的根元素指的是html我们...
2019-09-03 19:01:41
88
原创 rem的两个方法 媒体查询 js
该问题的原因就是web 根元素的fontsize值，没有固定。所以才会导致页面rem的值不固定，从而闪现布局。解决方案就是在网页加载之前就把，fontsize值计算好并且固定住，就能解决。方法1用媒体查询解决@media (min-width: 320px){html{font-size: 42.6667px;} }@media (min-width: 360px){html{font...
2019-09-03 18:14:41
110
原创 手风琴 选项卡 轮播图
手风琴<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>:target手风琴效果应用</title> <style type="text/css"> .accordionMenu{ font: 12px simsun...
2019-08-31 14:56:43
155
原创 文字雨滴效果
文字雨滴效果 // window.onload = function(){//获取画布对象var canvas = document.getElementById(“canvas”);//获取画布的上下文var context =canvas.getContext(“2d”);//获...
2019-08-29 17:19:32
99
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人