- 博客(11)
- 收藏
- 关注
RSS订阅原创 Wepack+react中JSX语法使用基础（三）
承接上两篇webpack基础用法 地址：https://blog.youkuaiyun.com/weixin_43259355/article/details/107157980 上一篇记录到简单react页面渲染： 接下来介绍如何在react项目 js文件中写入 html结构 （1）什么是JSX语法： 就是符合xml规范的js语法（语法格式相对来说，要比HTML严谨的多） （2）使用JSX语法： 安装babel插件 运行 cnpm install babel-core babel-loader babel-plu
2020-07-06 15:14:12
223
原创 Webpack使用React基础用法（二）
承接上一篇webpack用法（一） 现已有目录结构如下： 首先cnpm install react react-dom -D下载react （1）打开src/index.html文件 添加一个id=app 的空容器 （2）在src/index.js文件下引入react / react-dom 进行操作 如下 React.createElement() //创建虚拟dom元素 参数1：创建元素类型，字符串，表示元素名称 参数2：是一个对象 或 null 表示当前DOM元素属性 参数3： 子节点（包
2020-07-06 14:44:28
235
原创 记录前端面试题
HTML面试题 1.Dom事件流？ • 捕获 - Capture - 事件由最顶层逐级向下传播, 直至到达目标元素. • 冒泡 - Bubble - 顾名思义, 类似水中冒泡, 从下往上. 事件由第一个被触发的元素接收, 然后逐级向上传播. 捕获阶段 - The capture phase - 事件从最顶层元素 window 一直传递到目标元素的父元素. 目标阶段 - The target phase - 事件到达目标元素. 如果事件指定不冒泡. 那就会在这里中止. 冒泡阶段 - The bubble p
2020-06-29 16:35:04
295
原创 webpack基础使用步骤笔记（一）
1.首先创建一个项目文件夹例如：命名webpack-base 2. 打开编辑工具vs code (任意一款编辑器) F5打开命令行 npm init -y 初始化项目 生成 package.json文件 3.在webpack-base文件夹下新建src源代码文件和dist产品目录 4.在src目录下建立index.html文件/index.js文件 5.npm install -g cnpm --registry=https://registry.npm.taobao.org ）安装cnpm 6.使用
2020-05-20 15:02:50
388
原创 vue项目中使用sass自适应屏幕
1.用npm/cnpm/yarn安装sass的依赖包 npm install --save-dev sass-loader npm install --save-dev node-sass 2.在项目中放静态文件的地方新建一个sass文件夹 3.sass文件夹下新建base.scss文件，下面是base文件代码 $old: 75px; $c-33: #333; $c-999: #999; KaTeX parse error: Expected 'EOF', got '#' at position 8: c
2020-05-14 10:04:22
1333
原创 记微信小程序转百度小程序爬坑
应公司要求将现有微信小程序转百度小程序，记录一下遇到的坑 1.下载百度小程序开发工具https://smartprogram.baidu.com/docs/introduction/tool/ 2. 百度提供了搬家工具 将微信小程序转百度（建议不要一次性全转 可以先转一部分） 3. 微信判断/循环为wx:for=’’{{}}’’ wx:if -------百度为s-if=" " 百度没有花括号...
2019-06-21 18:14:01
988
原创 vue 底边Tab栏实现
在data中定义添加一个变量 data() { return { tabIndex: 0 } }, 设置底边栏样dom结构
2019-05-05 11:38:06
897
原创 vue中使用滚动判断 实现吸顶
1.监听元素到顶部的距离 并判断滚动的距离如果大于了元素到顶部的距离时，为元素添加 isFixed的class handleScroll () { var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop var offsetTop = document....
2019-04-10 17:19:31
1366
1
原创 js表单注册/登录处理
1.准备一个公共文件 jq代码 获取表单输入数据 2. html 表单结构添加name属性 name是后端接口设定字段 3. js 注册事件 这里使用的是submit默认方法 简单的登录数据获取就完成了 ...
2019-04-10 17:14:29
2172
原创 前后端并行开发json-server
前后端并行开发的痛点 前端需要等待后端开发完接口以后 再根据接口来完成前端的业务逻辑 解决方法 在本地模拟后端接口用来测试前端效果 这种做法称之为构建前端Mock json-server 获取一个模拟的功能齐全的api接口 不需要敲代码 小于30s即可搞定 json-server使用 全局安装json-server命令行工具 npm install -g json-server 准备一个json文...
2019-04-08 13:42:07
206
原创 小程序自定义组件dialog封装
dialog 组件使⽤步骤 第⼀步： 将components组件复制放在app.js同级 第⼆步： 在需要⻚⾯引⼊ js部分 data: { visible: false } onReady: function () { this.Modal = this.selectComponent("#modal"); }, onReady: function () { this.Modal = this...
2019-04-08 13:35:14
747
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人