QiuShuiFuPing的博客

原创 工作记录：

今天加班了，但又学到了很多，熬夜记录1.数据一般都放在models中，但dvajs存储的数据属于一刷新就没有了，所以需要将获取基础展现的信息放在localstorage中2.如何在render中去promise数据，我用了生成器，不知是否有更好的方法ta=function*gI(){yieldTaro.getStorage({key:"ti"}).then(res=>this.getTabIndex=res.data).catch();};r...

原创 Taro:git与vscode

第二个：推到github上 然后在github可以看到传上去的仓库文件绿色是新增，红色表示删除在vscode查看提交，+表示提交二：克隆远程仓库当vacode中没有导入的文件和文件夹时 Orign表示远程+将文件变成待提交文件、U显示绿色，表示未追踪 然后再点击+，追踪删除了文件，也是要提交的，点击的刷新，会显示带D的文件，表示被删除了，点击+，把他提交， ，按回车，会发现之前的ch...

转载 git使用步骤

git步骤：1.git add 某个文件名git add . ：他会监控工作区的状态树，使用它会把工作时的所有变化提交到暂存区，包括文件内容修改(modified)以及新文件(new)，但不包括被删除的文件。2.git commit "文件描述"3.当commit的源文件再次修改过时，需要再写一次git commit -am 文件名4.与远程建立了联系git remote add or...

转载 weex环境配置

原创 vue知识点总结1

知识点整理Vue和React的区别何为数据双向绑定：View层和Model层的数据相互影响。相同点：React与Vue都是能快速构建前端项目的前端框架； React与Vue都推荐使用组件化---模块化，只有骨架，可以引用第三方组件扩展功能，方便团队的开发维护（路由、状态管理等是通过引入第三方组件实现的） 都采用Virtual DOM，重新渲染的过程中，减少性能的消耗。。不同点：...

转载 css综合笔记1

1.实现三角形：<style>#box{width:0;height:0;border:10pxsolidtransparent;border-top-color:black;}#box1{width:10px;h...

转载 JS字符串常用方法总结

JS字符串常用方法总结str.toLowerCase()str.toUpperCase()str.charAt(index),str.charCodeAt(index)str.indexOf('子字符串')str.lasIndexOf('子字符串')str.slice(索引)str.substring(): 提取字符串中介于两个指定下标之间的字符（负数无效）。s...

原创 js编程题练习

笔试编程题，要先手写代码思路，然后用语言加代码实现 <styletype="text/css">#list{background:red;width:100px;height:100px;padding:0;}li{list-style:none}#list.red{background...

转载 vue前端汇总（转）

https://segmentfault.com/a/1190000018225708毕业之后就在一直合肥小公司工作，没有老司机、没有技术氛围，在技术的道路上我只能独自摸索。老板也只会画饼充饥，前途一片迷茫看不到任何希望。于是乎，我果断辞职，在新年开工之际来到杭州，这里的互联网公司应该是合肥的几十倍吧。。。。刚来3天，面试了几家公司，有些规模比较小，有些是创业公司，也有些已经发展...

原创 vue1

1.dispatch与commit的区别：含有异步操作，例如向后台提交数据，写法： this.$store.dispatch('action方法名',值)，commit：同步操作，写法：this.$store.commit('mutations方法名',值)2.vue is属性用来解决某些标签限制子标签时，用is属性引用组件标签3.路由懒加载，匹配的路由页面的所有组件都会被渲染，我们想...

原创 vue官网知识点

项目中遇到的问题：1.在tbody中使用了组件，但是组件标签会跑到外面，使用is2.在vue中直接使用下标修改组件，页面不会刷新，用全新赋值或者vue包装的方法3.场景：如果页面数据交互复杂才需要react/vue这种框架，一般的网站没什么交互的直接用JQuery即可。vue/react这种一般是做WEB APP用4.在生命周期不要经常使用箭头函数5.动态参数表达式有一些语法约...

原创 Vue官网知识点整理

1.每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。Vuex ...

原创 前端面试整理一

前端基础2.1）对称加密也有缺陷，如何克服？对称加密虽然简单性能也好，但是首次把密钥发送给对方时，很容易被拦截。这里介绍非对称加密：解决方案：结合两种加密方式，将对称加密的密钥，使用非对称加密的公钥进行加密，然后接收方只能用私钥解，最后双方可以使用对称加密来进行沟通。但是还有缺陷，如果存在一个中间人把通信的公钥换成他自己的公钥，这样就可完全拿到通信的数据。这样需要一个安全的第三...

js常用方法

