SangSir https://sangsir.com/ zh-CN A wonderful flower in the art world Sun, 16 Aug 2020 16:25:00 +0800 Sun, 16 Aug 2020 16:25:00 +0800 Pagoda server multi site configuration of multiple redis nodes and self start scheme https://sangsir.com/archives/bt-redis.html https://sangsir.com/archives/bt-redis.html Sun, 16 Aug 2020 16:25:00 +0800 SangSir The existing problems are as follows:

When a server deploys multiple sites, the first website is installed with redis plug-in, and the connection is successful. Because there is only one redis port, when the second and third websites have installed the redis extension, they will automatically jump to the first site. Therefore, there will be conflicts after the deployment of multiple websites. Therefore, if you visit different websites on the same server on one computer, you will pop up the redis node of another website. I'm really upset!

Problems to be solved are as follows:

When deploying different sites on the same server, multiple redis instances need to be started: a redis server is divided into multiple nodes, and each node is assigned a port (63806381...) , the default port is 6379. Each node corresponds to a redis configuration file, such as redis6380.conf and redis6381.conf.

The solutions are as follows:

Step 1: copy multiple redis.conf and modify the configuration. Do what you want

 #CD / www / server / Regis ා CP redis.conf redis6380.conf ᦇ VI redis6380.conf ා note: modify redis6380.conf this step can be modified in the pagoda panel, only the following items can be modified 
 port 6380 
 pidfile / www / server / redis / redis_ 6380.pid
logfile "/www/server/redis/redis_ 6380.log"
dbfilename dump_ 6380.rdb

Step 2: enter the / etc / init. D directory, copy multiple redis startup entries and modify the configuration. Follow the requirements strictly

 #cd /etc/init.d
#cp redis redis6380
#vi redis6380

Modify redis in the following script_ Port port number

 #!/bin/sh
# chkconfig: 2345 56 26
# description: Redis Service

### BEGIN INIT INFO
# Provides:          Redis
# Required-Start:    $all
# Required-Stop:     $all
# Default-Start:     2 3 4 5
# Default-Stop:      0 1 6
# Short-Description: starts Redis
# Description:       starts the BT-Web
### END INIT INFO

# Simple Redis init.d script conceived  to work on Linux systems
# as it does use of the /proc filesystem.

REDIS_ PORT="6380"
CONF="/www/server/redis/redis${REDIS_ PORT}.conf"
REDISPORT=$(cat $CONF |grep port|grep -v '#'|awk '{print $2}')
REDISPASS=$(cat $CONF |grep requirepass|grep -v '#'|awk '{print $2}')
REDISHOST=$(cat $CONF |grep bind|grep -v '#'|awk '{print $2}')
if [ "$REDISPASS" != "" ];then
    REDISPASS=" -a $REDISPASS"
fi
if [ -f "/www/server/redis/start${REDIS_ PORT}.pl" ];then
    STARPORT=$(cat /www/server/redis/start${REDIS_ PORT}.pl)
else
    STARPORT="${REDIS_ PORT}"
fi
EXEC=/www/server/redis/src/redis-server
CLIEXEC="/www/server/redis/src/redis-cli -h $REDISHOST -p $STARPORT$REDISPASS"
PIDFILE=/var/run/redis_ ${REDIS_ PORT}.pid

redis_ start(){
    if [ -f $PIDFILE ]
    then
            echo "$PIDFILE exists, process is already running or crashed"
    else
            echo "Starting Redis server..."
            nohup sudo -u redis $EXEC $CONF >> /www/server/redis/logs${REDIS_ PORT}.pl 2>&1 &
            echo ${REDISPORT} > /www/server/redis/start${REDIS_ PORT}.pl
    fi
}
redis_ stop(){
        echo "Stopping ..."
        $CLIEXEC shutdown
        sleep 1
        PID=`ps aux|grep "sudo -u redis"|grep -v "grep"|grep -v "/etc/init.d/redis${REDIS_ PORT}"|awk '{print $2}'`
        if [ "${PID}" != "" ];then
                sleep 3
                pkill -9 redis-server
                rm -f $PIDFILE
        fi
        echo "Redis stopped"
}


case "$1" in
    start)
        redis_ start
        ;;
    stop)
        redis_ stop
        ;;
    restart|reload)
        redis_ stop
        sleep 0.3
        redis_ start
        ;;
    *)
        echo "Please use start or stop as first argument"
        ;;
