- 博客(18)
- 资源 (14)
- 收藏
- 关注
原创 uni-app
uni-app网址:https://uniapp.dcloud.io/首先了解一下uni-app的混合开发模式网页与APP的混合app里面有一个webView的组件 可以填写一个网页地址(所在的页面是前端开发内容)webView就是一个APP内置小浏览器特点:断网后还在(原生组件),断网后部件(webView)二次编译前端按照一定规则写代码(js+组件)通过编译生成app原声代码和组件打包(云开发)生成安卓app或者ios好处以及有点有哪些?省钱省时间省人力跨平台uni
2022-01-19 22:21:09
2158
1
原创 微信小程序创建简单的自定义组件--基础篇
微信小程序开发组件基础篇先创建一个用来存放组件的文件夹如图所示:在我们刚刚创建的组件里面随便写一个简单的组件作演示3. 在这里多提一嘴,weapp使用右键点击这个,选择 在资源管理器中显示,然后再黑框里输入 npm i @vant/weapp -S --production,等待安装完成即可4. 然后回到我们刚才的组件文件夹<!--components/item/index.wxml--><view class="item item-class" bind:ta
2022-01-13 23:55:45
695
原创 JS原生拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2022-01-07 09:02:30
156
原创 小试webpack
开发准备 在进入webpack世界之前,先用原声方法写一个web应用 一个js文件,写一段函数:function helloworld() { console.log("赤妖蝶");} 再写一个js文件,调用这个函数: helloworld() 最后创建一个html页面去引用这两个js文件: 注意js文件的引用顺序 先helloworld...
2021-12-28 21:50:24
183
原创 webpack
WebPack五个核心概念: 1.Entry入口 WebPack以哪个文件为入口起点考试打包,分析构建内部依赖图 2.Output 输出 指示Webpack打包后的资源bundles输出到哪里去,以及如何命名 3.Loader 加载 让webpack能够去处理那些非javascript文件(自身只理解javascript) ...
2021-12-28 16:50:35
230
原创 vue面试题
1.vm.$set(obj, key, val) 做了什么? 为对象添加一个新的响应式数据:调用 defineReactive 方法为对象增加响应式数据,然后执行 dep.notify 进行依赖通知,更新视图 为数组添加一个新的响应式数据:通过 splice 方法实现2.可以被vue拦截到的数组以及不能被拦截到的数组? 会:push() pop() shift() unshift() splice() sort() reverse() 会检测变动 进行页面更新 不会...
2021-12-23 21:55:12
141
原创 利用递归实现深拷贝
function res(a) { if (a == 1) { return 1 } return res(a - 1) + a } console.log(res(100));利用递归来实现1-100的和var obj1 = { name: "赤妖碟", age: 18, friend: [ "小红", "小猪佩奇", "张三", { name: "10086", say() { ...
2021-12-20 21:38:10
156
原创 Vue脚手架相关信息
第一步(仅第一次执行):全局安装@vue/cli npm install -g @vue/cli第二步:切换到你要创建项目的目录,然后使用命令创建项目 vue create xxxx第三部:启动项目 npm run serve【注】:下载缓慢请配置淘宝镜像:npm config set registry https://registry.npm.taobao.org具体步骤:1.win+r输入c...
2021-11-29 21:55:57
449
原创 图片懒加载
// 图片懒加载 const images = document.querySelectorAll("img"); const callback = entries => { entries.forEach(entry => { if (entry.isIntersecting) { const image = entry.target; const data_src...
2021-11-18 14:40:46
163
原创 JQuery--ajax的各种请求方式
JQuery对Ajax做了大量的封装,使用起来很方便,不需要去考虑浏览器兼容性。对于封装的方式,采用了三层封装: 最底层的封装方法为:$.ajax(),第二层有三种方法:.load()、$.get()和$.post()最高层是$.getScript()和$.getJSON()方法。接下来看每种方法的用法以及不同: <script src="js/jquery.min.js"></script><body> <...
2021-11-16 21:43:19
532
原创 JQuery的ajax方法
首先,要了解什么是ajax。 通俗来说,就是前段用来请求后端数据的方式。那么。源生js和jq的方法的不同,通过以下来演示。 先来看普通ajax请求方式: 分为四步,且返回数据类型不可控。接下来看jq带来的ajax请求方法:第一步:引入jq 以及编写html及css样式、 第二步:写点击按钮请求ajax 【注意】:dataType: "jsonp"...
2021-11-15 21:22:02
845
原创 JQuery中width的区别
先看例子四个的返回值分别是 100 , 100 , 102 , 102如果加上外边距以及内填充呢? 经过实际实验,总结得: width() 不包含任何出宽度意外的 innerWidth() 由width+padding 构成outerWidth() 由width+border+padding 构成,如果想算上外边距(margin)的话,只需要 如下写:...
2021-11-09 21:20:46
877
原创 JQuery方法
事件委托之概念 什么是事件委托: 将子元素的事件委托(绑定)给父元素 好处: 减少绑定的次数; 后期添加的元素都可以想用之前委托的事件 此处举例说明 如此写法,即便后续添加任意“li”节点,背景颜色都会发生变化,因为事件是绑定在了“li”节点的父元素“ul”上...
2021-11-09 21:10:20
725
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人