- 博客(11)
- 收藏
- 关注
RSS订阅原创 Wepack+react中JSX语法使用基础（三）
承接上两篇webpack基础用法 地址：https://blog.csdn.net/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
211
原创 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
216
原创 记录前端面试题
HTML面试题1.Dom事件流？• 捕获 - Capture - 事件由最顶层逐级向下传播, 直至到达目标元素.• 冒泡 - Bubble - 顾名思义, 类似水中冒泡, 从下往上. 事件由第一个被触发的元素接收, 然后逐级向上传播.捕获阶段 - The capture phase - 事件从最顶层元素 window 一直传递到目标元素的父元素.目标阶段 - The target phase - 事件到达目标元素. 如果事件指定不冒泡. 那就会在这里中止.冒泡阶段 - The bubble p
2020-06-29 16:35:04
282
原创 webpack基础使用步骤笔记（一）
1.首先创建一个项目文件夹例如：命名webpack-base2. 打开编辑工具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 ）安装cnpm6.使用
2020-05-20 15:02:50
376
原创 vue项目中使用sass自适应屏幕
1.用npm/cnpm/yarn安装sass的依赖包npm install --save-dev sass-loadernpm install --save-dev node-sass2.在项目中放静态文件的地方新建一个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
1324
原创 记微信小程序转百度小程序爬坑
应公司要求将现有微信小程序转百度小程序，记录一下遇到的坑1.下载百度小程序开发工具https://smartprogram.baidu.com/docs/introduction/tool/2. 百度提供了搬家工具 将微信小程序转百度（建议不要一次性全转 可以先转一部分）3. 微信判断/循环为wx:for=’’{{}}’’ wx:if -------百度为s-if=" " 百度没有花括号...
2019-06-21 18:14:01
971
原创 vue中使用滚动判断 实现吸顶
1.监听元素到顶部的距离 并判断滚动的距离如果大于了元素到顶部的距离时，为元素添加 isFixed的classhandleScroll () {var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTopvar offsetTop = document....
2019-04-10 17:19:31
1351
1
原创 js表单注册/登录处理
1.准备一个公共文件 jq代码 获取表单输入数据2. html 表单结构添加name属性 name是后端接口设定字段3. js 注册事件 这里使用的是submit默认方法简单的登录数据获取就完成了...
2019-04-10 17:14:29
2155
原创 前后端并行开发json-server
前后端并行开发的痛点前端需要等待后端开发完接口以后 再根据接口来完成前端的业务逻辑解决方法在本地模拟后端接口用来测试前端效果 这种做法称之为构建前端Mockjson-server获取一个模拟的功能齐全的api接口 不需要敲代码 小于30s即可搞定json-server使用全局安装json-server命令行工具npm install -g json-server准备一个json文...
2019-04-08 13:42:07
191
原创 小程序自定义组件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
728
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人