esac

Step 3: put redis6380 Add to auto start item, view startup item

 #CD / etc / init. D 
 chkconfig -- add redis6380 or ා chkconfig redis6380 on ᦇ chkconfig -- list 
 note: the output result only shows SYSV services, and does not contain 
 native SYSTEMd services. SYSV configuration data 
 may be overridden by the native SYSTEMd configuration. to list SYSTEMd services, run 'systemctl list unit files'. to view the services enabled in specific target, please execute 'systemctl list dependencies [target]'. BT0: off 1: off 2: on 3: on 4: on 5: on 6: off BT_ Syssafe 0: off 1: off 2: on 3: on 4: on 5: on 5: on 5: on 5: off 1: off 2: on 3: on 4: on 5: on 6: off mysqld 0: off 1: off 2: off 3: off 4: on 5: on 6: off netconsole 0: off 1: off 2: off 3: off 5: off 6: off network 0: off 1: off 2: on 3: on 4: On 5: on 6: off 
 nginx 0: off 1: off 2: on 3: on 4: on 5: on 6: off php-fpm-54 0: off 1: off 2: on 3: on 4: on 5: on 6: off 
 php-fpm-56 0: off 1: off 2: on 3: on 4: on 5: on 6: off 
 redis 0: off 1: off 2: on 3: on 4: on 5: on 6: off Redis6381 0: off 1: off 2: on 3: on 4: on 6: off

In the same way, if you want to add more than N, you can do whatever you want

Start immediately after adding a startup entry. Method:

 cd /etc/init.d
./redis6380 start

This article can not be reproduced without permission. If you need to reprint, please indicate the source https://www.scit028.com/post-260.html

]]>
zero https://sangsir.com/archives/bt-redis.html#comments https://sangsir.com/feed/archives/bt-redis.html
Survey on the new theme of Typecho plana https://sangsir.com/archives/planA.html https://sangsir.com/archives/planA.html Mon, 13 Apr 2020 13:12:00 +0800 SangSir I wonder if you like this simple and unadorned new mimicry style?
The home page can view the effect
What suggestions can you leave me a message

]]>
four https://sangsir.com/archives/planA.html#comments https://sangsir.com/feed/archives/planA.html
Part. Three. Front end job model https://sangsir.com/archives/job-model.html https://sangsir.com/archives/job-model.html Sat, 27 Jul 2019 23:26:00 +0800 SangSir  Standardization of front-end interview process

Job title   P5 P6 P7 P8 P9
Job characteristics   Solid foundation and high quality completion Be on your own and assist the team Domain experts, influence teams Field breakthrough and business value added Create something out of nothing and lead change
Job responsibilities Business understanding and Implementation
(the business here includes technical products)
1. Actively understand the business and actively participate in the business review;
2. Independently and with high quality to complete the established tasks (complex modules or simple projects);
3. Actively pay attention to data and understand the current situation through data;
1. Deeply understand the business planning, take the initiative to think, and have certain business opinions;
2. Lead the front-end technical scheme design of the project and solve the front-end risk of the project;
3. Locate and solve problems through data;
1. Participate in business planning, fully understand business objectives and find business pain points;
2. Leading business front-end technical architecture or solving core technical problems in the field;
3. Discover key problems in business through data and launch optimization projects;
1. Participate in business decision-making and predict business development trend;
2. Lead the technical structure of front-end team or field, and make certain technical breakthroughs;
3. Establish systematic data system to promote business development or experience upgrading;
1. Have certain thinking on the industry or industry to promote business change;
2. Lead the development of front-end technology and promote business breakthrough through technological change and architecture upgrading;
3. Promote the integration and evolution of front-end and upstream and downstream technologies, and give full play to the overall value of technology;
Precipitation and inheritance of Technology 1. Participate in the infrastructure construction of the team, submit issue and contribution code, and participate in the preparation of technical documents;
2. Actively share technology;
1. Refine solutions to improve efficiency and quality, and apply them to the team;
2. Actively improve the team knowledge base and explore technology patents;
1. Lead and promote the team infrastructure construction and improve the front-end technology ecology of the group;
2. Organize or participate in team technical training;
1. Deeply participate in the formulation of front-end specifications, standards and processes of the group, and promote the implementation; 1. Promote the innovation of a certain field in front of the group;
Team building and development   1. Tutoring new people 1. Coach the core staff of the team;
2. Promote the construction of team technology culture;
1. Mining senior talents in the industry;
2. Participate in the construction of the group's front-end talent development system;
1. Layout for the future and attract top talents in the industry;
2. Promote the overall development of the group's front-end and enhance the value of front-end posts;
             
