- 博客(34)
- 资源 (1)
- 收藏
- 关注
原创 iOS 项目基本框架搭建
iOS 搭建项目基本框架(本篇 不使用 SceneDelegate)一、新建工程1. 删除不必要的类文件(选择的文件都删掉)相关SceneDelegate 的内容也需要一并删除a、AppDelegate文件中的相关内容b、Info.plist文件中Application Scene Manifest删除。删除了Main.storyboard,需要修改以下地方2. info.plist配置文件中添加特性配置键值对Bundle display name:应用程序主页图标下应用名称Ap
2022-04-01 11:36:08
644
原创 Mac 中 HBuilderX 下项目 git管理
一、安装 Git 插件点击菜单【工具】—>【插件安装】, 安装Git插件注意:mac系统,本身已安装git命令二、Git 配置git 有两种,一种 HTTP,一种 SSH通常用 SSH,所以需要配置 ssh key。打开终端,输入命令,生成 ssh key$ ssh-keygen -t rsa -C "youremail@example.com"遇到提示,直接回车,提示中会有设置密码,这些非隐私的文件,为了方便,可以不用设置密码。生成的ssh key在用户目录下的.ssh目录下
2021-07-27 10:52:46
2369
原创 Xcode 新建项目后 挪动文件后 报错
could not read data from '/Users/xxxx/xxxx/Info.plist': The file “Info.plist” couldn’t be opened。Multiple commands produce '/Users/../Library/Developer/Xcode/DerivedData/Test-
2021-07-09 16:17:49
526
原创 uni-app 报错 null is not an object (evaluating ‘currentWebview.children‘)
一、错误提示二、定位到的错误位置这个地方大概是 监听键盘高度变化,当页面销毁后,uni.onKeyboardHeightChange() 没有被销毁,仍然存在,当打开其他页面时,有输入框时,会再次进入到该函数内,从而造成报错。三、解决办法在页面销毁时,应该取消键盘高度监听,以免造成内存泄漏// 页面销毁onUnload : function () { // 取消键盘高度监听 uni.offKeyboardHeightChange(res => { })},...
2021-07-07 15:37:52
1174
原创 JavaScript数据类型
简单数据类型Number 数字类型String 字符串类型undefined 未定义类型 (变量只声明的时候值默认是undefined)Boolean 布尔类型null 空对象指针(如果定义的变量准备在将来用于保存对象,最好将该变量初始化为 null。)检测数据类型使用typeof的方法进行数据检测。检测方式:在 typeof后面加小括号 () 执行,将要检测的数据放在小括号内部。数据类型转换转换成字符串类型数据.toString() 方法String(数据
2021-06-22 10:05:18
85
原创 如何判断 JS 数据类型
方法有如下几种:typeof 方法object.property.toString.call 方法obj instanceof Object 方法constructor来几个列子var a = "Hello";var b = 321;var c= [1,2,3];var d = new Date();var e = function(){alert(121);};var f = function(){this.name="jack";}; 一、typeof基本数据类型除了 n
2021-06-22 10:04:17
108
原创 解决VUE路由跳转出现Redirected when going from “/x“ to “/y“ via a navigation guard.报错
解决VUE路由跳转出现Redirected when going from “/x” to “/y” via a navigation guard.报错解决方法:1、降低 vue-router 的版本降到 3.0.7注意:修改完后记得删除原有的node_modules文件,再使用npm i 或yarn install生成新node_modules文件2、第一种解决办法不行的可以使用第二种,直接复制下面代码到router文件下index.js,也是可以解决的。const originalPus
2021-06-11 11:51:46
7514
1
原创 Source Map
前言:运行代码与源代码之间完全不同,这种情况下,如果调试应用,或是运行过程中出现了意料之外的错误,将无法定位。无论调试和报错都是基于运行代码进行的。一、Source Map 源代码地图映射转换过后的代码与源代码之间的关系。可以通过 Source Map 逆向解析转换过后的代码。一般第三方库,在发布的文件当中会有一个 .map后缀的source map 文件。用 jquery 库举例。在最新版中 jquery 去掉了最后一行的注释。自行在jquery-3.4.1.min.js 的最后一行添加.
2021-04-02 14:36:01
867
原创 打包图片文件时路径错误输出为[object-module]
错误场景在使用webpack打包,内部代码并非 ES Modules 规范,而是 CommonJS 或是 AMD 规范。运行时报错。在 main.js 中添加图片// // 2. 支持 CommonJS 的 require 声明const createHeading = require('./heading.js').defaultconst better = require('./better.png')require('./main.css')const heading = create
2021-04-01 16:44:01
220
原创 webpack 内的 Loader
前言:Loader 是 实现 webpack 实现整个前端模块化的核心 。用于对模块的源代码进行转换。俗称加载器,去处理和加工打包过程当中遇到的资源文件。编译转换类:会把加载到的资源模块转换为 JavaScript 代码。文件操作类:会把加载到的资源模块拷贝到输出的目录,同时将这个文件访问路径向外导出。代码检查类:对我们所加载到的资源文件(一般是 代码)去进行校验的加载器。这类加载器是去统一我们代码的风格,从而提高代码质量,一般不会去修改生产环境的代码。一、编译转换类如:css-loader.
2021-04-01 16:15:49
196
原创 在 Node.js 中 Webpack 快速上手
一、Webpack 简介本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时,它会在内部构建一个 依赖图(dependency graph),此依赖图会映射项目所需的每个模块,并生成一个或多个 bundle。打包工具解决的是前端整体的模块化,并不单指 JavaScript 模块化。对于代码中有环境兼容问题的代码,可以在打包的过程当中,通过 模块加载器(Loader)进行编译转换。它还具备 代码拆分(Code Splitting)的
2021-03-31 22:40:48
260
原创 ES Modules 与 CommonJS 的比较及互动
一、ES Modules in Node.jsES Modules 是 JavaScript 的语言层面的模块化标准,会逐渐统一所有 JS 领域的模块化需求。Node.js 作为 JavaScript的一个重要应用领域,它逐步支持这一个特性。从 V8.5版本之后,内部就已经以实验的方式去支持ESM 了。启动 node 的时候, 需要加 experimental-modules,这个参数 表示启用 ESM 的实验特性。Nodejs v12.17.0 LTS 版发布,去掉 --experimental-m
2021-03-31 16:35:01
277
原创 ES Module 规范
一、 ES Module 规范特性通过给 script 添加 type = module 的属性,就可以以 ES Module 的标准执行其中的 JS 代码<script type='module'></script>ESM 自动采用严格模式,相当于在代码添加 ‘use strict’。注意,在严格模式下,this是 undefined;非严格模式this是window。每个 ES Module 都是运行在单独的私有作用域中,外部无法访问内部的成员。 &
2021-03-30 18:30:48
589
原创 前端模块化演变
一、早期在没有工具和规范的情况下,对模块化的发展阶段一:基于文件的划分模块的方式实现:将每个功能及其相关状态数据各自单独放到不同的文件中,约定每个文件就是一个独立的模块,使用某个模块就是将这个模块引入到页面中,然后直接调用模块中的成员缺点:所有模块都直接在全局工作,没有私有空间,所有成员都可以在模块外部被访问或修改,而且模块一段多了过后,容易产生命名冲突,另外无法管理模块与模块之间的依赖关系。// module-avar module_name = 'module-a'function meth
2021-03-29 22:36:40
139
原创 JS 面向对象
“万物皆对象”。对象是单个事物的抽象;对象是一个容器,封装了属性和方法;属性是对象的状态;方法是对象的行为。在实际开发中,对象是一个抽象的概念,可以将其简单理解为:数据集或功能集。一、JavaScript中的对象面向对象编程——Object Oriented Programming,简称 OOP,是一种编程开发思想。它将真实世界各种复杂的关系,抽象为一个个对象,然后由对象之间的分工与合作,完成对真实世界的模拟。JavaScript中的编程就是面向对象的编程。而对象就是对生活中对象的一个抽象,.
2021-03-26 15:42:46
75
原创 js中的值类型和引用类型
一、JavaScript中值的类型分为以下两种**简单数据类型:**又叫值类型,基本类型。变量中存储的是值本身。其中包含:String(字符串)、Number(数值)、Boolean(布尔值)、Undefined、Null。**复杂数据类型:**又叫引用类型。变量中存储的仅仅是地址(引用)。其中包含:Array(数组)、Object(对象)、Function(函数)。二、值类型和引用类型的区别JavaScript中并没有严格意义上区分栈内存与堆内存。执行上下文的执行顺序借用了栈数据结构的存取方式。
2021-03-24 17:31:17
1876
原创 CSS 清除浮动
一、CSS浮动 (float)属性作用left让元素脱离标准流,同一级的元素左浮动并排显示right让元素脱离标准流,同一级的元素右浮动并排显示浮动特点浮动的元素脱离了标准流的限制,具有了块级元素和行内元素的性质,可以设置高度,还能并排一行,而且不会有空白折叠现象。浮动的元素依次贴边浮动的元素没有margin塌陷浮动的元素,脱离了标准流,会将原来占有的标准流位置让给后面的一个同级元素。(在IE6、7浏览器中,有兼容问题)字围现象 (同级元素中前面的元素浮动,
2021-03-23 21:22:01
112
原创 CSS样式让元素上下左右居中
一、元素垂直居中让父元素高度自适应,子元素高度自动撑开父级的高度,再给父元素设置相同的上下边距。二、 元素水平居中子元素宽度低于父盒子宽度,可设置子盒子的margin值,水平方向的值都设置为auto。(auto只在水平方向有作用,边距会自动无限增大,直到撑满整个父元素除了子元素宽度之外剩余的区域,如果两个水平方向都是auto,两边都要无限大,只能达到一个平衡,两边距离相同,导致盒子居中。)子元素宽度大于父盒子宽度,设置子元素相对定位,设置偏移量left=50%,[a、设置子盒子margin-lef
2021-03-23 17:15:40
1116
原创 js获取元素自身有关的位置和大小的属性
一、DOM提供的偏移量属性offsetParent 偏移参考父级,距离自己最近的有定位的父级,如果都没有定位参考body(html)。offsetLeft/offsetTop 偏移位置offsetWidth/offsetHeight 偏移大小客户端大小client 系列没有参考父级元素。clientLeft/clientTop 边框区域尺寸,不常用clientWidth/clientHeight 边框内部大小滚动偏移属性scrollLeft/scrollTop 盒子内部滚动出去的
2021-03-22 15:49:43
364
原创 JS 跨域
JavaScript跨域一、什么是JS跨域?二、JS跨域解决办法1.JSONP2.CORS3、JSONP和CORS的区别一、什么是JS跨域?在了解跨域之前,先要知道同源策略。同源策略:是浏览器的一种安全策略,所谓同源是指域名、协议、端口完全相同。在同源策略下,只有同源的地址才可以相互通过 AJAX 的方式请求。而跨域就是只要两个地址中协议、域名、端口有任何一个不相同,那它们之间的请求就被称之为跨域请求。JS跨域:指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者
2021-03-08 13:41:36
411
原创 JavaScript数字字面量
数字字面量• 这里的数字就是数学意义上的数字。• 数字字面量区分:整数字面量、浮点数字面量(小数)、特殊值。• 书写时直接书写字面量,不需要添加任何辅助符号。JavaScript 数值始终是 64 位的浮点数,JavaScript 数值始终以双精度浮点数来存储,根据国际 IEEE 754 标准。整数整数字面量写法区分进制。可以被表示成十进制、八进制以及十六进制。在进行算术计算时或者参与程序,所有八进制和十六进制的数字都会被转换成十进制。十进制十进制最基本的数值字面量格式,基数为10。逢十进一
2021-01-05 16:21:18
272
原创 JavaScript介绍
JavaScript是什么JavaScript是一种运行在客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。浏览器就是一种运行JavaScript脚本语言的客户端,JavaScript的解释器被称为JavaScript引擎,为浏览器的一部分。JavaScript的组成ECMAScript,描述了该语言的语法和基本对象。ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,European Computer Manuf
2021-01-05 15:07:55
227
原创 移动端WEB开发常见布局
流式布局(百分比布局)流式布局,就是百分比布局,也称非固定像素布局。通过将盒子的宽度设置成百分比,从而根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充。该布局是移动web开发使用的比较常见的布局方式。注意事项制作过程中,需要定义页面的最大和最小支持宽度。max-width最大宽度 (max-height最大高度)min-width最小宽度(min-height最小高度)...
2020-12-29 17:13:20
229
原创 浅谈移动WEB开发
现如今手机浏览器繁多,有UC浏览器、QQ浏览器、百度手机浏览器、360安全浏览器、谷歌浏览器等,以及其他杂牌浏览器。国内的UC和QQ,百度等手机浏览器都是根据Webkit修改过来的内核,国内尚无自主研发的内核,因此移动WEB开发,兼容移动端主流浏览器,处理Webkit内核浏览器即可。而今手机屏幕尺寸众多,碎片化严重。作为开发者无序关注这些分辨率,我们常用的尺寸单位是px。常见移动端屏幕尺寸本文主要谈移动端视口视口(viewport)就是浏览器显示页面内容的屏幕区域。可以分为布局视口、视觉视口和理
2020-12-24 10:31:40
211
原创 标准文档流
标准文档流指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的流式排列方式。当前面内容发生了变化,后面的内容位置也会随着发生变化。HTML就是一种标准文档流文件。标准流HTML中的标准文档流特点通过两种方式体现:微观现象和元素等级。微观现象:空白折叠现象。( HTML中所有的文字之间,如果有空格、换行、tab在浏览器加载时,连在一起的空白都将被折叠为一个空格显示。)文字类的元素如果排在一行会出现一种高低不齐、底边对齐效果。自动换行,元素内一行内容写满元素的width时会自动进行换.
2020-12-11 13:23:08
2896
4
原创 CSS样式让文字水平居中和垂直居中的方法
css中让文字居中,首先可以分单行文字和多行文字,还可以讨论高度是否固定。不论是多行文字还是单行文字,水平居中都可以设置text-align。text-align 属性规定元素中的文本的水平对齐方式。垂直方向居中如下一、高度固定单行文字垂直居中,则设置line-height等于盒子的高度。.box { line-height:(height);}多行文字— display:table-cell指让标签元素以表格单元格的形式呈现,使元
2020-12-10 15:34:28
3976
原创 伪类选择器笔记
选择器12.伪类选择器13.伪元素选择器12.伪类选择器伪类用于向某些选择器添加特殊的效果。选择器含义E:link选中所有未被点击的链接E:visited选中所有已被点击的链接E:hover选中鼠标悬停其上的E元素E :active选中鼠标已经其上按下、还没有释放的E元素E:focus选中拥有键盘输入焦点的E元素(无法在 IE 中工作)E:first-child选中父元素的第一个子元素E:lang(c)选中lang属性等于c的E元素
2020-12-02 16:49:07
168
原创 CSS选择器整理
CSS选择器汇总初次学习前端,整理CSS选择器,供以后翻看。在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。一、基础选择器1.标签选择器选中范围:通过标签选中所有同名标签,设置公共样式。书写格式:标签名{}实例部分代码:p {color:red;}<p>第一段代码<p/>2.id选择器选中范围:只能选中一个标签(因为每个id属性值必须是唯一的,不能与其他的id同名)。书写格式:#id属性值{}实例部分代码:#demo {color:red;
2020-12-01 19:33:56
167
原创 【无限互联】下拉刷新控件
下拉刷新控件 在一些应用里经常会使用到,当用户下拉时就会更新应用里的内容;还有一种就是上拉加载更多,例如我们在浏览微博时,不停往上拉,下面就会出现提示“加载更多”。 下面我们来了解它的实现原理: 下拉刷新控件有两种布局方式: (1) 刷新控件加载在UITableView的父视图上,不随着tableView移动 (2) 刷新控件加载在UITableView上随着tableView移
2015-03-31 17:50:19
765
RefreshLoadView
2015-04-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人