- 博客(42)
- 收藏
- 关注
RSS订阅
原创 微信小程序
微信公众平台公众号订阅号小程序：1，原生开发，2，vue开发,，uniapp，wepy，mpvue3，react 方式taro微信开发者工具小程序ID：开发，开发设置基础wxml html 页面骨架wxss css 样式xx.js js 业务逻辑xx.json json配置文件（所有页面写在pages里）pages里数组的第一项就是首页事件：bin...
2020-11-11 10:30:32
737
2
原创 Git
安装：全局安装。git，svn：版本管理工具git：代码行，逐个处理，可以先上传到本地仓库，多分支易操作。作用：代码走查，测试联调。测试分支（白盒，黑盒）禅道：BugFree：开源的bug管理工具。服务器搭建形成。测试结果提交到上面。测试分支： （测试人员把bug出现的情况，解决方法指派给每个程序员。程序员修改完再上传）灰度周期：旧版本-新版本的更新的时间灰度测试周期：svn：有网，没...
2019-08-11 17:40:40
108
原创 vue+天地图
引入到public index.html<script src="http://api.tianditu.gov.cn/api?v=4.0&tk=********"type="text/javascript"></script>页面显示地图 <div id="mapDiv"></div> mounted() { this.loadmap(); }, methods: { loadmap() { var map =
2022-07-21 14:50:24
1075
原创 vue+element（项目中的使用）
Table1,带选择的table,选择时选择对应的id进行操作 let arr = []; //选择id存放的数组 for (let i = 0; i < val.length; i++) { arr.push(val[i].supervisonDocId); for (let j = 0; j < arr.legnth; j++) { if (arr[j] === val[i].supervisonDocId) {
2021-07-05 11:59:00
1829
原创 商品多规格下单处理数据
多商品规格下单，选择规格切换对应规格的价格和库存。在获取商品详情之后处理数据 let goodsSpecList = res.data.item_prop //商品规格 let goodsSpecPrice = res.data.item_spec //不同规格对应的价格 let priceKey = [] let specname = [] for (let i = 0; i < goodsSpecList.lengt
2021-04-15 16:19:00
412
原创 小程序图片上传（包含上传oss）
1，普通上传(单图包括多图)upload() { let url = 'https://calligraphy.lnkj6.com/api.php/User/uploadFile'; let name = 'file' let _this = this let i = 0 $.chooseImage(3 - this.data.imgUrlArr.length).then((filePath) => { console.log(filePath)
2021-04-14 15:44:40
392
原创 Flutter基础
List数组List<String> 指定字 符串类型int整数类型is关键词来判断类型%取余，~取整$a $b 连接a??=1 如果a=空 1赋值给a
2021-01-14 16:23:37
857
原创 Uni-app
onShow() {this.token = $.getCache(‘token’);this.getUserInfo();},没有事件 就在onShow 里 this,****()image src ？ ：渲染页面v-for="(item,index) in organ"v-for=“item in jigou2” :key=“item.id”:class="[‘borderColor’,navColor==index?‘color’:’’]"￥{{item.serve_p
2020-12-30 16:44:19
109
原创 JS连接打印机
1，vue +element 打印el-dialog 弹框内容在main.js引入print.js文件import Print from ‘./assets/print’ // 下载到本地地址Vue.use(Print)// 打印类属性、方法定义/* eslint-disable */const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options
2020-12-10 15:34:44
1068
原创 React基础
语法糖：将部分的代码简化前端最影响效率的就是dom操作。虚拟dom本质是内存中的一个对象，可以根据这个产生真实dom。jsx就是语法糖：必须有一个根元素，标签必须闭合，可以在js代码直接写标签。react中的事件绑定，类似于原生JS，以驼峰式命名。bind会将默认参数向后放。数组渲染在react，每一项会被拆分开。对象不能在react直接渲染。class是关键字用className...
2019-10-29 11:15:16
269
原创 Redux
安装：npm install reduxstore全局状态管理对象创建store对象，关联reducerreducer:本质是一个方法，两个参数（preState修改前的数据，action）state全局的值react：哪里修改action：方法...
2019-10-29 11:14:00
132
原创 React（基础）
React框架学习React的起源和发展起初facebook在建设instagram（图片分享）的时候嘞，因为牵扯到一个东东叫数据流，那为了处理数据流并且还要考虑好性能方面的问题嘞，Facebook开始对市场上的各种前端MVC框架去进行一个研究，然而并没有看上眼的，于是Facebook觉得，还是自己开发一个才是最棒的，那么他们决定抛开很多所谓的“最佳实践”，重新思考前端界面的构建方式，他们就自...
2019-10-22 19:28:35
303
原创 VUEX
安装：npm install --save vuexmain.js里配置vuexVue.use(vuex);state:数据源mutations:同步方法actions：异步方法（存ajax读取数据）getters：计算属性页面调用：1，写main里的数据源2，一，辅助函数（用的最多）主页面引用import {mapState}from ‘vuex’读取方法：1,在co...
2019-09-29 14:45:37
91
原创 VUE（脚手架）
测试：开发者环境（内网）正式：生成者环境先配置环境变量，生产环境要上传到服务器。（开发者环境也是）配置代理是必配的proxy下面的值是自己定义的：api，changeOrigin:true：支持跨域mockjs是模拟json数据的测试工具scoped*第三方，不在node modules里的都禁用移动端布局meta标签下面两个都写布局：remem...
2019-09-29 10:19:33
140
原创 VUE路由（router）
跳转页面安装指定版本3.0.3新建router.js文件。在main导入router.jsbase：process.env.BASE_URL获取目录路径 vue.config.js里的默认路径路由文件pages。/后面的文件名就是path路由跳转方式：子路由的切换：用replace路由嵌套children:[子路由]在主组件使用router-view路由的优化：...
2019-09-28 16:54:13
151
原创 VUE基础（生命周期）
template标签，我们都知道是用来写 html 模板的，且内部必须只有一个根元素，像这样（不然报错）全局组件：用的少局部组件：多唯一的根元素，filter过滤局部：格式化日期父子组件传值：父转子1，props:接受父组件传过来的值（数组方式接收）（不试用）2，子传父：子组件this.$emit派发父组件v-on接收 兄弟之间传值A组件派送发，B组件...
2019-09-24 22:35:22
145
原创 滚动条事件,当页面滚动到距顶部一定高度时某DIV自动隐藏和显示（案例）（返回顶部）
$(function () { //绑定滚动条事件 //绑定滚动条事件 $(window).bind("scroll", function () { var sTop = $(window).scrollTop(); var sTop = parseInt(sTop); if (sTop >= 400) { ...
2019-09-10 16:51:06
1457
原创 面向对象
对象：类；父类；子类；基类；超类。对象是类的具象化体现类是对象的抽象化表现所有的基类都是object。子类的父类是超类构造函数法var obj=new object();字面量式创建var obj={}根据对象创建对象var obj1=Object.create(obj);proto：原型链（继承连）：不可遍历，不可枚举。 引用关系对象中直接描述的属性（对象属性），在原型...
2019-08-29 14:52:52
383
原创 其他
箭头函数函数中只有一条语句时，就是返回当前语句执行的结果和return相同。当使用箭头函数时 如果只有一个参数,可以不写括号,但是如果没有参数或者有一个以上就必须写括号。如果使用数组中带有遍历性质的方法,里面函数中this都会指向window解构赋值将对象或者数组中的值解析出来分别赋值给不同的变量。数据解构赋值按照顺序赋值函数参数如果某个值不填写,设置初始默认值。对象解构赋值,...
2019-08-27 20:28:27
202
原创 百度搜索框
JSONP：节流：规定在一个单位时间内，只能触发一次函数。如果这个单位时间内触发多次函数，只有一次生效。防抖：在事件被触发的n秒后执行回调，如果在这n秒内又被触发，则重新计时。 <html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> ...
2019-08-24 22:18:37
780
原创 AJAX案例（获取JSON方式）
通过ajaxt提交给服务器，存储在数组里，服务器返回到下面的div里。method:postdata:jsonurl:10.9.25.232port:40101\提交添加内容 req:{ type:0x01, （数值） msg:"...", （内容） select:0x00|0x01|0x02(0x00电影,0x01音...
2019-08-23 23:08:47
120
原创 Insist(HTML+CSS)
前端基础面试题(HTML + CSS)1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素?行内元素：和有他元素都在一行上，高度、行高及外边距和内边距都不可改变，文字图片的宽度不可改变，只能容纳文本或者其他行内元素；其中img是行元素块级元素：总是在新行上开始，高度、行高及外边距和内边距都可控制，可以容纳内敛元素和其他元素；行元素转换为块级元素方式：display：block；...
2019-08-22 22:11:05
787
原创 Insist
JavaScript面试题集锦1.js基础1.eval是做什么的？它的功能是把对应的字符串解析成JS代码并运行；应该避免使用eval，不安全，非常耗性能（2次，一次解析成js语句，一次执行）。由JSON字符串转换为JSON对象的时候可以用eval，var obj =eval(’(’+ str +’)’);2.什么是window对象? 什么是document对象?window对象是指浏...
2019-08-22 22:07:59
559
原创 Promise，async，事件loop
window.οnlοad=function(）{}页面中所有的元素加载完成后所执行的函数（所有DOM加载完成，CSS样式应用，图片加载完成后）逐条执行（head—link，（css）同步------- script标签（同步）-----执行script-------》body------》img(video,audio）异步完成--------》完成所有DOM加载---------》li...
2019-08-21 22:28:15
161
原创 轮播图-案例
简易轮播图： var imgArr = ["../img/a.jpeg", "../img/b.jpeg", "../img/c.jpeg", "../img/d.jpeg", "../img/e.jpeg"]; var iconArr = ["../img/icon_a.jpeg", "../img/icon_b.jpeg", "../img/icon_c.jpeg", "...
2019-08-21 14:07:14
136
原创 Cookie,XSS,webStorage
Cookie:本地存储。临时存储在本地，浏览器关闭后清空，cookie的过期时间只能使用格林尼治时间字符串 表示。md5加密方式，用于密码的加密，不可逆。（md5是JS文件）Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证，服务端认证成功，那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位。Token 完全由应用管理...
2019-08-21 14:03:54
128
原创 Gulp
Gulp：打包压缩处理自动化工具，搭建web服务器，文件保存时自动加载浏览器，使用预处理器如Sass，LESS，优化资源。基于node安装：installnpm i gulp -g ：全局安装npm uninstall gulp -g ：删除全局安装npm i gulp@3 -g：3.0版本npm init -y ：初始化package.jsonnpm i gulp@3...
2019-08-10 22:00:36
320
原创 模块化开发
1，独立，功能块区分开CommonJS规范应用于node.js（只用ES5的方式，不能用class）require加载本地文件，（同步：应用于服务端，不能用于浏览器）moudle.exports=对象/函数/类var obj=requite(“文件地址和文件名，不带后缀”)AMD：异步模块定义。针对前端开发模仿node中CommonJS完成的模块化加载。define:定义（必须有返回对象...
2019-08-09 20:51:42
181
原创 案例（继承）
原型拖拽 (function(){ // var offPoint = {} // var elem; // Object.defineProperty(HTMLElement.prototype, "drag", { // set: ...
2019-08-06 22:44:08
88
原创 对象深复制
class Box{ constructor(){ this.a=10; } play(){ } } var div=document.createElement("div"); var obj={a:1,b:2}; Object.definePr...
2019-08-03 16:29:12
81
原创 JQuery(2)
HTML，text，valuetext：会将所有元素的内容连接成一个字符串。 $("div").text("a"); $("div:lt(3)").text("a"); var arr=["北京","上海","天津","武汉","广州"] $("div").text(function(index,item){ retu...
2019-07-31 21:11:33
124
原创 JQuery(1)
npm i jquery@jQuery=$,开发速度远高于JSeq[0]：获取JS对象列表中第几个JQuetry对象appendTo：将DOM元素转换为DOM元素(Array.from($(“div”))) 将JQ转换为DOM数组属性选择器：过滤器：evenodd...
2019-07-29 22:15:34
73
原创 AJAX
为什么刷新 ajax更好的进行数据搜索优点：可以做到不刷新页面 不跳转页面核心XMLHttpRequest缺点：前端的Ip地址端口与后端相同（同源：同地址同端口）受同源策略的限制，不能发送跨域请求。get：（发送将需要发送的数据，写在url地址后面，随地址访问直接发送。）post （需要发送数据写在send中。二进制数据流发送）（会出现丢包）put，deleteurl：请求...
2019-07-27 16:54:17
84
原创 评价案例
五星好评\每个星星对应一个笑脸* 2\如果没有选中的情况下,鼠标离开就会全部清空* 3\如果选中的情况下,鼠标离开时会只让选中这个之前的被点亮* 4\如果选中的情况下,鼠标经过的大于这个时,可以点亮,离开消失* 鼠标经过小于这个时,不取消点亮**let div,face;let stars=[];init();function init()...
2019-07-19 22:41:01
230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人