General capability Learning and speculation   learn in order to practise
Be able to learn knowledge actively and planned, apply flexibly according to the current business situation, explore and find the optimal solution.
intensive study
Can learn from and learn from industry experience, in-depth study of the technical field, solve existing problems in the field or improve the system.
System construction
Be able to learn systematically and structurally, have depth and breadth, abstract the field, establish or upgrade the system.
achieve mastery through a comprehensive study of the subject
It can penetrate the upstream and downstream technologies, think about the whole link, and promote the technology integration and evolution.
Cooperation and win win effective communication
Be able to communicate with upstream and downstream actively and effectively, arrange work priority reasonably, and complete with high quality.
Efficient collaboration
Be able to clearly express their own views and plans and reach consensus with others; have the sense of owner, be able to effectively identify, feedback and solve risks, ensure the implementation of the project and promote the achievement of objectives.
Promoting success
Be able to promote the upstream and downstream, form a joint force, have strong project management ability, lead the team or project to achieve the goal.
Partnership
Be able to jump out of the current position, stand in a higher perspective, seek common ground while reserving differences, promote cooperation, common development and achieve win-win results.
Planning and landing     Domain planning
Be able to identify the core problems in the current field, formulate strategies, find breakthrough points, promote the implementation and get the results.
Systematic planning
Be able to define team or domain problems, look at the essence through phenomena, form a system map, and obtain results through system tackling and special governance.
Forward looking layout
Be able to accurately judge the future trend, combine with the long-term business strategic planning, form the technical layout and make breakthroughs.
             
