赤妖碟-CSDN博客

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 2171 1

原创微信小程序创建简单的自定义组件--基础篇

微信小程序开发组件基础篇先创建一个用来存放组件的文件夹如图所示：在我们刚刚创建的组件里面随便写一个简单的组件作演示3. 在这里多提一嘴，weapp使用右键点击这个，选择在资源管理器中显示，然后再黑框里输入 npm i @vant/weapp -S --production，等待安装完成即可4. 然后回到我们刚才的组件文件夹<view class="item item-class" bind:ta

2022-01-13 23:55:45 709

原创如何在react脚手架中引入百度地图

简单的在react脚手架插入百度地图

2022-01-12 19:29:53 493

原创 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 173

原创 React基础篇

react入门

2021-12-29 19:37:36 347 1

原创 js原生打砖块

打砖块

2021-12-28 21:54:26 423

原创小试webpack

开发准备在进入webpack世界之前，先用原声方法写一个web应用一个js文件，写一段函数：function helloworld() { console.log("赤妖蝶");} 再写一个js文件，调用这个函数： helloworld（）最后创建一个html页面去引用这两个js文件：注意js文件的引用顺序先helloworld...

2021-12-28 21:50:24 203

原创 webpack

WebPack五个核心概念： 1.Entry入口 WebPack以哪个文件为入口起点考试打包，分析构建内部依赖图 2.Output 输出指示Webpack打包后的资源bundles输出到哪里去，以及如何命名 3.Loader 加载让webpack能够去处理那些非javascript文件（自身只理解javascript） ...

2021-12-28 16:50:35 243

原创 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 150

原创利用递归实现深拷贝

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 172

原创 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 458

原创利用Vue写一个简易的ToDo-list

简易todolist

2021-11-23 21:40:14 266 1

原创图片懒加载

// 图片懒加载 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 172

原创 JQuery--ajax的各种请求方式

JQuery对Ajax做了大量的封装，使用起来很方便，不需要去考虑浏览器兼容性。对于封装的方式，采用了三层封装：最底层的封装方法为：$.ajax()，第二层有三种方法：.load()、$.get()和$.post()最高层是$.getScript()和$.getJSON()方法。接下来看每种方法的用法以及不同： <script src="js/jquery.min.js"></script><body> <...

2021-11-16 21:43:19 553

原创 JQuery的ajax方法

首先，要了解什么是ajax。通俗来说，就是前段用来请求后端数据的方式。那么。源生js和jq的方法的不同，通过以下来演示。先来看普通ajax请求方式：分为四步，且返回数据类型不可控。接下来看jq带来的ajax请求方法：第一步：引入jq 以及编写html及css样式、第二步：写点击按钮请求ajax 【注意】：dataType: "jsonp"...

2021-11-15 21:22:02 859

原创 JQuery中width的区别

先看例子四个的返回值分别是 100 ， 100 ， 102 ， 102如果加上外边距以及内填充呢？经过实际实验，总结得： width（）不包含任何出宽度意外的 innerWidth() 由width+padding 构成outerWidth() 由width+border+padding 构成，如果想算上外边距（margin）的话，只需要如下写：...

2021-11-09 21:20:46 888