- 博客(29)
- 收藏
- 关注
原创 Javascript学习(三)
JavaScript 比较运算符 、逻辑运算符和条件运算符1、比较运算符比较运算符在逻辑语句中使用,以测定变量或值是否相等比较运算符描述==等于===绝对等于 (值和类型均相等)!=不等于!==不绝对等于(值和类型有一个不相等,或两个都不相等)>大于<小于>=大于或等于<=小于或等于2...
2020-04-13 08:14:13 166
原创 Javascript学习(二)
Javascript函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块<!DOCTYPE html><html><head><meta charset="utf-8"><title>测试</title><script>function myFunction(){ alert("...
2020-04-13 08:13:52 127
原创 JavaScript学习(一)
JavaScript简介:JavaScript 是 Web 的编程语言、是脚本语言、 是一种轻量级的编程语言。JavaScript用法内部方法HTML中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中<script>标签使用方法:&l...
2020-04-08 20:54:47 168
原创 uni-app表单组件二
input(输入框)属性名类型说明平台差异valueString输入框的初始内容typeStringinput 的类型passwordBoolean(默认false)是否是密码类型placeholderString输入框为空时占位符placeholder-styleString指定 placeholder 的样式...
2020-03-30 19:47:07 949
原创 uni-app表单组件一
button(按钮)常用属性介绍:size属性(按钮的大小):值说明default默认大小mini小尺寸显示效果:type(按钮的样式类型)值说明default(默认)白色warn红色(type属性为warn 一般用于需要慎重点击的按钮)primary微信小程序为绿色,App、H5、百度小程序、支付宝小程序为蓝色...
2020-03-30 19:46:57 6525
原创 跨域问题
1、什么是跨域跨域是指我们访问一个网站,如:http://127.0.0.1:8000这个url,从这个页面中又去访问http://127.0.0.1:9000这个url,这个时候就引发了跨域,当域名、端口、二级域名不同都会引发跨域。此时9000端口的服务端可以接收到请求,也会给浏览器响应数据,但是到达浏览器后就被拦截了,因为浏览器的同源策略。跨域有三个条件,满足任何一个条件就是跨域1:服务...
2020-03-27 13:30:07 365
原创 uni-app写项目需注意的问题及Vuex简单学习
uni-app写项目需注意的问题1、需要跟设计图上的效果大体一致(不能有太大的偏差)2、最好不要引入太多第三方插件(要是引用第三方插件,下载的跟我们需求样式不一样的时候需要自己覆盖原来的样式,还有时候需要改动源码的样式;另一个就是,有些插件写的不完善,会在特定时间出bug)3、使用uni-app写代码一定记得改单位(rpx/upx)4、uniapp自带的图片用不到的需要及时删掉,不然目录会...
2020-03-26 17:20:21 311
原创 uni-app自定义组件
uni-app自定义组件1、在项目中新建一个 component文件夹, 用来存放公用组件, 然后有新建组件如下图:2、在新建组件中需要在template标签中定义name属性,建议和文件名一样。并在默认导入函数中添加name属性基本代码如下:<template name="postBox"> <view> 我是自定义组件 </view>...
2020-03-24 16:24:46 504
原创 stylus的使用
介绍stylus,是 CSS 的预处理框架。stylus 给 CSS 添加了可编程的特性,也就是说,在 stylus 中可以使用变量、函数、判断、循环一系列 CSS 没有的东西来编写样式文件,执行这一套操作之后,这个文件可编译成 CSS 文件安装安装 stylus(确保之前已经安装 nodejs )使用命令行工具$ npm install stylus在HBuilder中使用sty...
2020-03-20 16:09:13 403
原创 uni.request网络请求
uni.request(object)发起网络请求。OBJECT 参数说明:(详细说明)参数名类型默认值说明url(必填)String开发者服务器接口地址dataObject/String/ArrayBuffer请求的参数(传值)headerObject设置请求的 headermethodString访问接口的方式suc...
2020-03-16 10:08:10 855
原创 uni-app组件的使用及父子组件传值
uni-app搭建了组件的插件市场,可大幅提升开发者的效率。https://ext.dcloud.net.cn/组件的使用在项目的/component目录下存放组件,在要显示组件的页面中则分为3步:导入、注册和使用。<template> <view class="content"> <test></test>//三、使用组件(也可以写为&l...
2020-03-13 18:21:23 3489
原创 uni-app事件处理
一、监听事件可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascr...
2020-03-13 12:15:08 1136
原创 条件渲染、列表渲染
条件渲染1)v-ifv-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 true值的时候被渲染。<h1 v-if="type">Vue</h1>Vue是否显示取决于type的取值为true则显示为false则不显示也可以用 v-else :<h1 v-if="type">Vue</h1><h1 v-else&...
2020-03-12 22:16:23 91
原创 vue模板语法、计算属性、侦听属性
一、模板语法1、插值1)、文本数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值:<span>{{ msg }}</span>//在data中声明属性及值绑定的数据对象上 msg 属性发生了改变,插值处的内容都会更新。通过使用 v-once 指令,也能执行一次性地插值,当数据改变时,插值处的内容不会更新。<span v-on...
2020-03-12 14:03:12 112
原创 uni-app基础学习
一、 uni-app尺寸单位uni-app 支持的通用 css 单位包括 px、rpxpx 即屏幕像素rpx 即响应式px,一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准,750rpx恰好为屏幕宽度。屏幕变宽,rpx 实际显示效果会等比放大。页面元素宽度在 uni-app 中的宽度计算公式:750 * 元素在设计稿中的宽度 / 设计稿基准宽度二、样式导入使用@impor...
2020-03-12 12:14:04 216
原创 uni-app双级联动
双级联动:<template> <view> <!-- <view class="box1"></view> <view class="box2"></view> --> <view class="ld"> <view class="left"> <vie...
2020-03-11 21:53:26 1801
原创 uni-app组件
一、什么是组件:组件是视图层的基本组成单元。一个组件包括开始标签和结束标签,标签上可以写属性,并对属性赋值。内容则写在两个标签之内。注意:1、所有组件与属性名都是小写,单词之间以连字符-连接。2、根节点为<template>,这个<template> 下只能且必须有一个根<view>组件。这是vue单文件组件规范。二、组件/标签的变化div 改成 ...
2020-03-10 21:41:47 286
转载 uni-app flex布局
转发自http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html一、Flex是什么Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ displ...
2020-03-10 08:45:29 623
原创 uni-app路由跳转
路由跳转一、uni.navigateTo(OBJECT)保留当前页面(跳转新的页面),跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面(非tabBar注册页面使用该方法)methods: { toPath(){ //跳转非pages.json>tabbar>配置过的页面,使用navigateTo //跳转时保留老页面,一般用于需要返回 u...
2020-03-09 14:26:15 10397
原创 uniapp中pages.json相关介绍、数据绑定及生命周期
uniapp中分页的设置:在pages.json中添加分页tabBar “ 点击复制所需代码(查看相关用法)”以下代码中的navigationBarTitleText表示为:若首页未设置title则默认显示为uni-app"globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "uni...
2020-03-06 16:23:04 3159
原创 Uni-app创建项目
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。使用HbuilderX创建项目1、新建项目创建完成后会在HbuilderX左侧显示:这样表示创建项目完成;2、运行1)浏览器运行:进入项目,点击工具栏的运行 -> 运行到浏览器 ->...
2020-03-04 21:12:23 394
原创 chrome 浏览器调试工具的使用
打开Chrome的开发者工具可以直接在页面上点击右键,然后选择审查元素:**快捷方式:**Ctrl+Shift+I,或者直接按F12。打开以后:标签分析:Elements:这个就是查看、编辑页面上的元素,包括HTML和CSSElements标签页的右侧可以对元素的CSS进行查看与编辑修改:可以查看元素占的空间情况(宽、高、Padding、Margin)除element以外标...
2020-02-26 15:43:57 132
原创 Github上传项目
地址: https://github.com/登陆后点击右上角创建项目提交项目代码cd zhihuribao // 在本地命令行中切换到自己的项目中git init // 初始化仓库(想当于新建本地仓库)git add . // 把所有文件提交到暂存区git commit -m ‘init’ // 提交到本地仓库git remote add...
2020-02-21 14:02:04 47
原创 Less入门
Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言。在 Node.js 环境中使用 Less :混合(Mixin)混合是一种将一组属性从一个规则集包含(或混入)到另一个规则集的方法嵌套(nesting)嵌套代替层叠或与层叠结合使用的能力以上两图实现效果相同(Less更加简洁)@规则嵌套和冒泡@ 规则(例如 @media 或 @s...
2020-02-20 09:28:10 91
原创 Sass基础学习
1.使用$符号来标识变量2.sass的变量名可以与css中的属性名和选择器名称相同,包括中划线和下划线(下划线与中划线可以互通)3.父选择器的标识符:&;一个简单的&符号,且可以放在任何一个选择器可出现的地方, 当包含父选择器标识符的嵌套规则被打开时,它不会像后代选择器那样进行拼接,而是&被父选择器直接替换, 在为父级选择器添加:hover等伪类时,这种方式非常有用。...
2020-02-18 17:39:42 100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人