Professional ability professional knowledge The foundation is excellent
1. Master the front-end development language;
2. Understand W3C standard and common network protocol;
3. Be familiar with the working principle of browser and other front-end running containers;
4. Be familiar with the common engineering tools of the front end;
5. Be familiar with the common frame of front end;
Comprehensive knowledge
1. Fully understand the front-end knowledge system;
2. Master the front-end knowledge involved in daily development (development language, standard protocol, working principle, engineering tools, front-end framework, user experience, etc.);
Knowledge expertise
1. Be proficient in the front-end knowledge system of at least one field;
2. Master common design patterns;
3. Be proficient in the design principles of common frames and be able to use them reasonably;
knowledge system
1. Master the overall front-end knowledge system;
2. Understand the knowledge system of upstream and downstream technologies;
Domain intercommunication
1. Familiar with upstream and downstream technical knowledge system;
2. Understand the new technology and be able to establish the front-end system for the future;
Technical realization High quality, maintainable
1. Skillfully use class library to solve business problems, and the project code is maintainable;
2. Have quality awareness and master solutions to problems such as compatibility and performance;
It can improve efficiency and reuse
1. Be able to improve team efficiency by developing or introducing efficiency tools;
2. Be able to refine reusable components and contribute high quality code to component library;
Scalable and portable
1. Be able to complete the program design with high expansibility and high reusability;
2. Have the ability of abstraction, and be able to abstract the domain general architecture scheme according to the characteristics of the scene;
systematic
1. Be able to identify system weaknesses and promote system upgrading;
2. Have the ability of product thinking and technical operation, and be able to lead the production and service of front-end technology;
Interdisciplinary
With the ability to integrate upstream and downstream technologies to complete cross domain architecture design and governance.
Business understanding I can understand
Be able to understand PRD, understand business concept and business background.  
Conversational
Understand the main rules and logic behind the business.
Can affect
Be able to understand the market competition and customer demands of the business, and accurately judge its business value.
Overall view
Be able to analyze and think about the overall situation of the industry.
Forward looking
Have industry or industry insight, can accurately judge the development trend.
]]>
two https://sangsir.com/archives/job-model.html#comments https://sangsir.com/feed/archives/job-model.html
Front end interview question bank https://sangsir.com/archives/Front-end-interview.html https://sangsir.com/archives/Front-end-interview.html Sat, 27 Jul 2019 23:06:00 +0800 SangSir Interview question bank
  • introduce oneself to
  • The interested projects are introduced in detail;
  • Browser kernel understanding, common browser kernel
 Trident kernel: ie, Maxthon, TT, the world, 360, Sogou browser, etc. [also known as mshtml] 
 gecko kernel: Netscape 6 and above, FF, Mozilla Suite / Seamonkey, etc. 
 Presto kernel: Opera 7 and above. [opera kernel: Presto, now: blink] 
 WebKit kernel: Safari, chrome, etc. [Chrome's: blink (a branch of WebKit)]
  • Offline storage cache.manifest in HTML5
  • Please describe the difference between cookies, sessionstorage and localstorage?
  • What are the disadvantages of iframe?
  • How to achieve a circular clickable area on the page?
 1. Map + area or SVG 
 2, border radius 
 3, pure JS implementation needs a simple algorithm to find a point on the circle, obtain mouse coordinates and so on
  • How to calculate CSS priority algorithm?
 -According to the principle of priority proximity, the closest style definition shall prevail in the case of the same weight; 
 - the loading style shall be subject to the last loaded location; 
 the priority is: 
 the same weight: inline style sheet (inside label) > embedded style sheet (in current file) > external style sheet (in external file). ! Important > ID > class > tag
important has higher priority than inline
  • Div is centered horizontally and vertically
  • What are the attributes of position;
  • CSS creates a triangle principle;
  • JavaScript prototype, prototype chain? What are the characteristics?
 Each object will initialize a property in its internal, that is, prototype. When we access the properties of an object, if no object does not have this property, then it will go to the prototype to find the property, and the prototype will have its own prototype, so we will keep searching, which is the concept of prototype chain. relationship: instance. Constructor. Prototype = instance. Proto
  • Introduce immutable data
  • React life cycle
  • What is the difference between react component and purecomponent?
  • The difference between Ajax & fetch?
  • promise
  • 0.1 + 0.2 !== 0.3
  • New features or syntax of ES6
  • The difference between get and post?
  • What is cross domain and what are the solutions?
  • Common return codes of HTTP
  • What are the principles of Redux?
  • Have you known the react DOM diff algorithm?
  • The principle of front end routing?
  • What kind of APP has been developed with OC;
  • Considerations on technology stack selection: Vue + vuex + webpack + flexible + sass
  • How to use js / OC, jsbridge and react native
  • What problems are solved by introducing iscoll? What is the principle?
  • What are the ways to optimize the speed of web page opening? What have you practiced?
  • How do you understand the position of front end Engineer? What is its future?
  • Is there any GitHub? Have you done any open source projects in GitHub? Would you like to introduce it?
  • What difficulties do you encounter in your work? How do you solve them?
  • Introduce one of your favorite works, projects?

Do a few questions

 //1. Simple implementation of throttle 1. Simple implementation of throttle 1. Simple implementation of function throttle (func, duration) {/ / / / write the specific implementation here 
} 
 window.addeventlistener ('scroll ', throttle (func, 50, 50, false);; 
 / / 2. Implement a depth first search algorithm (non recursive) 
 functiondfs (tree, name, name) {/ / / / / / / / / / please implement 
} 
 
 
 
 / / please implement 
} 
 
 
, write the specific implementation here 
} 
 windows.addeventlistener ('scroll', throttle (function, 50, 50, 50, false);;;;;;;;; (2. Implement a depth first search algorithm (non recursive) 
 children: [{Name: 'Beijing',, Children: [{
 Name:'chaoyang people '
}, 
 {Name:' Haidian District '
} 
; 
 {Name:' Zhejiang Province ', 
 children: [{Name:' Hangzhou city '
}, 
 {Name:' Name: 'Hangzhou city' 
, 
 {name: 'Name:' Hangzhou city '
, 
 {Name:' Name: 'Jiaxing City' 
}} 
 
 {
 Name: 'Name:' Haidian District '
} 
 
 
 
 
 
 10; 
 
 
 
 
 
 
 
console.log (result);;
]]>
zero https://sangsir.com/archives/Front-end-interview.html#comments https://sangsir.com/feed/archives/Front-end-interview.html
Front end react direction https://sangsir.com/archives/Front-end-react.html https://sangsir.com/archives/Front-end-react.html Sat, 27 Jul 2019 23:04:00 +0800 SangSir Interview point
  • Cookies and storage
  • Asynchronous programming
  • let var const
  • Clear float
  • CSS animation
  • HTTP method
  • ng-if ng-show/ng-hide
  • ng-repeat
  • module.exports exports
  • EM and REM
  • Get element height and width
  • Git rebase and git merge
  • React life cycle
  • Redux basic process
  • jsonp
  • Several ways of CSS vertical center
  • What are the box sizing values
  • What is the difference between arrow function and ordinary function, and what is usually used
  • Network performance optimization
  • Box model
  • Event delegate binding
  • web worker
  • React performance optimization
  • Performance optimization scheme of webpack
  • React 16
  • Communication mode between parent and child components
  • Restful
  • arrow function
  • CSRF and its preventive measures
  • PWA
  • Stateless component and class component
  • Controlled component and uncontrolled component
  • React key
  • React 16

Open questions

  • I have done the most satisfactory thing in my work now.
  • What is the most suitable position?
  • Strong points in the field of technology.
]]>
zero https://sangsir.com/archives/Front-end-react.html#comments https://sangsir.com/feed/archives/Front-end-react.html
Alibaba front end summer internship https://sangsir.com/archives/alibaba-campus-job.html https://sangsir.com/archives/alibaba-campus-job.html Thu, 28 Mar 2019 11:00:00 +0800 SangSir preface

First of all, I'd like to talk about why I went to the interview. I talked with my seniors before. It's a good opportunity to find a summer internship in my junior year, and the awards I won in school are all around the front end. As a person who wants to know what level he is at, he must invest in a big factory. So he chose Alibaba's front-end development. On March 19, Ali pushed his resume to the campus recruitment system.

One side (57 minutes)

On the second day of perfecting the resume, at 20:20 p.m. on March 20, Alibaba's landline number called for a telephone interview. I didn't expect to come so quickly. At that time, there was no preparation at all, and my head was confused.

  • Introduce yourself briefly
  • What is the level of your major in the class
  • An impressive project
  • How did the 90 + star of GitHub open source project come from
  • CSS box model
  • CSS realizes vertical center
  • How does jQuery implement dollar ($)
  • Ajax principle of jquery
  • How to solve the cross domain problem
  • The principle of jsonp
  • Event binding of JS
  • Difference between document.ready and window.onload
  • Do you have any questions for me
  • At the end of the interview, I directly said that I had interviewed and forgot some small details

Two sides (29 minutes)

At 21:28 p.m. on March 25, a private mobile phone number from Hangzhou, Zhejiang Province called for a telephone interview.

  • Introduce yourself briefly
  • Why choose to be the front end (my major is design)
  • Talk about your project experience and technical difficulties

    • ... around the technical points of the project
    • How to implement or solve other scenarios around the technical points of the project
  • The difference between ES6 and Es5
  • The difference between let and VaR
  • How does JS solve the problem of inheritance
  • If there is a HelloWorld string, how to reverse it
  • What are the advantages of applets over H5
  • What are the frameworks for cross platform development
  • Do you have any questions for me
  • There are also some small details that I have forgotten

Three sides (31 minutes)

At 19:31 p.m. on March 31, the interviewers on the second side called for an in-depth interview to talk about the projects you had done in your two competitions. The interviewer guided me to speak about the projects in depth with the star principle. This is great! In fact, the star principle should also be used in the resume and interview! Finally, what questions do you want to ask me? I didn't ask the basis.

After the completion of the three aspects, I added the interviewer's wechat and told me that there would be cross-sections in the future. Let me have a more look at the basics, such as: events, closures, box models, data binding of Vue and react, virtual DOM, etc

Intersection (32 minutes)

At 18:12 p.m. on April 2, the interviewer from the Technology Department of tmall called for a telephone interview. He introduced himself and impressed the project. He asked some questions about the project. What questions did you want to ask me, but didn't ask the basic information.

PS. project asked very deep, this point should be noted, do not dig holes in your resume!

HR noodles (43 minutes)

At 11:10 p.m. on April 4, HR's little sister called for a video interview, using Ali's own video conference system. The content of the conversation was basically the same as Ali HR's interview questions in niuke.com.

feel

Ali's interviewer attitude is really great!!! At the end of the interview, you can ask the interviewer how to learn and which aspect is lacking. The leaders will make a summary and suggestions for you to learn the weak parts. Crazy call!!!
After this interview, I found that my understanding of the front-end was only limited to document oriented, Google, and stack overflow. My deep understanding of JavaScript foundation and project technology was very poor, and the algorithm was a blank. No matter the interview, but the future or to refuel!

last

2019.04.12,23:57。 E-mail + SMS notice, sent to Ali employment intention, did not expect only interview Ali, but also go to the end, luck explosion!
2019.04.22,11:54。 HR little sister called to confirm the time and process of employment, and the offer call finally came~~~

In addition, I recommend an interview map from a front-end boss. Basically, the basic interview questions of JS are included in it! I regret not having a good look before the interview!!! Click here > > > InterviewMap

There's another noodle, it's great! Click here > > > Interview secret book of middle and advanced front end large factory, escort for you

]]>
sixteen https://sangsir.com/archives/alibaba-campus-job.html#comments https://sangsir.com/feed/archives/alibaba-campus-job.html
Taking advantage of XSS vulnerability to easily get the login user's cookie https://sangsir.com/archives/xss-cookie.html https://sangsir.com/archives/xss-cookie.html Sat, 01 Dec 2018 12:50:00 +0800 SangSir preface

Recently, I found that one of the small programs is to automatically register an account in a certain station after applying for user information.
So went to the website to see, wow! A lot of input box ~ try XSS easily.
 1.png

XSS vulnerability found

For the purpose of learning and communication, the following code is input in the input box of user name with trembling fingers:
<script>alert(1)</script>
 2.png
EMM... Did not respond, the heart a burst of loss, and did not expect to pop up a box, sighed.
However, it is a procedural ape at least, which can not be easily given up.
We found some XSS variation code to test
</textarea><img onerror="alert(1)" src='1'>
 3.png
WOW! It's amazing!

Further exploit XSS vulnerability

At that time, I was thinking that his small program had recharge function.
The administrator or the financial department will certainly have nothing to look at today's consumption ~ which new users recharge it~
That's not as good as that~
Brush two recharge lists, and then insert XSS in the user name, and Jiang Taigong will hook the fisherman.
From the search engine, we found several XSS platforms with HTTPS, and checked the module that can obtain cookies:
 4.png

(2) later

 5.png
Fish hook ~ successfully get the user name and cookie, then hang agent, developer tool, application, modify cookies, refresh the page.

Really lucky

 6.png
The first time I used XSS to do something, it was very comfortable.
Unfortunately, the background and user center are shared, and there is no place to upload files for reuse.
 7.png
It's just a small charge~

Vulnerability submission

 8.png
It has been fed back to the relevant administrator for repair.

Conclusion

Do development, security awareness must have ah!

]]>
five https://sangsir.com/archives/xss-cookie.html#comments https://sangsir.com/feed/archives/xss-cookie.html
Fix the bug of input method occlusion input box in Android mobile phone https://sangsir.com/archives/weui-input-bug-fix.html https://sangsir.com/archives/weui-input-bug-fix.html Tue, 10 Jul 2018 14:26:00 +0800 SangSir //. container sets the overflow property, which causes the input method to block the bug in the input box when the input box gets focus on the Android phone / / related issue: HTTPS: / / GitHub. COM / weui / weui / issues / 15 / / solution: / / 0, However, this demo will cause other problems / / 1. Refer to http://stackhoverflow.com/questions/23757345/android-does-not-properly-scroll-on-input-focus-if-not-body-element / / when input or textarea elements are focused, roll if (/ Android / GI. Test (navigator. Useragent)) {window. Addeventlistener ('reset ', function () { if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') { window.setTimeout(function () { //document.activeElement.scrollIntoViewIfNeeded(); document.activeElement.scrollIntoView(); }, 0); } }) }

