- 博客(222)
- 资源 (18)
- 收藏
- 关注
RSS订阅原创 Vue2 基础四前后端交互
JavaScript的执行环境是单线程，常见的异步调用：定时任务、ajax、事件函数。多次异步调用的结果顺序不确定，异步调用结果如果存在依赖需要嵌套。Promise 是异步编程的一种解决方案，从语法上讲，Promise是一个对象，从它可以获取异步操作的消息。Restful 形式的 URL HTTP请求方式：GET 查询、POST 添加、PUT 修改、DELETE 删除。接口调用方式：原生ajax、基于jQuery的ajax、fetch、axios。
2024-04-18 11:10:11
344
原创 Vue2 基础二常用特性
当内置指令不能满足特殊的需求时，Vue允许我们自定义指令。binding 为自定义的函数形参，通过自定义属性传递过来的值存在 binding.value 里面。局部指令，需要定义在 directives 的选项，用法和全局用法一样；局部指令只能在当前组件里面使用；当全局指令和局部指令同名时以局部指令为准。<h2>自定义指令</h2><h3>自定义全局指令</h3><h3>自定义局部指令</h3></div><script>el.focus();});});data: {},
2024-03-08 16:13:02
615
原创 前后端交互—使用自己的服务器开发项目
由于使用VSCode访问开发的项目页面使用的是 file 协议，file 协议在开发当中会有很多的问题，通常需要 http 协议来访问开发的 html 文件，更换裁剪的图片，首先拿到用户选择的文件；然后根据选择的文件，创建一个对应的 URL 地址；中的子页面，如果想要调用父页面中的属性、方法，使用 window.parent 即可（但是必须http协议中打开）。导入 layui 的 js 文件，为需要验证的表单项添加 lay-verify 属性，同时指定具体的校验规则即可。
2024-01-26 16:19:10
822
原创 前后端交互—开发一个完整的服务器
因为在处理函数中，需要多次调用 res.send() 向客户端响应 处理失败 的结果，为了简化代码， 可以手动封装一个 res.cc() 函数。的形式对数据合法性进行验证，效率低下、出错率高、维护性差。因此， 推荐使用 第三方数据验证模块 ，来降低出错率、提高验证的效率与可维护性， 让后端程序员把更多的精力放在核心业务逻辑的处理上。在实际开发中，前后端都需要对表单的数据进行合法性的验证，而且， 后端做为数据合法性验证的最后 一个关口 ，在拦截非法数据方面，起到了至关重要的作用。
2023-12-16 16:01:50
156
原创 前后端交互—数据库与身份认证
客户端第一次请求服务器的时候，服务器通过响应头的形式，向客户端发送一个身份认证的 Cookie，客户端会自动将 Cookie 保存在浏览器中。随后，当客户端浏览器每次请求服务器的时候，浏览器会自动将身份认证相关的 Cookie，通过请求头的形式发送给 服务器，服务器即可验明客户端的身份。HTTP 协议的无状态性，指的是客户端的每次 HTTP 请求都是独立的，连续多个请求之间没有直接的关系，服务器不会主动保留每次 HTTP 请求的状态。用户的信息通过 Token 字符串的形式，保存在客户端浏览器中。
2023-12-06 14:28:19
289
原创 前后端交互—Express
模拟一个类似于 express.urlencoded 这样的中间件，来解析 POST 提交到服务器的表单数据。定义中间件监听req的data事件，在中间件中，需要监听 req 对象的 data 事件，来获取客户端发送到服务器的数据。如果数据量比较大，无法一次性发送完毕，则客户端会把数据切割后，分批发送到服务器。所以 data 事件可能会触 发多次，每一次触发 data 事件时，获取到数据只是完整数据的一部分，需要手动对接收到的数据进行拼接。
2023-11-07 17:23:22
149
原创 前后端交互—模块化
内置模块是由 Node.js 官方提供的模块，内置模块的加载优先级最高。例如，require(‘fs’) 始终返回内置的 fs 模块，即使在 node_modules 目录下有名字相同的包也叫做 fs。使用 require() 加载自定义模块时，必须指定以 ./ 或 …/ 开头的路径标识符。在加载自定义模块时，如果没有指定 ./ 或 …/ 这样的路径标识符，则 node 会把它当作内置模块或第三方模块进行加载。
2023-11-03 17:33:27
133
原创 前后端交互—Node.js初识
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 的官网地址: https://nodejs.org/zh-cn/Node.js 作为一个 JavaScript 的运行环境，仅仅提供了基础的功能和 API。基于 Express 框架(http://www.expressjs.com.cn/)，可以快速构建 Web 应用基于 Electron 框架(https://electronjs.org/)，可以构建跨平台的桌面应用。
2023-10-30 16:48:37
112
原创 前后端交互—跨域与HTTP
jQuery 提供的 $.ajax() 函数，除了可以发起真正的 Ajax 数据请求之外，还能够发起 JSONP 数据请求，默认情况下，使用 jQuery 发起 JSONP 请求，会自动携带一个 callback=jQueryxxx 的参数，jQueryxxx 是随机生成的一个 回调函数名称。HTTP 请求方法，属于 HTTP 协议中的一部分，请求方法的作用是:用来表明要对服务器上的资源执行的操作。标签的 src 属性，请求跨域的数据接口，并通过函数调用的形式， 接收跨域接口响应回来的数据。
2023-10-23 18:26:38
678
原创 前后端交互—Ajax基础
的键 值对结构。无论使用 $.ajax()，还是使用 $.get()，又或者直接使用 xhr 对象发起 GET 请求，当需要携带参数的时候，本质上，都是直 接将参数以查询字符串的形式，追加到 URL 地址的后面，发送到服务器的。URL 地址中，只允许出现英文相关的字母、标点符号、数字，因此，在 URL 地址中不允许出现中文字符。相比于 $.get() 和 $.post() 函数，jQuery 中提供的 $.ajax() 函数，是一个功能比较综合的函数，它允许对 Ajax 请求进行更详细的配置。
2023-10-17 16:24:50
641
原创 JavaScript ES6语法
此题的关键点在于每次循环都会产生一个块级作用域，每个块级作用域中的变量都是不同的，函数执行时输出的是自己上一级（循环产生的块级作用域）作用域下的i值.剩余参数语法允许将一个不定数量的参数表示为一个数组，不定参数定义方式，这种方式很方便的去声明不知道参数情况下的一个函数。箭头函数不绑定this关键字，箭头函数中的this，指向的是函数定义位置的上下文this。它类似于数组，但是成员的值都是唯一的，没有重复的值。此题的关键点在于变量i是全局的，函数执行时输出的都是全局作用域下的i值。
2023-10-12 14:49:43
83
原创 JavaScript 正则表达式
正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线， 昵称输入框中可以输入中文(匹配)。此外，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等。其他语言也会使用正则表达式，本阶段我们主要是利用JavaScript 正则表达式完成表单验证。正则表达式的特点。
2023-10-11 20:54:41
366
原创 JavaScript 函数进阶
方式1 函数声明方式 function 关键字 (命名函数)方式2 函数表达式(匿名函数)方式3 new Function()var fn = new Function('参数1','参数2'..., '函数体')Function 里面参数都必须是字符串格式第三种方式执行效率低，也不方便书写，因此较少使用所有函数都是 Function 的实例(对象)函数也属于对象var f = new Function('a', 'b', 'console.log(a + b)');f(1, 2);
2023-10-10 15:36:08
67
原创 JavaScript 面向对象、构造函数和原型、ES5新增方法
每一个实例对象又有一个__proto__属性，指向的构造函数的原型对象，构造函数的原型对象也是一个对象，也有__proto__属性，指向Object 原型对象 prototype，Object原型对象prototype.__proto__指向null，这样一层一层往上找就形成了原型链。在典型的 OOP 的语言中(如 Java)，都存在类的概念，类就是对象的模板，对象就是类的实例，但在 ES6之前， JS 中并没用引入类的概念。构造函数方法很好用，但是存在浪费内存的问题，每个对象的函数都是独立的。
2023-10-07 17:38:54
119
原创 Web 基于ECharts数据可视化
ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。是一个JS插件性能好可流畅运行PC与移动设备兼容主流浏览器提供很多常用图表，且可定制。折线图柱状图散点图饼图K线图社区就是一些，活跃的echart使用者，交流和贡献定制好的图表的地方。
2023-09-30 11:43:25
644
原创 Web jQuery—事件与其他
本页面内容刷新页面不会丢失。文本框里面输入内容，按下回车，就可以生成待办事项。点击待办事项复选框，就可以把当前数据添加到已完成事项里面。点击已完成事项复选框，就可以把当前数据添加到待办事项里面。点击事项后面圆圈，可以删除该条事项。
2023-09-13 19:41:40
126
原创 Web jQuery—属性、元素、尺寸和位置
用户自己给元素添加的属性，我们称为自定义属性。比如给 div 添加 index =“1”。语法获取属性语法attr('属性') // 类似原生 getAttribute()设置属性语法attr('属性', '属性值') // 类似原生 setAttribute()注意：attr() 除了普通属性操作，更适合操作自定义属性。（该方法也可以获取 H5 自定义属性）
2023-09-11 14:55:20
223
原创 Web jQuery—选择器、样式和效果
JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。简单理解： 就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如 jQuery，就是为了快速方便的操作DOM，里面基本都是函数（方法）。
2023-09-07 17:40:47
377
原创 Web API—移动端端网页特效
移动端浏览器兼容性较好，不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。触屏touch事件说明touchstart手指触摸到一个 DOM 元素时触发touchmove手指在一个 DOM 元素上滑动时触发touchend。
2023-09-05 10:03:52
206
原创 Web AP—PC端网页特效
三大系列大小对比作用返回自身包括padding，边框、内容区的宽度，返回数值不带单位返回自身包括padding、内容区的宽度，不含边框，返回数值不带单位返回白身实际的完度，不含边框，返回数值不带单位offset系列 经常用于获得元素位置 offsetLeft offsetTopclient经常用于获取元素大小 clientWidth clientHeightscroll 经常用于获取滚动距离scrollTop scrollLeft。
2023-08-31 15:30:36
443
原创 Web API—BOM 浏览器对象模型
navigator 对象包含有关浏览器的信息，它有很多属性，我们最常用的是 userAgent，该属性可以返回由客户机发送服务器的 user-agent 头部的值。this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this 的最终指向的是那个调用它的对象。在调用的时候可以省略 window，前面学习的对话框都属于 window 对象方法，如 alert()、prompt() 等。异步任务，JS 的异步是通过回调函数实现的。
2023-08-21 16:56:13
275
原创 Web API—事件高级
以上案例:给 ul 注册点击事件，然后利用事件对象的 target 来找到当前点击的 li，因为点击 li，事件会冒泡到 ul 上， ul 有注册事件，就会触发事件监听器。eventTarget.attachEvent()方法将指定的监听器注册到 eventTarget(目标对象) 上，当该对象触 发指定的事件时，指定的回调函数就会被执行，点击每个 li 都会弹出对话框，以前需要给每个 li 注册事件，是非常辛苦的，而且访问 DOM 的次数越多，这就 会延长整个页面的交互就绪时间。
2023-08-16 17:29:57
405
原创 Web API一DOM操作
element.属性 获取属性值。获取内置属性值(元素本身自带的属性)。element.getAttribute(‘属性’)。主要获得自定义的属性 (标准) 程序员自定义的属性。element.属性 = ‘值’ 设置内置属性值。element.setAttribute(‘属性’, ‘值’);element.removeAttribute(‘属性’);
2023-08-01 14:34:56
165
原创 移动web二 响应式开发
Bootstrap 里面 container 宽度是固定的，但是不同屏幕下，container的宽度度不同，再把container划分为 12等份。原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的页面布局和样式变化。列排序，通过使用 .col-md-push-* 和 .col-md-pull-* 类就可以很容易的改变列（column）的顺序。使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而达到适配不同设备的目的。
2023-05-04 23:28:24
245
原创 移动web一 屏幕适配
默认 cssrem 插件将16px转换为1rem，这在绝大部分情况下是不能满足开发要求的（比如按照750的设计稿开发，由于flexible.js将屏幕分成10等分，也就是说1rem等于屏幕的十分之一，那么就是75px）。它在CSS 的语法基础之上，引入了变量，Mixin（混入），运算以及函数等功能，大大简化了CSS 的编写，并且降低了CSS 的维护成本，就像它的名称所说的那样，Less可以让我们用更少的代码做更多的事情。原理，就是直接在link中判断设备的尺寸，然后引用不同的 css 文件。
2023-05-04 23:27:16
979
原创 HTML5和CSS3七CSS3四
flex-start：侧轴方向顶对齐；flex-end：侧轴方向底对齐；flex-direction：设置元素主轴即排列方向，默认主轴是 row 水平方向排列（row：水平方向从左到右排列，row-reverse：水平方向从右到左排列，column：垂直方向从上到下排列，column：垂直方向从下到上排列）flex-shrink：可以收缩子元素的宽度，设置当前元素应该占据收缩空间的比例值（当前元素的flex-shrink值除以所有兄弟元素flex-shrink值之和），默认值为1（平均占收缩空间）。
2023-04-23 16:55:23
430
原创 Swift5编程总结
这样做的好处是，在定义公共接口的时候，可以明确地选择哪些接口是需要公开的，哪些是内部使用的，避免不小心将内部使用的接口公开。可以在子类中提供这些构造器的自定义实现，当在编写一个和父类中指定构造器相匹配的子类构造器时，实际上是在重写父类的这个指定构造器。如同前面提到的默认构造器，如果希望一个 public 级别的结构体也能在其他模块中使用其默认的成员逐一构造器，依然只能自己提供一个 public 访问级别的成员逐一构造器。默认构造器的访问级别与所属类型的访问级别相同，除非类型的访问级别是 public。
2023-04-23 09:51:31
381
原创 HTML5和CSS3六CSS3三
repeating-linear-gradient(angle | to side-or-corner, color-stop1, color-stop2, …transform-origin：设置旋转轴心，值可以是X、Y坐标值，也可以是left、top、right、bottom、center关键字。translate(x, y)：移动，参照元素的左上角，一个参数表示x轴方向，两个参数则分别表示x、y轴方向。scale()/scaleX()/scaleY()：缩放，参照元素的中心点。
2023-04-05 23:28:05
499
原创 iOS APP上架问题总结
最近公司的活比较少，空闲时间十分多，遍寻思着写一款APP。由于最近几年工作内容都是写SDK，很久没有上架APP了，很多东西都忘记和生疏。我这次上架APPStore遇到的问题做了一个记录总结目前写的这个是本地阅读软件，后续会把在写这个APP用到的技术以及遇到的问题都整理出来，通过博客的形式分享给大家。奇迹读书地址第一次提交给我来了个2.1：由于我是在阅读页面默认隐藏导航栏、禁用返回手势的。需要点击屏幕中心区域才显示导航栏、激活返回手势。可能对新用户的确是有点不友好。回复消息告知审核人员返回方式。
2023-03-17 01:28:34
466
原创 iOS 文件导入、打开和导出
最近公司的活比较少，空闲时间十分多，遍寻思着写一款APP。在这个过程中需要导入、打开和导出文件，于是研究了一下。目前写的这个是本地阅读软件，后续会把在写这个APP用到的技术以及遇到的问题都整理出来，通过博客的形式分享给大家。奇迹读书地址可以先看上一篇文章《统一类型标识符概述》，CSDN地址简书地址。当需要导入一种不存在或者说自定义的文件时，必须先为这类文件申明UTIs，可以通过上一篇文章了解。
2023-03-16 09:49:38
757
翻译 iOS 统一类型标识符概述
最近公司的活比较少，空闲时间十分多，遍寻思着写一款APP。在这个过程中便有使用到统一类型标识符，于是翻译了这个文档。原文地址目前写的这个是本地阅读软件，后续会把在写这个APP用到的技术以及遇到的问题都整理出来，通过博客的形式分享给大家。奇迹读书地址应用程序开发人员面临的挑战之一是用于识别数据类型的方法的激增。例如，一些文本文件可能被分配为“TEXT”文件类型(最初为Mac OS 9及更早版本设计)，而其他文本文件可能只是有一个.txt扩展名。有些可能使用.text扩展名。
2023-03-15 23:57:08
360
原创 iOS XML数据解析
最近公司的活比较少，空闲时间十分多，遍寻思着写一款APP。在这个过程中便有使用到XML数据，于是研究了一下。目前写的这个是本地阅读软件，后续会把在写这个APP用到的技术以及遇到的问题都整理出来，通过博客的形式分享给大家。奇迹读书地址。
2023-03-15 17:43:35
759
原创 HTML5和CSS3四CSS3一
因此，如果元素拥有指定的宽度，则添加到该元素的内边距会添加到元素的总宽度中。设置相对定位的元素的 top、right、bottom 和 left 属性将导致其偏离其正常位置进行调整。每个 HTML 元素都有一个默认的 display 值，具体取决于它的元素类型。静态定位的元素不受 top、bottom、left 和 right 属性的影响。z-index 属性指定元素的堆栈顺序（哪个元素应放置在其他元素的前面或后面）。然而，如果绝对定位的元素没有父元素，它将使用文档主体（body），并随页面滚动一起移动。
2022-09-02 14:48:49
147
原创 HTML5和CSS3一标签与属性
html5不是新的语言，而是html的第五次重大修改——版本支持：所有主流浏览器都支持（Chrome、Firefox、Safari等），IE9（不是全部支持是有选择的支持）及以上支持改变了用户与文档的交互方式：多媒体（video、audio、canvas）增加了新的特性：语义特性，本地存储特性，网页多媒体，二维/三维，特效（过度、动画）相对HTML4：可以通过如下方式构建文档类型进行比较：HTML5参考手册，这里例举了HTML众多标签并对HTML5抛弃和新增的进行了标注。HTML5中有部分标签语义性更强，更
2022-06-01 10:07:58
453
iOS弹出框总结代码
2016-10-30
CoreAnimation
2015-12-11
CALayer的基本使用demo
2015-12-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人