- 博客(23)
- 收藏
- 关注
原创 移动端H5 audio在ios中不能自动播放
最近的一个项目需要给页面加背景音乐,安卓中audio的autoplay属性可以自动播放,但是ios播放失败,在网上看了解决办法,记录一下,O(∩_∩)O~~。但是这个方法只有在微信中打开有效,浏览器中无效第一步、引入jweixin-1.0.0.js<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></s...
2020-01-10 14:54:29
1069
原创 小程序解析富文本
一、将解析富文本需要的文件夹放入程序目录二、wxml中引入<import src="../../wxParse/wxParse.wxml" />//要显示富文本处//1>多条数据循环<block wx:for="{{replyTemArray}}" wx:key=""> <template is="wxParse" data="{{wxParse...
2019-12-26 13:30:11
138
原创 小程序自定义checkbox样式
//wxml<checkbox class="checkbox checkbox1" value="{{item.id}}" checked="{{item.isCheck}}"></checkbox>//wxss.checkbox .wx-checkbox-input { border-radius: 50%; /* 圆角 */ width: 30rpx;...
2019-12-18 14:08:16
359
1
原创 微信小程序--map路线规划
小程序map组件 实现地图显示<view class="wrapper"> <map id="myMap" longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" polyline="{{polyline}}" enable-traffic></map> <...
2019-09-07 17:29:35
729
原创 微信小程序---获取用位置信息
申请秘钥给申请的秘钥(key)开通 WebServiceAPI下载微信小程序JavaScriptSDK将下载的js文件放到项目目录中后台配置request合法域名,添加 https://apis.map.qq.com接下来就是代码啦// 引入SDK核心类var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');Pag...
2019-09-05 13:41:38
307
转载 js歌词滚动
CSS部分div { width: 340px; height: 500px; margin: 0 auto; overflow: hidden;}ul { transition-duration: 600ms;}ul,li { list-style: none; padding: 0; margin: 0;}li.on {...
2019-09-02 09:40:21
437
原创 elementui 上传excel文件
html部分http-request:覆盖默认的上传行为,可以实现自定义上传on-exceed:文件超出个数限制时的钩子<el-upload class='image-uploader' :multiple='false' :auto-upload='true' list-type='text' :show-file-list='true' :before-upload="bef...
2019-08-22 10:25:07
7405
原创 CKEDITOR学习
将下载的ckeditor包放到自己的项目中在页面中引入ckeditor.js文件<script src="./ckeditor/ckeditor.js"></script>根据自己的需求修改配置创建 CKEditor 编辑器,如果已经存在,则先销毁var editor = CKEDITOR.instances['editor1'];if (edit...
2019-08-17 14:02:23
215
原创 浏览器兼容
一、浏览器内核五大主流浏览器:IE浏览器、Opera浏览器、Safari浏览器、Firefox浏览器、Chrome浏览器四大内核:Trident内核(也称IE内核)、Webkit、Chrome、BlinkIE浏览器内核:Trident内核,俗称IE内核Chrome浏览器内核:统称Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核Firefox浏览器内核...
2019-08-09 16:05:30
7835
转载 vue-cli引入Jquery
一、命令行安装cnpm install jquery --save-dev二、配置webpack有providePlugin插件,可以自动引入模块。所以需要在项目工程的webpack.base.config.js中添加以下配置:const webpack = require('webpack')plugins: [ new webpack.ProvidePlugin({ //引入...
2019-07-17 16:45:34
133
翻译 Webpack学习笔记四---loader
一、loaderloader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。loader 可以将文件从不同的语言(如 TypeScript)转换为 JavaScript,或将内联图像转换为 data URL。loader 甚至允许你直接在 JavaScript 模块中 import CSS文件!使用 loader 告诉 webpack 加载...
2019-07-12 11:19:51
128
原创 Webpack学习笔记三(生成项目中的html页面)
使用 HtmlWebpackPlugin 插件生成项目中的页面文件,通过插件的参数,配置来控制页面引入的资源,参数安装html-webpack-plugin插件cnpm install html-webpack-plugin --save-dev在webpack配置文件中引入插件//CommonJs方式var htmlWebpackPlugin = require('html-...
2019-07-11 16:49:17
140
原创 Webpack学习笔记二
项目中使用webpack1.创建项目目录|-dist ---------------------------存放打包生成的文件|-src --------------------------- 存放代码源文件|-index.html ------------------ 初始化页面文件|-webpack.config.js -------- webpack配置文件2.配置...
2019-07-10 14:56:01
114
原创 Webpack学习笔记一
一、在命令行中安装Webpack//进入自己项目目录cd 目录//初始化npm init//安装webpacknpm install webpack --save-dev二、安装css和style依赖npm install css-loader style-loader --save-dev三、简单的打包wenjianwebpack 文件名 打包后文件名//如webpa...
2019-07-10 14:26:26
119
原创 Vue-cli 组件间传值
父组件向子组件传值a. 在父组件的 Three 标签里使用v-bind绑定 fromfather(自己定义的),并赋值b. 在子组件使用 props属性接收子组件向父组件传值a.在父组件的 One 组件上绑定事件b. 通过子组件触发父组件的事件,把子组件的数据传到父组件同级组件间传值a.新建一个js文件(建立一个新的Vue实例,以后它就承担起了组件之间通信的桥梁了,也就...
2019-07-08 14:10:40
847
原创 Javascript错题总结一
1.Javascript中call和apply的描述,错误的是()A. call与apply都属于Function.prototype的一个方法,所以每个function实例都有call、apply属性B. 两者传递的参数不同,call函数第一个参数都是要传入给当前对象的对象,apply不是C. apply传入的是一个参数数组,也就是将多个参数数组合成一个数组传入D. call传入的则是直...
2019-07-08 09:34:45
246
原创 Vue-cli 引入Swiper
Swiper是纯javascript打造的开源、免费、稳定的滑动特效插件,面向手机、平板电脑等移动终端。能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。使用简单、功能强大,是架构移动终端网站的重要选择!1. 下载swiper相关文件(js文件放在static文件及下,css文件放在assets文件夹下)地址:https://www.swiper.com.cn/download/ind...
2019-07-06 10:04:08
1239
翻译 Vue-cli搭建项目
基础:node环境、npm全局安装cnpm(npm安装慢、可能因为网络问题而出错)npm install cnpm -g --registry=https://registry.npm.taobao.org1. 全局安装vue-clicnpm install -g vue-cli2. vue-cli安装成功后,cd进入自己想要搭建项目的文件夹 初始化项目vue init webpa...
2019-07-04 09:54:20
95
原创 Angular-cli安装
Angular-cli安装的前提是node环境1.全局安装Angular-cli2.检测Angular-cli是否安装成功成功显示:3.创建自己的项目ng new 项目名4.进入项目文件运行项目...
2019-07-02 17:18:08
94
原创 Angular学习笔记二
AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面一、AngularJS 服务(Service)Angular 中,服务是一个函数或对象1. $location 服务 : 返回当前页面的URL地址app = angular.module('myapp',[]);app.controller('myCtl',func...
2019-07-01 15:18:23
105
原创 Angular学习笔记一
angular下载地址:https://github.com/angular/angular.js/releasesng-app: 定义了一个AngularJS应用程序ng-model: 把元素值绑定到应用程序ng-bind: 把应用程序数据绑定到HTML视图上html部分:<body ng-app="myapp" ng-controller="myCtl" > &l...
2019-06-29 15:12:16
127
原创 ES6学习---解构赋值
解构赋值是对赋值运算符的扩展,是一种针对数组或对象进行模式匹配,对其中变量进行赋值。解构源: 解构赋值表达式的右边部分解构的目标 : 解构赋值表达式的左边部分*注意: 左右两边,结构格式要保持一致数组let arr = [1,2,3];let [a,b,c] = arr;console.log(a,b,c); //1 2 3[a,b,c] = [1,[2,3]];// 1 [2...
2019-06-27 14:22:34
89
原创 正则表达式简单记录
普通匹配符:能够匹配与之对应的字符*正则默认区分大小写 match(/表达式/):匹配成功返回数组,否则返回null i、g、m称为正则标记符(参数) : i : 不区分大小写 &...
2019-06-27 11:23:04
157
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人