Just found the above code, if you use the commented out code is invalid, in the new weui/issues/577 Find a new method in:
take document.activeElement.scrollIntoViewIfNeeded Change to document.activeElement.scrollIntoView
This function can be implemented instead.

]]>
two https://sangsir.com/archives/weui-input-bug-fix.html#comments https://sangsir.com/feed/archives/weui-input-bug-fix.html
On the development trend of graphic printing https://sangsir.com/archives/graphic-printing.html https://sangsir.com/archives/graphic-printing.html Tue, 22 May 2018 16:51:00 +0800 SangSir As a student majoring in visual communication design, printing technology is an essential course. Under the leadership of our professional teachers, more than 90 teachers and students of our whole major came to Baojie News printing company in Yantai. This is the first time that I was able to get to know the printing production site in the printing factory. There are sound equipment and personnel division, and imported printing machines, which also let me have a deeper understanding of the differences between the printing technology on books and the actual situation.
At 2:00 p.m., under the guidance of the reception and service staff, our party visited the printing and packaging workshop, Baojie technology center, production exhibition area, boutique area and Wanli Pengcheng design company. The announcer introduced in detail each process flow of product production, development history, current situation and future planning of the park. After understanding, Baojie printing is an old state-owned newspaper printing enterprise. It has maintained a stable growth rate despite the decline of newspaper printing volume. This is mainly due to the early product structure adjustment, from newspaper printing to packaging printing, and then from packaging printing brush to upstream design and creative field.
Through visiting the printing factory, especially the product structure adjustment of Yantai Baojie News Printing Co., Ltd., I have made some analysis on the prospect of graphic printing industry. Because of the wide range of graphic printing industry, this scope can be roughly divided into two categories: the first category is book printed materials (such as posters for publicity, magazines and newspapers for reading, teaching books for schools, examination papers, etc.). Due to the popularity and development of the Internet, digital books and periodicals have the advantages of portability, interactivity and environmental protection compared with traditional printed materials The printing volume of books in this enterprise and education will be greatly reduced. The other is packaging printed products (such as cartons, cartons, paper cards, special materials and other packaging products). With the fierce competition of products, businesses also pay more and more attention to product packaging and the packaging of the entire corporate image. They are willing to pay more to produce exquisite packaging. The overall profit margin of the printing and packaging industry will be improved. Therefore, higher quality packaging materials and packaging materials are used The development trend of graphic printing industry is that the latter printing products will be paid more and more attention.
In the follow-up communication with the printing industry practitioners, there are also views on the development trend of graphic printing: commercial printing is now in the era of personalized, under the influence of the Internet, personalized demand is more and more obvious. In the past, the standardized product market has been gradually replaced by new Internet consumers, and the stereotyped public demand will be less and less. The development direction of book printing is hardback books and cheap books. The former one is durable and collectable, but the latter is really just flipping.
Not only through offline communication, but also on the Internet, there are also status analysis and trend prediction of graphic printing industry: first of all, offset printing will continue to be the main force of printing technology; due to the impact of the Internet, single consumers will increase, and on-demand printing is one of the inevitable trends in the future; with China's ecological environment protection as an important field of opening up, green environmental protection printing has become an important field It will become the main battlefield, and after the merchants attach importance to the product packaging design, the printing industry begins to transform from the traditional manufacturing industry to the service industry.
Through the analysis of the development trend of graphic printing, the product structure adjustment of Yantai Baojie News Printing Co., Ltd. is very correct. The transformation from newspaper printing to packaging printing, and then from packaging printing to upstream design creative field is in line with the development trend of the future graphic printing industry.

]]>
zero https://sangsir.com/archives/graphic-printing.html#comments https://sangsir.com/feed/archives/graphic-printing.html
Capability growth model https://sangsir.com/archives/grow-up.html https://sangsir.com/archives/grow-up.html Thu, 03 May 2018 10:31:00 +0800 SangSir Recently, I read Weinberg's the road to technological leadership published in 1986,
Very old books are all about some simple but easily overlooked principles,
Just like the first chapter, we talk about the improvement of the author's playing pinball,
For a long time, I think my level has been improved as shown in the figure below, and I am gradually improving every year
 Please enter a picture description

In fact, it is often not. The process of ability improvement is usually "plateau breakthrough",
In the plateau period, we precipitated and thought, and made breakthroughs after learning new methods,
People who are not good at thinking and summing up will have a long plateau period, and people will always feel comfortable in the plateau period
 Please enter a picture description

And before the breakthrough, there will be a trough period, as shown in the "plateau trough breakthrough" model in the figure below,
To make a breakthrough, we must strive to break the current situation of comfort and practice new ideas, new knowledge and new methods,
Before the new method is mature, you will feel that it is not as good as before. This is the trough period,
Always want to go back to the old way, especially when comparing with others, you must hold:
 Please enter a picture description

Of course, the actual data will not be as smooth as the model above. The figure below shows the level of pinball playing by the author,
Because the author bought a pinball machine since he was a child, which recorded all his achievements
 Please enter a picture description

The article is concise but significant, which is reproduced in Liang Fei's blog: http://javatar.iteye.com/blog/1517933

]]>
three https://sangsir.com/archives/grow-up.html#comments https://sangsir.com/feed/archives/grow-up.html