// 如果当前请求路由与当前菜单的某个子菜单的 key 匹配, 将菜单的 key 保存为 openKey if(item.children.find(cItem => path.indexOf(cItem.key)===0)) { this.openKey = item.key } 1.indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。语法：s...

转载 React 项目-后台管理系统

React 项目-后台管理系统 尚硅谷前端研究院 第 1 章: 准备 1.1. 项目描述 1) 此项目为一个前后台分离的后台管理的 SPA, 包括前端 PC 应用和后端应用 2) 包括用户管理 / 商品分类管理 / 商品管理 / 权限管理等功能模块 3) 前端: 使用 React 全家桶 + Antd + Axios + ES6 + Webpack 等技术 4) 后端:...

翻译 less和sass区别

变量很容易理解:@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color: @light-blue; }输出:#header { color: #6c94be; }甚至可以用变量名定义为变量:@fnord: "I am fnord.";@var: 'fnord';cont...

转载 react 项目代码

H5 前端课程系列 ——————————————————————————— 1 更多 Java –大数据 –前端 –python 人工智能资料下载，可访问百度：尚硅谷官网 React 全栈项目: 硅谷直聘 第 1 章: 准备 1.1. 项目描述 1) 此项目为一个前后台分离的招聘的 SPA, 包括前端应用和后端应用 2) 包括用户注册/登陆, 大神/老板列表, 实时...

转载 VSCode+Win10

cnpminstalljquery--save或使用cdn<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script><script>console.log(jQuery);</script>若提示not permitted时，用管理...

原创 js 24

https://v3.bootcss.com/broser要安装github

原创 jquery

要安装note.js才能使用npm命令，安装jquery内容分发网络：可以不下载安装，直接使用网络提供的1.html是从上到下执行的，js获取不到#box12.群组选择器；3.找到后代和子孙4.4.5.6.css中的nth-child是从1开始的，而js是从0开始 的7.8....

原创 易错整理

1.document.querySelector（）与document.querySelectorAll的区别：当标签只有一个时，必须使用document.querySelector（）而不是document.querySelectorAll，不然会报错2.document.onmousemove=null;清空事件3.var box1=document.querySelector(".b...

转载 变量的解构赋值

http://es6.ruanyifeng.com/#docs/function#箭头函数变量的解构赋值数组的解构赋值 对象的解构赋值 字符串的解构赋值 数值和布尔值的解构赋值 函数参数的解构赋值 圆括号问题 用途数组的解构赋值基本用法ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。以前，为变量赋值，只能...

原创 js day10 cookie

通信协议通信协议是指双方实体完成通信或服务所必须遵循的规则和约定。在计算机通信中，通信协议用于实现计算机与网络连接之间的标准，网络如果没有统一的通信    协议，电脑之间的信息传递就无法识别。 通信协议是指通信各方事前约定的通信规则，可以简    单地理解为各计算机之间进行相互会话所使用的共同语言。两台计算机在进行通信时，必须使    用的通信协议。TCP/IPTransmission...

原创 js day9 事件2

1。html事件：&lt;script&gt;        function show() {            alert('hello');        }    &lt;/script&gt;&lt;/head&gt;&lt;body&gt;        &lt;button id="btn" onclick="show()"&gt;按钮&lt;

原创 js day12 ES6

let和const命令：      ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。只要块级作用域内存在let命令，它所声明的变量就“绑定”这个区域，不再受外部的影响。不存在变量提升let不允许在相同作用域内，重复声明同一个变量。ES6允许块级作用域的任意嵌套，外层无法读取内层作用域的变量，反之可以const声...

原创 js day11 正则

l正则的概念n正则表达式(regular expression)是一个描述字符规则的对象。我们可以通过RegExp 类（构造函数）创建正则表达式，同时String 和 RegExp 都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的方法。n前端正则表达式主要用来验证客户端的输入数据，因为客户端验证，可以提供用户体验和节约大量的服务器端的系统资源。l创建正则的两种方式n使用R...

原创 html5第17集

对一个元素设置margin:auto;只会使它水平居中；可以使用如下代码使元素相对于父元素水平垂直居中（必须设置宽高）：若是绝对定位，top:0;bottom:0;将与包含块同高；当点击锚点时，会符合:target代码父元素是弹性盒子，子元素宽度溢出，会改变父元素有能力改变子元素的大小；解决方法：flex-shrink:0flex:1将父元素（弹性盒子）剩余的空...

原创 js day7dom and bom

BOM概念BOM : Browser Object Model 浏览器对象模型，用来描述与浏览器进行交互的方法和接口。BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。BOM 的核心对象是 window ，它表示浏览器的一个实例。window对象有双重角色，它既是通过JavaScript 访问浏览器窗口的一个接口，又是ECMAScript规定的全局对象。这意味...

原创 js day6 Math和日期

&lt;script type="text/javascript"&gt;            //宿主对象：内置对象。//            Math.pow()--求幂，参1：底数    参2：指数            console.log(Math.pow(2,3));//8            //            Math.random()--随机产生0-1之...

原创 js day5 字符串

&lt;script type="text/javascript"&gt;            //基本类型：string/number/boolean/undefined/null            //引用类型：object                        //一切皆对象            Map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值...

原创 js day1

Js1//1.JavaScript是一种轻量级、解释型的Web开发语言。//轻量级：弱类型语言，比企业级语言简单。无法操作系统文件。//解释型：无需任何的环境进行编译。只需要浏览器。依赖浏览器解释。//2.JavaScript核心组成部分（ECMAscript/BOM/DOM）//ECMAscript：欧洲的计算机协会组织。发布JavaScript基本的语法标准。//BOM...

原创 js day2循环与判断

程序的三大结构(了解) 顺序结构 选择结构 循环结构 程序的分支结构 IF语句大多数编程语言中最为常用的一个语句就是 if 语句。以下是 if 语句的语法：if (条件) { 语句块1 } else { 语句块2 }其中的条件可以是任意表达式；而且对这个表达式求值的结果不一定是布尔值。ECMAScript 会自动调用 Boolean() 转换函数将这个表达式的结果转...

原创 js day3 函数

for(var sum=0,i=0;i&lt;=100;i++){            sum+=i;        } 而不能写成for(var sum=0,var i=0;i&lt;=100;i++)函数可以封装任意多条语句， 而且可以在任何地方、任何时候调用执行。 JS中的函数也是对象但是它同时也是对象的构造器，所以JS函数可以像其它对象那样操作和传递，我们也常叫JS中的函数为函数对...

原创 js day4 数组

        //总结：上面这些方法会改变原数组。   数组的概念及定义概念：数组为一组一般情况下相同类型的数据。除了 Object 类型之外，Array 类型是ECMAScript 最常用的类型。而且 ECMAScript 中的        Array 类型和其他语言中的数组有着很大的区别。 虽然数组都是有序排列， 但 ECMAScript       中的数组每个元素...

转载 import matplotlib ImportError: cannot import name 'is_string_like'

Traceback (most recent call last):  File "321.py", line 2, in &lt;module&gt;    import matplotlib.pyplot as pt  File "C:\ProgramData\Anaconda3\envs\tensorflow\init__.py", line 122, in &lt;module&g...

原创 html day12 第15集

  安装服务器， 适口为980px是所有移动手机开发商商量出来的，在移动端放一个比较大的虚拟空间，让pc端页面（如原width为1180的页面）等比例缩小到980的虚拟空间；屏幕480px，虚拟空间980px，把980的虚拟空间缩小放在480的屏幕里了自定义视口大小580，而不是980；width=device-width适口宽度等于设备大小；initial-s...

原创 html5 day11 第14集

错误：1.            2.1.写在a中，引用的标签图像有下划线，text-decoration：none去掉2.把弹出框作为子元素3.这种布局，可以对父框设置实际内容大小，再用padding撑开；4.5.对内容设置多张背景图，谁放在前面，谁就会出现在上面，谁在后面谁就在下面；对于定位的多张图片的效果相反；如：6.用border写7.border在帮助...

原创 html day9-- 11集

1.form标签：fieldset-块状legendfileimage 提交表单信息optgroup labellabelbutton type="submit reset button"table-css:border-collapse:设置相邻单元格之间的边框是否合并border-spacing：设置相邻单元格之间的间距empty-cells：设置内容为空的单元格是否隐...

原创 html day10 第12课

margin子元素与父元素边框的距离：问题：1.div若宽度自适应（不是100%，也不是具体值，根据内容自适：设置margin会变成,看里面内容展的空间变了；2.若div设置了宽度100%设置margin会变成3.若div设置了宽度（具体值）设置margin会变成结论：当块设置了宽度（具体值或100%），margin不会影响块的宽度；当块没设置宽度，让她自适应宽度时，设置marg...

原创 html day8 第9课

1.父元素在没有获得高度的情况下，希望子元素把它撑大;但子元素又希望获得父元素的宽度，矛盾了解决方法：加定位，左边的盒子必须定位position，height：100%才能获得包含块的高度2.鼠标滑动时，水平向下移动100px，垂直向下100px；3.上下左右向中间缩小（大于1放大，小于1缩小）4.自适应高度padding和margin不能...